@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,500,700|Poppins:100,400,600,700");
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa, section.popover #calendar th > b:before, section.pop-inline #calendar th > b:before, .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before, .simulator > header dd:before, .p3-layout .menu-pane li:before, .chat_list_view #simulator footer.send-type-text .type-text b:before, .bot-editor section.actions li h5:before, .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div label.new:before, .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u:before, section.user-editor section.info header:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, .vip:after, .simulator .opt-bar button:after, ol.card li.image.uploading:before, .catalog_list_view .list-item-linkto a:after, .bot-editor ul.nodes ol.card.new:before, .bot-editor ul.nodes ol.card.new.flex:before, section.pop-inline > dl dd,
section.subpop-inline > dl dd, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color:before, section.user-editor section.info header:after, section.user-editor section.info li h4.lock:after, .view-editor .comp.preview li.option-checkbox:before, .view-editor .comp.preview li.option-radio:before, .view-editor .edit-bar .bar:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left, section.popover #calendar th > b.fa-pull-left:before, section.pop-inline #calendar th > b.fa-pull-left:before, .fa-pull-left.icon:before, .fa-pull-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-pull-left.on:before, table.list-view th.fa-pull-left.sortable:before, .ui-indicator .fa-pull-left#indicator:before, .search-bar div.fa-pull-left.queries:before, .simulator > header dd.fa-pull-left:before, .p3-layout .menu-pane li.fa-pull-left:before, .chat_list_view #simulator footer.send-type-text .type-text b.fa-pull-left:before, .bot-editor section.actions li h5.fa-pull-left:before, .bot-editor ul.nodes > li > div span.fa-pull-left.new:before, .bot-editor ul.nodes > li > div label.fa-pull-left.new:before, .bot-editor ul.nodes div.fa-pull-left.schedule:before, .bot-editor ul.nodes ol.card li.fa-pull-left.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.fa-pull-left:before, section.user-editor section.info header.fa-pull-left:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.fa-pull-left:before, .fa-pull-left.vip:after, .simulator .opt-bar button.fa-pull-left:after, ol.card li.fa-pull-left.image.uploading:before, .catalog_list_view .list-item-linkto a.fa-pull-left:after, .bot-editor ul.nodes ol.fa-pull-left.card.new:before, section.pop-inline > dl dd.fa-pull-left,
section.subpop-inline > dl dd.fa-pull-left, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.fa-pull-left.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.fa-pull-left.image.is-color:before, section.user-editor section.info header.fa-pull-left:after, section.user-editor section.info li h4.fa-pull-left.lock:after, .view-editor .comp.preview li.fa-pull-left.option-checkbox:before, .view-editor .comp.preview li.fa-pull-left.option-radio:before, .view-editor .edit-bar .fa-pull-left.bar:after {
  margin-right: .3em; }

.fa.fa-pull-right, section.popover #calendar th > b.fa-pull-right:before, section.pop-inline #calendar th > b.fa-pull-right:before, .fa-pull-right.icon:before, .fa-pull-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-pull-right.on:before, table.list-view th.fa-pull-right.sortable:before, .ui-indicator .fa-pull-right#indicator:before, .search-bar div.fa-pull-right.queries:before, .simulator > header dd.fa-pull-right:before, .p3-layout .menu-pane li.fa-pull-right:before, .chat_list_view #simulator footer.send-type-text .type-text b.fa-pull-right:before, .bot-editor section.actions li h5.fa-pull-right:before, .bot-editor ul.nodes > li > div span.fa-pull-right.new:before, .bot-editor ul.nodes > li > div label.fa-pull-right.new:before, .bot-editor ul.nodes div.fa-pull-right.schedule:before, .bot-editor ul.nodes ol.card li.fa-pull-right.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.fa-pull-right:before, section.user-editor section.info header.fa-pull-right:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.fa-pull-right:before, .fa-pull-right.vip:after, .simulator .opt-bar button.fa-pull-right:after, ol.card li.fa-pull-right.image.uploading:before, .catalog_list_view .list-item-linkto a.fa-pull-right:after, .bot-editor ul.nodes ol.fa-pull-right.card.new:before, section.pop-inline > dl dd.fa-pull-right,
section.subpop-inline > dl dd.fa-pull-right, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.fa-pull-right.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.fa-pull-right.image.is-color:before, section.user-editor section.info header.fa-pull-right:after, section.user-editor section.info li h4.fa-pull-right.lock:after, .view-editor .comp.preview li.fa-pull-right.option-checkbox:before, .view-editor .comp.preview li.fa-pull-right.option-radio:before, .view-editor .edit-bar .fa-pull-right.bar:after {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left, section.popover #calendar th > b.pull-left:before, section.pop-inline #calendar th > b.pull-left:before, .pull-left.icon:before, .pull-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pull-left.on:before, table.list-view th.pull-left.sortable:before, .ui-indicator .pull-left#indicator:before, .search-bar div.pull-left.queries:before, .simulator > header dd.pull-left:before, .p3-layout .menu-pane li.pull-left:before, .chat_list_view #simulator footer.send-type-text .type-text b.pull-left:before, .bot-editor section.actions li h5.pull-left:before, .bot-editor ul.nodes > li > div span.pull-left.new:before, .bot-editor ul.nodes > li > div label.pull-left.new:before, .bot-editor ul.nodes div.pull-left.schedule:before, .bot-editor ul.nodes ol.card li.pull-left.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.pull-left:before, section.user-editor section.info header.pull-left:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.pull-left:before, .pull-left.vip:after, .simulator .opt-bar button.pull-left:after, ol.card li.pull-left.image.uploading:before, .catalog_list_view .list-item-linkto a.pull-left:after, .bot-editor ul.nodes ol.pull-left.card.new:before, section.pop-inline > dl dd.pull-left,
section.subpop-inline > dl dd.pull-left, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.pull-left.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.pull-left.image.is-color:before, section.user-editor section.info header.pull-left:after, section.user-editor section.info li h4.pull-left.lock:after, .view-editor .comp.preview li.pull-left.option-checkbox:before, .view-editor .comp.preview li.pull-left.option-radio:before, .view-editor .edit-bar .pull-left.bar:after {
  margin-right: .3em; }

.fa.pull-right, section.popover #calendar th > b.pull-right:before, section.pop-inline #calendar th > b.pull-right:before, .pull-right.icon:before, .pull-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pull-right.on:before, table.list-view th.pull-right.sortable:before, .ui-indicator .pull-right#indicator:before, .search-bar div.pull-right.queries:before, .simulator > header dd.pull-right:before, .p3-layout .menu-pane li.pull-right:before, .chat_list_view #simulator footer.send-type-text .type-text b.pull-right:before, .bot-editor section.actions li h5.pull-right:before, .bot-editor ul.nodes > li > div span.pull-right.new:before, .bot-editor ul.nodes > li > div label.pull-right.new:before, .bot-editor ul.nodes div.pull-right.schedule:before, .bot-editor ul.nodes ol.card li.pull-right.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.pull-right:before, section.user-editor section.info header.pull-right:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.pull-right:before, .pull-right.vip:after, .simulator .opt-bar button.pull-right:after, ol.card li.pull-right.image.uploading:before, .catalog_list_view .list-item-linkto a.pull-right:after, .bot-editor ul.nodes ol.pull-right.card.new:before, section.pop-inline > dl dd.pull-right,
section.subpop-inline > dl dd.pull-right, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.pull-right.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.pull-right.image.is-color:before, section.user-editor section.info header.pull-right:after, section.user-editor section.info li h4.pull-right.lock:after, .view-editor .comp.preview li.pull-right.option-checkbox:before, .view-editor .comp.preview li.pull-right.option-radio:before, .view-editor .edit-bar .pull-right.bar:after {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin-autocomplete {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
    transform: translateY(-50%) rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

:root {
  --a1: #5F5BFF;
  --a2:#00D6C9;
  --a3: #b83030;
  --a4: #b87715;
  --s1: #e6effb;
  --d1: #222;
  --d2: #666;
  --d3: #999;
  --l1: #F8F6F5;
  --l2: #D8D8D8;
  --l3: #D8D8D8;
  --ln: #D0C9C3;
  --font: 'M PLUS 1p', 'Noto Sans JP', 'Poppins', 'Meiryo', 'Hiragino Maru Gothic Pro', sans-serif; }

* {
  font-family: inherit;
  box-sizing: border-box;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0; }

.icon::before, table.list-view th.on::before, table.list-view th.sortable::before, .search-bar div.queries::before, .simulator > header dd::before, .p3-layout .menu-pane li::before, .bot-editor section.actions li h5::before, .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u::before, section.user-editor section.info header::before {
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

html {
  --dpx: 10px;
  font-size: 13px;
  color: #666;
  font-weight: 400;
  font-family: 'Poppins','Noto Sans JP',"Meiryo","Hiragino Maru Gothic Pro",sans-serif; }

a, h3, h4, h5, h6 {
  color: inherit;
  font-weight: inherit; }

body.ja * {
  font-family: 'Noto Sans JP','Poppins',"Meiryo","Hiragino Maru Gothic Pro",sans-serif; }

body[popup='1'] > article.view {
  filter: blur(8px); }

body[popup='1'] > article.popup-mask {
  filter: none !important; }

body[popup='1'] > article.ui-dropdown-mask {
  filter: none !important; }

.c-a1, .c-a2, .ui-button.new, footer button.new, footer button.new.trash, footer button.new.save, footer button.new.a1, footer button.new.thaw, footer button.new.gray, button.new, .new.ui-dropdown, .c-dd, .c-dn {
  text-align: center;
  border: 0;
  color: white; }

.c-a1 {
  background-color: #5F5BFF;
  border-color: #5F5BFF; }

.c-a2, .ui-button.new, footer button.new, footer button.new.trash, footer button.new.save, footer button.new.a1, footer button.new.thaw, footer button.new.gray, button.new, .new.ui-dropdown {
  background-color: #00D6C9;
  border-color: #00D6C9; }

.c-dd {
  background-color: #222;
  border-color: #222; }

.c-dn {
  background-color: #bbb;
  border-color: #bbb; }

.c-a1-o, .c-a2-o, .c-dd-o, .c-dn-o, .center-pane.list-view-frame footer button {
  text-align: center;
  border: 1px solid #D0C9C3;
  background-color: white; }

.c-a1-o {
  color: #5F5BFF;
  border-color: #5F5BFF; }

.c-a2-o {
  color: #00D6C9;
  border-color: #00D6C9; }

.c-dd-o {
  color: #222;
  border-color: #222; }

.c-dn-o, .center-pane.list-view-frame footer button {
  color: #666;
  border-color: #bbb; }

.c-a1-o:hover {
  color: #3A3AB5; }

.c-a2-o:hover {
  color: #009F96; }

.c-dd-o:hover {
  color: #000; }

.c-dn-o:hover, .center-pane.list-view-frame footer button:hover {
  color: #222; }

.c-a1-t, .c-a2-t, .c-dd-t, .c-dn-t {
  text-align: center;
  border: 0;
  background-color: transparent; }

.c-a1-t {
  color: #5F5BFF; }

.c-a2-t {
  color: #00D6C9; }

.c-dd-t {
  color: #222; }

.c-dn-t {
  color: #bbb; }

.ui-button, footer button, footer button.new, footer button.trash, footer button.save, footer button.a1, footer button.thaw, footer button.gray, button, .ui-dropdown {
  margin-left: 16px;
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
  box-sizing: content-box;
  margin-top: 0;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  background: #FFFFFF;
  color: #666;
  text-decoration: uppercase;
  border: 1px solid #ccc; }
  .ui-button, footer button, footer button.new, footer button.trash, footer button.save, footer button.a1, footer button.thaw, footer button.gray, button, .ui-dropdown, .ui-button > *, footer button > *, footer button.new > *, footer button.trash > *, footer button.save > *, footer button.a1 > *, footer button.thaw > *, footer button.gray > *, button > *, .ui-dropdown > * {
    vertical-align: middle; }
  .ui-button:hover, footer button.new:hover, footer button.trash:hover, footer button.save:hover, footer button.a1:hover, footer button.thaw:hover, footer button.gray:hover, button:hover, .ui-dropdown:hover {
    background: #F8F6F5; }
  .ui-button.icon:before, button.icon:before, button.form-item-autocomplete.loading-autocomplete:before, .ui-indicator button#indicator:before, .icon.ui-dropdown:before, .ui-dropdown.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-dropdown.on:before, table.list-view th.ui-dropdown.sortable:before, .ui-indicator .ui-dropdown#indicator:before, .search-bar div.ui-dropdown.queries:before, .simulator > header dd.ui-dropdown:before, .p3-layout .menu-pane li.ui-dropdown:before, .chat_list_view #simulator footer.send-type-text .type-text b.ui-dropdown:before, .bot-editor section.actions li h5.ui-dropdown:before, .bot-editor ul.nodes > li > div span.ui-dropdown.new:before, .bot-editor ul.nodes > li > div label.ui-dropdown.new:before, .bot-editor ul.nodes div.ui-dropdown.schedule:before, .bot-editor ul.nodes ol.card li.ui-dropdown.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ui-dropdown:before, section.user-editor section.info header.ui-dropdown:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ui-dropdown:before, .ui-button.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-button.on:before, table.list-view th.ui-button.sortable:before, .ui-indicator .ui-button#indicator:before, .search-bar div.ui-button.queries:before, .simulator > header dd.ui-button:before, .p3-layout .menu-pane li.ui-button:before, .chat_list_view #simulator footer.send-type-text .type-text b.ui-button:before, .bot-editor section.actions li h5.ui-button:before, .bot-editor ul.nodes > li > div span.ui-button.new:before, .bot-editor ul.nodes > li > div label.ui-button.new:before, .bot-editor ul.nodes div.ui-button.schedule:before, .bot-editor ul.nodes ol.card li.ui-button.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ui-button:before, section.user-editor section.info header.ui-button:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ui-button:before {
    height: 32px;
    line-height: 32px;
    text-indent: 20px; }
  .ui-button:last-child, footer button.new:last-child, footer button.trash:last-child, footer button.save:last-child, footer button.a1:last-child, footer button.thaw:last-child, footer button.gray:last-child, button:last-child, .ui-dropdown:last-child {
    margin-right: 0; }

.ui-label-button, button.menu, form .buttons button, .ui-menu, .left-pane footer button, .p3-layout section footer button {
  background-color: transparent;
  color: #222;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  margin-right: 8px;
  height: 26px;
  line-height: 28px;
  border: 0 !important;
  font-size: 12px;
  text-indent: 16px; }

.ui-label-button.icon:before, button.icon.menu:before, button.menu.form-item-autocomplete.loading-autocomplete:before, .ui-indicator button.menu#indicator:before, form .buttons button.icon:before, form .buttons button.form-item-autocomplete.loading-autocomplete:before, form .buttons .ui-indicator button#indicator:before, .ui-indicator form .buttons button#indicator:before, .icon.ui-menu:before, .ui-menu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-menu.on:before, table.list-view th.ui-menu.sortable:before, .ui-indicator .ui-menu#indicator:before, .search-bar div.ui-menu.queries:before, .simulator > header dd.ui-menu:before, .p3-layout .menu-pane li.ui-menu:before, .chat_list_view #simulator footer.send-type-text .type-text b.ui-menu:before, .bot-editor section.actions li h5.ui-menu:before, .bot-editor ul.nodes > li > div span.ui-menu.new:before, .bot-editor ul.nodes > li > div label.ui-menu.new:before, .bot-editor ul.nodes div.ui-menu.schedule:before, .bot-editor ul.nodes ol.card li.ui-menu.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ui-menu:before, section.user-editor section.info header.ui-menu:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ui-menu:before, .ui-label-button.form-item-autocomplete.loading-autocomplete:before, .left-pane footer button.form-item-autocomplete.loading-autocomplete:before, .p3-layout section footer button.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-label-button.on:before, table.list-view th.ui-label-button.sortable:before, .ui-indicator .ui-label-button#indicator:before, .ui-indicator .left-pane footer button#indicator:before, .left-pane footer .ui-indicator button#indicator:before, .ui-indicator .p3-layout section footer button#indicator:before, .p3-layout section footer .ui-indicator button#indicator:before, .left-pane footer button.icon:before, .search-bar div.ui-label-button.queries:before, .simulator > header dd.ui-label-button:before, .p3-layout section footer button.icon:before, .p3-layout .menu-pane li.ui-label-button:before, .chat_list_view #simulator footer.send-type-text .type-text b.ui-label-button:before, .bot-editor section.actions li h5.ui-label-button:before, .bot-editor ul.nodes > li > div span.ui-label-button.new:before, .bot-editor ul.nodes > li > div label.ui-label-button.new:before, .bot-editor ul.nodes div.ui-label-button.schedule:before, .bot-editor ul.nodes ol.card li.ui-label-button.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ui-label-button:before, section.user-editor section.info header.ui-label-button:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ui-label-button:before {
  text-indent: 6px;
  line-height: 28px; }

.flex-row, .pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.flex-col {
  display: flex;
  flex-direction: column; }

.hidden {
  display: none; }

@keyframes highlight {
  0% {
    transform: scale(1, 1) translateZ(0);
    z-index: 0; }
  66% {
    transform: scale(1.1, 1.1) translateZ(0);
    z-index: 0; }
  100% {
    transform: scale(1, 1) translateZ(0);
    z-index: 0; } }

@keyframes fadeout-quick {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadein-err {
  0% {
    opacity: 0;
    margin-top: 60px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }

@keyframes menu-item-corner {
  0% {
    opacity: 0;
    border-radius: 0; }
  100% {
    opacity: 1;
    border-radius: 15px;
    background-color: #FFAE3F; } }

@keyframes menu-item-select {
  0% {
    opacity: 0;
    border-radius: 15px;
    left: 20px;
    right: 10px;
    top: 5px;
    bottom: 5px;
    width: 175px; }
  100% {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 195px; } }

@keyframes new-feature {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1;
    transform: scale(1.1, 1.1); }
  100% {
    opacity: 0.6; } }

html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

article.view > header {
  padding: 0; }

header {
  position: fixed;
  top: 0;
  right: 0;
  width: inherit;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  border-bottom: 1px solid #D0C9C3;
  padding-left: 16px;
  padding-right: 16px; }
  header .btns {
    margin-left: auto;
    padding-right: 0; }
  header nav.btns {
    align-items: center;
    height: 100%; }
    header nav.btns a {
      display: flex;
      align-items: center;
      justify-content: center;
      user-select: none;
      white-space: nowrap;
      margin: 0;
      padding: 8px 12px;
      box-sizing: border-box;
      min-height: 80%; }
      header nav.btns a.temp-hidden {
        visibility: hidden;
        position: absolute; }
      header nav.btns a.icon::before {
        position: absolute; }
      header nav.btns a.on {
        font-weight: 500; }
        header nav.btns a.on span {
          width: auto;
          color: #00D6C9;
          border-color: #00D6C9;
          font-weight: 800; }
          header nav.btns a.on span b {
            background-color: #666; }
          header nav.btns a.on span.icon, header nav.btns a.on span.form-item-autocomplete.loading-autocomplete:before, header nav.btns a.on .ui-indicator span#indicator:before, .ui-indicator header nav.btns a.on span#indicator:before, header nav.btns a.on .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div header nav.btns a.on span.new {
            border: 0; }
      header nav.btns a span {
        box-sizing: content-box;
        width: auto;
        border-bottom: 2px solid #FFFFFF;
        height: 22px; }
    header nav.btns .spliter {
      margin: 0; }
    header nav.btns .nav-icon-btn {
      padding: 5px;
      min-width: 32px; }
    header nav.btns .icon.dots-v, header nav.btns .dots-v.form-item-autocomplete.loading-autocomplete:before, header nav.btns table.list-view th.dots-v.on, table.list-view header nav.btns th.dots-v.on, header nav.btns table.list-view th.dots-v.sortable, table.list-view header nav.btns th.dots-v.sortable, header nav.btns .ui-indicator .dots-v#indicator:before, .ui-indicator header nav.btns .dots-v#indicator:before, header nav.btns .search-bar div.dots-v.queries, .search-bar header nav.btns div.dots-v.queries, .simulator > header nav.btns dd.dots-v, header nav.btns .p3-layout .menu-pane li.dots-v, .p3-layout .menu-pane header nav.btns li.dots-v, header nav.btns .chat_list_view #simulator footer.send-type-text .type-text b.dots-v:before, .chat_list_view #simulator footer.send-type-text .type-text header nav.btns b.dots-v:before, header nav.btns .bot-editor section.actions li h5.dots-v, .bot-editor section.actions li header nav.btns h5.dots-v, header nav.btns .bot-editor ul.nodes > li > div span.dots-v.new, .bot-editor ul.nodes > li > div header nav.btns span.dots-v.new, header nav.btns .bot-editor ul.nodes > li > div label.dots-v.new, .bot-editor ul.nodes > li > div header nav.btns label.dots-v.new, header nav.btns .bot-editor ul.nodes div.dots-v.schedule, .bot-editor ul.nodes header nav.btns div.dots-v.schedule, header nav.btns .bot-editor ul.nodes ol.card li.dots-v.item.new, .bot-editor ul.nodes ol.card header nav.btns li.dots-v.item.new, header nav.btns .bot-editor ul.nodes div.react-btns label.colors:hover u.dots-v, .bot-editor ul.nodes div.react-btns label.colors:hover header nav.btns u.dots-v, header nav.btns section.user-editor section.info header.dots-v, section.user-editor section.info header nav.btns header.dots-v, header nav.btns section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dots-v:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text header nav.btns b.dots-v:before {
      cursor: pointer;
      margin-left: 0;
      padding: 0.2rem; }
      header nav.btns .icon.dots-v::before, header nav.btns table.list-view th.dots-v.on::before, table.list-view header nav.btns th.dots-v.on::before, header nav.btns table.list-view th.dots-v.sortable::before, table.list-view header nav.btns th.dots-v.sortable::before, header nav.btns .search-bar div.dots-v.queries::before, .search-bar header nav.btns div.dots-v.queries::before, .simulator > header nav.btns dd.dots-v::before, header nav.btns .p3-layout .menu-pane li.dots-v::before, .p3-layout .menu-pane header nav.btns li.dots-v::before, header nav.btns .bot-editor section.actions li h5.dots-v::before, .bot-editor section.actions li header nav.btns h5.dots-v::before, header nav.btns .bot-editor ul.nodes > li > div span.dots-v.new::before, .bot-editor ul.nodes > li > div header nav.btns span.dots-v.new::before, header nav.btns .bot-editor ul.nodes > li > div label.dots-v.new::before, .bot-editor ul.nodes > li > div header nav.btns label.dots-v.new::before, header nav.btns .bot-editor ul.nodes div.dots-v.schedule::before, .bot-editor ul.nodes header nav.btns div.dots-v.schedule::before, header nav.btns .bot-editor ul.nodes ol.card li.dots-v.item.new::before, .bot-editor ul.nodes ol.card header nav.btns li.dots-v.item.new::before, header nav.btns .bot-editor ul.nodes div.react-btns label.colors:hover u.dots-v::before, .bot-editor ul.nodes div.react-btns label.colors:hover header nav.btns u.dots-v::before, header nav.btns section.user-editor section.info header.dots-v::before, section.user-editor section.info header nav.btns header.dots-v::before {
        width: 100%;
        height: 100%;
        line-height: normal;
        font-size: 18px; }
    header nav.btns span.icon.dots-v, header nav.btns span.dots-v.form-item-autocomplete.loading-autocomplete:before, header nav.btns .ui-indicator span.dots-v#indicator:before, .ui-indicator header nav.btns span.dots-v#indicator:before, header nav.btns .bot-editor ul.nodes > li > div span.dots-v.new, .bot-editor ul.nodes > li > div header nav.btns span.dots-v.new {
      margin: 0;
      padding: 0 10px; }
      header nav.btns span.icon.dots-v::before, header nav.btns .bot-editor ul.nodes > li > div span.dots-v.new::before, .bot-editor ul.nodes > li > div header nav.btns span.dots-v.new::before {
        display: flex;
        align-items: center;
        justify-content: center; }
  header a.on b {
    background-color: #00D6C9 !important; }
  header a.badge::after {
    content: '';
    position: absolute;
    top: 8.2px;
    right: 0.2px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #DB234B;
    z-index: 2; }

main {
  width: inherit;
  display: flex;
  flex-direction: column;
  width: 100;
  margin-left: 0;
  margin-right: 0;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 60px 0px 0px 0px;
  overflow-y: auto;
  background-color: #FFFFFF; }

footer {
  position: fixed;
  bottom: 0;
  right: 0;
  margin-top: 0;
  border: 0;
  width: inherit;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  display: flex;
  flex-direction: row;
  background-color: #F8F6F5;
  border-top: 1px solid #D0C9C3;
  text-align: left;
  padding-left: 24px;
  padding-right: 24px;
  align-items: center; }
  footer button {
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    background: #FFFFFF;
    border: 1px solid #D0C9C3; }
    footer button:before {
      height: inherit;
      line-height: inherit;
      text-indent: 14px !important; }
  footer button.save, footer button.a1, footer button.thaw {
    background: #5F5BFF !important;
    color: #FFFFFF !important; }
    footer button.save:hover, footer button.a1:hover, footer button.thaw:hover {
      background: #3A3AB5 !important; }
    footer button.save.save-export, footer button.a1.save-export, footer button.thaw.save-export {
      padding-left: 16px;
      padding-right: 16px; }
  footer button.gray {
    color: #FFFFFF !important;
    padding: 0px 16px 0px 16px; }
    footer button.gray:hover {
      background: #3A3AB5 !important; }

article.controller {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center; }
  article.controller#mask {
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2); }
  article.controller#mask.center-layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center; }
  article.controller#bonp {
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    overflow: hidden;
    justify-content: flex-start;
    align-items: flex-start; }

article#mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.2); }
  article#mask.center-layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center; }

section {
  position: relative;
  box-sizing: border-box; }
  section header {
    background-color: transparent;
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    text-align: center;
    position: relative;
    width: inherit;
    display: block; }
  section footer {
    position: relative; }

h1 {
  font-size: 15px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  cursor: pointer;
  color: #222; }

h2 {
  font-weight: 400;
  font-size: 14px;
  font-weight: 400;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
  color: #222; }

h3 {
  font-size: 13px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer; }

h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  height: 32px;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden; }

h5 {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  max-width: 100px;
  overflow: hidden; }

h6 {
  font-size: 12px;
  color: #999; }

span {
  box-sizing: content-box; }

label {
  box-sizing: content-box;
  min-height: 20px;
  display: inline-block; }

p {
  box-sizing: content-box;
  padding: 8px 16px 8px 16px;
  font-size: 12px; }

cite {
  box-sizing: content-box; }

/*vertical list*/
ul {
  padding: 0;
  position: relative;
  display: block; }

li {
  position: relative;
  display: block;
  width: inherit;
  list-style: none;
  text-align: left;
  overflow: hidden;
  box-sizing: content-box; }

div {
  position: relative; }

/*horizontal list*/
dl {
  padding: 0;
  display: flex;
  position: relative; }

dd {
  display: block;
  position: relative;
  height: inherit;
  line-height: inherit;
  text-align: center;
  margin: 0;
  padding-right: 10px; }

/*tabmenu*/
nav {
  display: flex;
  flex-direction: row;
  margin-right: 8px; }
  nav > * {
    height: inherit;
    margin-left: 8px;
    margin-right: 8px;
    color: #666; }
  nav a {
    text-decoration: none;
    position: relative;
    display: block;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    height: 24px;
    line-height: 24px;
    margin-right: 16px;
    color: #666;
    text-transform: uppercase; }
    nav a b {
      margin-left: 4px;
      background-color: #5F5BFF;
      color: #FFFFFF;
      padding-left: 8px;
      padding-right: 8px;
      height: 16px;
      line-height: 16px;
      border-radius: 8px;
      font-size: 12px; }
  nav a:hover {
    color: #222; }
  nav a.on {
    color: #00D6C9;
    border-color: #00D6C9;
    font-weight: 800; }
    nav a.on b {
      background-color: #666; }
    nav a.on.icon, nav a.on.form-item-autocomplete.loading-autocomplete:before, nav .ui-indicator a.on#indicator:before, .ui-indicator nav a.on#indicator:before {
      border: 0; }
  nav a.icon, nav a.form-item-autocomplete.loading-autocomplete:before, nav .ui-indicator a#indicator:before, .ui-indicator nav a#indicator:before {
    padding-right: 0;
    width: 24px;
    min-width: 24px;
    border-radius: 12px;
    background-position: center;
    margin-left: 2px;
    margin-right: 8px; }
    nav a.icon::before {
      text-align: center;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%; }
  nav span {
    width: 8px;
    height: inherit;
    display: block;
    position: relative;
    height: 28px; }
  nav .spliter {
    width: 8px;
    display: inline-block;
    height: 24px;
    position: relative;
    display: block; }
  nav .spliter:before {
    content: "";
    left: 0px;
    height: 24px;
    width: 0px;
    top: 0;
    background-color: #D0C9C3; }

/* icons */
i {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  position: absolute;
  display: block;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  cursor: pointer; }
  i.icon.close, i.close.form-item-autocomplete.loading-autocomplete:before, .ui-indicator i.close#indicator:before {
    background-color: transparent;
    top: 12px;
    right: 24px;
    background-size: auto 24px;
    background-image: url(/images/ico_close.svg?v=1); }
  i.icon.export, i.export.form-item-autocomplete.loading-autocomplete:before, .ui-indicator i.export#indicator:before {
    padding-bottom: 0px !important; }

button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap; }
  button.on {
    animation: highlight .25s ease-out; }
  button.menu {
    padding-right: 20px; }
    button.menu:after {
      content: '▼'; }
  button.c-a1:hover {
    background-color: #3A3AB5; }
  button.c-a2:hover, button.new:hover {
    background-color: #009F96; }
  button.c-dd:hover {
    background-color: #000; }
  button.c-dn:hover {
    background-color: #555; }
  button.c-a1-o {
    color: #3A3AB5;
    background-color: white; }
  button.c-a2-o {
    color: #009F96;
    background-color: white; }
  button.c-dd-o {
    color: #222;
    background-color: white; }
  button.c-dn-o, .center-pane.list-view-frame footer button {
    color: #666;
    background-color: white; }
  button.s-ss {
    height: 28px;
    line-height: 28px;
    padding-left: 24px;
    padding-right: 24px; }
  button.s-s {
    height: 36px;
    line-height: 36px;
    padding-left: 28px;
    padding-right: 28px; }
  button.s-m {
    height: 40px;
    line-height: 40px;
    padding-left: 32px;
    padding-right: 32px; }
  button.s-l {
    height: 48px;
    line-height: 48px;
    padding-left: 40px;
    padding-right: 40px; }
  button.s-ll {
    height: 60px;
    line-height: 60px;
    padding-left: 60px;
    padding-right: 60px; }
  button.new {
    color: white !important;
    background-color: #00D6C9 !important;
    border-color: #00D6C9 !important; }

div.space {
  min-width: 8px;
  flex: 1; }

.ui-input, input[type=text], input[type=password], input[type=autocomplete], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=range], input[type=number], textarea, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input, .ec-editor .center-pane section.store .ec_plans ul li input, section.user-editor section.pop-inline.tags-btn form input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 10px;
  padding-right: 10px;
  outline: 0;
  border-radius: 4px;
  width: inherit;
  box-sizing: border-box;
  border: 1px solid #D0C9C3;
  background: #FFFFFF; }
  .ui-input:focus, input:focus[type=text], input:focus[type=password], input:focus[type=autocomplete], input:focus[type=email], input:focus[type=tel], input:focus[type=url], input:focus[type=search], input:focus[type=date], input:focus[type=range], input:focus[type=number], textarea:focus, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:focus, .ec-editor .center-pane section.store .ec_plans ul li input:focus, section.user-editor section.pop-inline.tags-btn form input:focus {
    border: 1px solid #5F5BFF;
    outline: 0;
    background: #FFFFFF;
    color: #222; }
  .ui-input:placeholder-shown, input:placeholder-shown[type=text], input:placeholder-shown[type=password], input:placeholder-shown[type=autocomplete], input:placeholder-shown[type=email], input:placeholder-shown[type=tel], input:placeholder-shown[type=url], input:placeholder-shown[type=search], input:placeholder-shown[type=date], input:placeholder-shown[type=range], input:placeholder-shown[type=number], textarea:placeholder-shown, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:placeholder-shown, .ec-editor .center-pane section.store .ec_plans ul li input:placeholder-shown, section.user-editor section.pop-inline.tags-btn form input:placeholder-shown {
    background-color: #F8F6F5;
    border-color: #D0C9C3;
    text-overflow: ellipsis; }
  .ui-input:placeholder-shown:focus, input:placeholder-shown:focus[type=text], input:placeholder-shown:focus[type=password], input:placeholder-shown:focus[type=autocomplete], input:placeholder-shown:focus[type=email], input:placeholder-shown:focus[type=tel], input:placeholder-shown:focus[type=url], input:placeholder-shown:focus[type=search], input:placeholder-shown:focus[type=date], input:placeholder-shown:focus[type=range], input:placeholder-shown:focus[type=number], textarea:placeholder-shown:focus, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:placeholder-shown:focus, .ec-editor .center-pane section.store .ec_plans ul li input:placeholder-shown:focus, section.user-editor section.pop-inline.tags-btn form input:placeholder-shown:focus {
    border-color: #5F5BFF;
    background-color: #FFFFFF; }
  .ui-input::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=autocomplete]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=range]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input::-webkit-input-placeholder, .ec-editor .center-pane section.store .ec_plans ul li input::-webkit-input-placeholder, section.user-editor section.pop-inline.tags-btn form input::-webkit-input-placeholder, .ui-input::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=autocomplete]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=number]::-moz-placeholder, textarea::-moz-placeholder, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input::-moz-placeholder, .ec-editor .center-pane section.store .ec_plans ul li input::-moz-placeholder, section.user-editor section.pop-inline.tags-btn form input::-moz-placeholder, .ui-input:-ms-input-placeholder, input:-ms-input-placeholder[type=text], input:-ms-input-placeholder[type=password], input:-ms-input-placeholder[type=autocomplete], input:-ms-input-placeholder[type=email], input:-ms-input-placeholder[type=tel], input:-ms-input-placeholder[type=url], input:-ms-input-placeholder[type=search], input:-ms-input-placeholder[type=date], input:-ms-input-placeholder[type=range], input:-ms-input-placeholder[type=number], textarea:-ms-input-placeholder, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:-ms-input-placeholder, .ec-editor .center-pane section.store .ec_plans ul li input:-ms-input-placeholder, section.user-editor section.pop-inline.tags-btn form input:-ms-input-placeholder, .ui-input:-moz-placeholder, input:-moz-placeholder[type=text], input:-moz-placeholder[type=password], input:-moz-placeholder[type=autocomplete], input:-moz-placeholder[type=email], input:-moz-placeholder[type=tel], input:-moz-placeholder[type=url], input:-moz-placeholder[type=search], input:-moz-placeholder[type=date], input:-moz-placeholder[type=range], input:-moz-placeholder[type=number], textarea:-moz-placeholder, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:-moz-placeholder, .ec-editor .center-pane section.store .ec_plans ul li input:-moz-placeholder, section.user-editor section.pop-inline.tags-btn form input:-moz-placeholder {
    text-overflow: clip clip; }

input[type=text], input[type=password], input[type=autocomplete], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=date] {
  height: 32px;
  line-height: 32px;
  width: 70%; }

input[type=range], input[type=number] {
  height: 32px;
  line-height: 32px; }

input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-image: url(/images/ico_check_w.svg);
  border: 0 !important;
  background-position: 50% 50%;
  background-size: 10px auto;
  background-color: #D0C9C3;
  border-radius: 2px;
  outline: 0; }

input[type=checkbox]:checked {
  background-color: #5F5BFF; }

input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 16px !important;
  height: 16px !important;
  background-position: 50% 50%;
  background-size: 10px auto;
  background-image: url(/images/ico_check_w.svg);
  background-color: #D0C9C3;
  border-radius: 8px;
  outline: 0; }

input[type=radio]:checked {
  background-color: #5F5BFF; }

input[type=file] {
  width: 60px;
  height: 60px;
  opacity: 0; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #F8F6F5 inset; }

input.autocomplete + cite {
  height: 40px;
  line-height: 40px; }

input::-webkit-input-placeholder {
  color: #ccc; }

input::-moz-placeholder {
  color: #ccc; }

textarea::-webkit-input-placeholder {
  color: #ccc; }

textarea::-moz-input-placeholder {
  color: #ccc; }

textarea {
  min-height: 86px;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  resize: none;
  padding: 10px; }

select {
  height: 32px;
  line-height: 32px;
  border-color: var(--ln);
  border-radius: 4px; }

.new-bot .form-type-checkbox:first-of-type {
  position: relative; }
  .new-bot .form-type-checkbox:first-of-type label {
    width: 40%; }

form {
  position: relative;
  /*form item switch*/
  /*Error messages : we use <i> to show messages*/ }
  form select + span, form input + span {
    padding-left: 6px;
    padding-right: 6px; }
  form label {
    cursor: pointer;
    padding-right: 6px;
    margin-right: 10px;
    color: #666; }
    form label.on {
      font-weight: 600;
      animation: highlight .25s ease-out;
      color: #666; }
  form > ul {
    display: flex;
    flex-direction: column;
    padding: 16px; }
    form > ul > li {
      padding-top: 8px;
      padding-bottom: 8px;
      display: flex;
      flex-direction: row; }
      form > ul > li > h4 {
        width: 120px;
        text-align: left;
        padding-left: 0px;
        text-transform: none;
        font-weight: 400;
        white-space: normal; }
      form > ul > li > div {
        flex: 1;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        position: relative; }
  form li[type=switch] {
    display: flex;
    align-items: center; }
    form li[type=switch] h4 {
      line-height: 24px;
      min-width: 130px; }
    form li[type=switch] > div {
      width: auto; }
  form li[type=hidden] {
    position: absolute !important;
    height: 0 !important; }
  form li[type=radio] div.row, form li[type=radio].row, form li[type=checkbox] div.row, form li[type=checkbox].row {
    flex-direction: row;
    flex-wrap: wrap; }
  form li[type=radio] div, form li[type=checkbox] div {
    line-height: 36px; }
  form li[type=radio] label, form dd[type=radio] label {
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    margin-right: 16px;
    border-radius: 2px;
    margin-top: 2px;
    white-space: nowrap; }
  form li[type=multiple] dd:first-child {
    text-align: right;
    padding-right: 16px;
    width: 120px; }
  form li[type=multiple] dd h4 {
    text-align: left; }
  form li[type=multiple] dd div.form-item-autocomplete {
    margin-right: 12px;
    width: 100%; }
  form li[type=multiple] h4 {
    font-weight: normal; }
  form li[type=multiple] dd[name] {
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
    line-height: 40px; }
    form li[type=multiple] dd[name] h4 {
      width: auto !important;
      min-width: auto;
      font-weight: normal;
      line-height: 40px;
      height: 40px;
      padding-left: 0;
      padding-right: 12px; }
  form li.section {
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px dotted #D0C9C3; }
  form li > dl > dd {
    padding: 0;
    text-align: left; }
    form li > dl > dd:last-child {
      flex: 1; }
    form li > dl > dd.space {
      width: 10px !important; }
    form li > dl > dd textarea, form li > dl > dd input[type=text], form li > dl > dd input[type=password], form li > dl > dd input[type=email], form li > dl > dd input[type=url], form li > dl > dd input[type=tel], form li > dl > dd[type=search] {
      width: 100%; }
  form textarea, form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=tel], form[type=search], form .form-item-autocomplete, form .ui-dropdown {
    max-width: 600px;
    width: calc(100% - 24px); }
  form li > button {
    margin-top: 10px;
    margin-bottom: 10px; }
  form cite {
    height: inherit;
    line-height: inherit;
    text-align: right;
    font-size: 12px;
    color: #DB234B !important;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 8px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
    pointer-events: none; }
  form .error cite {
    animation: fadein-err .25s ease-out forwards; }
  form .error textarea, form .error input[type=text], form .error input[type=password], form .error input[type=date], form .error input[type=number], form .error input[type=email], form .error input[type=url], form .error input[type=tel], form .error[type=search], form .error .form-item-autocomplete {
    border-color: rgba(235, 82, 108, 0.1);
    background-color: rgba(235, 82, 108, 0.1); }
    form .error textarea:focus, form .error input[type=text]:focus, form .error input[type=password]:focus, form .error input[type=date]:focus, form .error input[type=number]:focus, form .error input[type=email]:focus, form .error input[type=url]:focus, form .error input[type=tel]:focus, form .error[type=search]:focus, form .error .form-item-autocomplete:focus {
      border-color: rgba(235, 82, 108, 0.1) !important;
      background-color: rgba(235, 82, 108, 0.1) !important; }
  form li:has(.warning) {
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px dotted #D0C9C3; }
  form .warning {
    margin: 10px auto; }
  form .form-type-radio label {
    text-indent: 20px;
    padding-right: 10px; }
  form p {
    padding-left: 0;
    color: #666;
    font-size: 12px; }
  form p.empty {
    display: none !important; }
  form div.form-item-period {
    display: flex; }
    form div.form-item-period .ui-dropdown {
      height: 32px;
      line-height: 32px; }
  form div.form-item-colorpicker {
    display: flex;
    flex-direction: row; }
    form div.form-item-colorpicker b {
      display: block;
      width: 60px;
      height: 30px;
      border: 1px solid #D0C9C3;
      margin-left: 12px;
      cursor: pointer;
      margin-top: 1px; }
  form div.form-item-iconpicker button {
    margin: 0;
    padding: 0;
    width: 32px; }
  form .buttons {
    height: 48px;
    line-height: 40px;
    border-top: 1px solid #D0C9C3;
    margin-top: 16px; }
  form footer button {
    margin-right: 0;
    margin-left: 12px; }
  form .ui-tab-menu {
    border: 1px solid #D0C9C3;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    background-color: white; }
    form .ui-tab-menu dd {
      margin: 0;
      width: auto;
      flex: 1;
      text-align: center;
      font-size: 14px;
      color: #999;
      border-left: 1px solid #D0C9C3; }
    form .ui-tab-menu dd:first-child {
      border-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    form .ui-tab-menu dd:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    form .ui-tab-menu dd.on {
      font-weight: 600;
      color: #FFFFFF;
      background-color: #5F5BFF; }

.ui-dropdown {
  display: inline-block;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  margin-right: 0px;
  margin-left: 0;
  color: #666;
  border: 1px solid #D0C9C3;
  cursor: pointer; }
  .ui-dropdown:hover {
    background: #EBF0FF; }
  .ui-dropdown:after {
    content: '▼';
    color: #666;
    position: absolute;
    width: 20px;
    font-size: .7rem;
    text-align: center;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .ui-dropdown.yy, .ui-dropdown.mm, .ui-dropdown.dd, .ui-dropdown.hh, .ui-dropdown.ii {
    width: 56px !important;
    height: 28px;
    line-height: 28px;
    min-height: 28px;
    box-sizing: border-box;
    color: #666;
    background: #F8F6F5;
    padding-left: 8px; }
  .ui-dropdown.yy {
    width: 80px !important; }
  .ui-dropdown label {
    color: #999;
    padding-right: 16px;
    margin: 0 !important;
    cursor: inherit; }
  .ui-dropdown + span {
    padding-left: 6px;
    padding-right: 6px; }
  .ui-dropdown.on {
    background: #FFFFFF; }
    .ui-dropdown.on:hover {
      background: #FFFFFF; }
    .ui-dropdown.on:after {
      pointer-events: none;
      border: 0; }

.ui-menu {
  width: auto;
  position: relative;
  padding-right: 20px;
  text-align: left;
  border-radius: 4px;
  border: 1px solid #D0C9C3; }
  .ui-menu:hover {
    background-color: #839BFB; }
    .ui-menu:hover label {
      color: white; }
  .ui-menu:after {
    content: '';
    background-image: url(/images/ico_down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px auto;
    position: absolute;
    width: 24px;
    height: inherit;
    text-align: center;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .ui-menu label {
    color: #666; }
  .ui-menu + span {
    padding-left: 6px;
    padding-right: 6px; }

.ui-menu.lang {
  width: 112px;
  margin-top: 12px;
  background-color: white;
  color: #666;
  border: 1px solid #D0C9C3 !important; }
  .ui-menu.lang:hover {
    color: #666; }

.ui-dropdown-opts, #form-item-autocomplete {
  position: absolute;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 0px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  min-width: var(--init-width); }
  .ui-dropdown-opts > li, #form-item-autocomplete > li {
    cursor: pointer;
    color: #FFFFFF;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 32px;
    height: 32px !important;
    line-height: 32px;
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; }
    .ui-dropdown-opts > li:not(.group):hover, #form-item-autocomplete > li:not(.group):hover, .ui-dropdown-opts > li:not(.group).on, #form-item-autocomplete > li:not(.group).on {
      background-color: #839BFB;
      color: #222; }
    .ui-dropdown-opts > li.group, #form-item-autocomplete > li.group {
      font-size: 12px;
      font-weight: bold;
      color: #FDC73E;
      padding-left: 10px; }
    .ui-dropdown-opts > li.highlight, #form-item-autocomplete > li.highlight {
      color: #FDC73E; }
    .ui-dropdown-opts > li.split, #form-item-autocomplete > li.split {
      border-bottom: 1px solid #D0C9C3; }
    .ui-dropdown-opts > li.with-icon, #form-item-autocomplete > li.with-icon {
      box-sizing: border-box; }
      .ui-dropdown-opts > li.with-icon b, #form-item-autocomplete > li.with-icon b {
        left: auto;
        right: 8px;
        margin-left: auto;
        position: absolute;
        width: 40px;
        text-align: right;
        height: 32px;
        line-height: 32px;
        font-size: 11px;
        color: #FDC73E;
        cursor: pointer; }
      .ui-dropdown-opts > li.with-icon b:hover, #form-item-autocomplete > li.with-icon b:hover {
        color: #222; }
    .ui-dropdown-opts > li i.icon, #form-item-autocomplete > li i.icon, .ui-dropdown-opts > li i.form-item-autocomplete.loading-autocomplete:before, #form-item-autocomplete > li i.form-item-autocomplete.loading-autocomplete:before, .ui-dropdown-opts > li .ui-indicator i#indicator:before, .ui-indicator .ui-dropdown-opts > li i#indicator:before, #form-item-autocomplete > li .ui-indicator i#indicator:before, .ui-indicator #form-item-autocomplete > li i#indicator:before {
      display: absolute;
      right: auto;
      width: 20px;
      height: 20px;
      line-height: 20px;
      top: 6px;
      left: 8px;
      cursor: pointer; }
    .ui-dropdown-opts > li i.icon:hover, #form-item-autocomplete > li i.icon:hover, .ui-dropdown-opts > li i.form-item-autocomplete.loading-autocomplete:hover:before, #form-item-autocomplete > li i.form-item-autocomplete.loading-autocomplete:hover:before, .ui-dropdown-opts > li .ui-indicator i#indicator:hover:before, .ui-indicator .ui-dropdown-opts > li i#indicator:hover:before, #form-item-autocomplete > li .ui-indicator i#indicator:hover:before, .ui-indicator #form-item-autocomplete > li i#indicator:hover:before {
      color: white; }
  .ui-dropdown-opts.default-items, .default-items#form-item-autocomplete {
    width: auto; }
    .ui-dropdown-opts.default-items li, .default-items#form-item-autocomplete li {
      position: unset;
      justify-content: space-between; }
      .ui-dropdown-opts.default-items li.with-icon b, .default-items#form-item-autocomplete li.with-icon b {
        margin-left: 16px;
        width: auto;
        position: inherit; }

div.logo {
  background-image: url(/images/icon.svg?v=3);
  min-height: 40px;
  min-width: 120px;
  background-position: 0 center;
  margin: 0;
  margin-left: 16px; }

.tags {
  box-sizing: content-box;
  display: flex;
  height: auto;
  padding: 0;
  padding-right: 8px;
  flex-shrink: 0;
  flex-direction: row;
  flex-wrap: wrap; }
  .tags dd {
    color: #666;
    background-color: #D8D8D8;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    border-radius: 4px;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 6px 0px 0px; }
    .tags dd:hover {
      background-color: #666;
      color: white; }

.tag, .form-item-autocomplete.multi span, section.user-editor section.thumb-pane dl.tags dd {
  float: left;
  display: block;
  width: auto !important;
  height: 24px;
  line-height: 24px;
  margin: 6px;
  font-size: .7rem;
  max-width: 120px;
  background-color: #666;
  color: white;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  cursor: pointer; }
  .tag:hover, .form-item-autocomplete.multi span:hover, section.user-editor section.thumb-pane dl.tags dd:hover {
    background-color: #666;
    color: white; }
  .tag.on, .form-item-autocomplete.multi span.on, section.user-editor section.thumb-pane dl.tags dd.on {
    color: white;
    background-color: #FDC73E; }
    .tag.on:hover, .form-item-autocomplete.multi span.on:hover, section.user-editor section.thumb-pane dl.tags dd.on:hover {
      color: white;
      background-color: #FDC73E; }

.form-item-autocomplete {
  background-color: #FFFFFF;
  min-height: 36px;
  line-height: 36px;
  overflow: hidden;
  width: auto;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #D0C9C3; }
  .form-item-autocomplete input[type=text] {
    background-color: transparent;
    height: 24px;
    line-height: 24px;
    margin: 6px;
    border: 0 !important;
    padding-left: 0;
    width: inherit;
    flex: 1; }
    .form-item-autocomplete input[type=text]:focus {
      border: 0 !important;
      border-radius: 0; }
  .form-item-autocomplete span.autocomplete-select {
    transition: .1s; }
  .form-item-autocomplete.multi span {
    position: relative;
    background-color: #666;
    font-size: 11px;
    color: #FFFFFF !important;
    padding-left: 12px;
    padding-right: 24px;
    border-radius: 12px;
    line-height: 24px; }
    .form-item-autocomplete.multi span b {
      width: 16px;
      height: 12px;
      position: absolute;
      z-index: 1;
      top: 6px;
      right: 6px;
      background-image: url(/images/ico_cross_w.svg);
      background-size: 10px 10px;
      background-position: 50% 50%;
      cursor: hand;
      cursor: pointer; }
  .form-item-autocomplete.single span {
    margin-left: 12px; }
  .form-item-autocomplete.on {
    border-color: #5F5BFF;
    border-width: 1px;
    background-color: #FFFFFF; }
  .form-item-autocomplete.loading-autocomplete > * {
    opacity: 0;
    pointer-events: none; }
  .form-item-autocomplete.loading-autocomplete:before {
    position: absolute !important;
    width: 12px !important;
    height: 12px !important;
    -webkit-animation: fa-spin-autocomplete 1s infinite linear !important;
    animation: fa-spin-autocomplete 1s infinite linear !important;
    content: "" !important;
    top: 50% !important;
    left: 8px !important;
    height: 16px !important;
    width: 12px !important;
    text-align: start !important;
    text-indent: 0 !important;
    line-height: 16px !important;
    font-size: 12px !important;
    position: absolute !important;
    opacity: 1;
    color: var(--l3);
    padding: 0 !important;
    transform: translateY(-50%); }

.form-type-switch {
  margin-left: 0; }

b.form-item-switch {
  width: 70px;
  position: relative;
  height: 40px;
  float: left;
  cursor: hand;
  cursor: pointer; }
  b.form-item-switch:before {
    content: "OFF";
    position: absolute;
    width: 64px;
    height: 24px;
    border-radius: 12px;
    background: #D0C9C3;
    top: 8px;
    left: 2px;
    text-indent: 30px;
    line-height: 24px;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF; }
  b.form-item-switch:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #FFFFFF;
    top: 12px;
    left: 8px;
    z-index: 1;
    box-shadow: 0 0 1px 0 #D0C9C3; }
  b.form-item-switch.on:before {
    content: "ON";
    color: #FFFFFF;
    text-indent: 12px;
    background: #5F5BFF; }
  b.form-item-switch.on:after {
    background: #FFFFFF;
    left: auto;
    right: 8px; }

div.form-item-image,
div.form-item-file {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  background-color: #D0C9C3;
  width: 120px;
  height: 120px; }
  div.form-item-image > div,
  div.form-item-file > div {
    width: 100%;
    height: 100%;
    cursor: pointer; }
  div.form-item-image .default:after,
  div.form-item-file .default:after {
    content: "Upload your file here";
    position: absolute;
    display: block;
    right: 10px;
    left: 10px;
    height: auto;
    bottom: 16px;
    top: auto;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    cursor: hand;
    cursor: pointer; }
  div.form-item-image .default:before,
  div.form-item-file .default:before {
    background-image: url(/images/ico_camera_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    content: "";
    width: 100%;
    height: 60px;
    top: 50%;
    margin-top: -50px; }
  div.form-item-image img,
  div.form-item-file img {
    cursor: hand;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: 0 !important;
    z-index: 1;
    outline: 0; }
  div.form-item-image div > span,
  div.form-item-file div > span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }

div.form-item-files {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  width: 100%; }
  div.form-item-files .images {
    width: 100%;
    min-height: inherit;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    div.form-item-files .images .image {
      width: 100px;
      height: 100px;
      border: 2px solid transparent;
      margin: 8px;
      border-radius: 2px;
      overflow: hidden;
      background-size: cover;
      background-position: center; }
    div.form-item-files .images .image-frame:hover .image {
      border-color: #222; }
    div.form-item-files .images .image-frame:hover i {
      display: block;
      width: 16px;
      height: 16px;
      right: 2px;
      left: auto;
      top: 2px;
      border-radius: 12px;
      background-image: url(/images/widgets/ico-cross-rounded.svg);
      min-width: 0;
      min-height: 0;
      background-size: 22px; }
  div.form-item-files .images.upload {
    min-height: 120px;
    background-color: #F8F6F5;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
  div.form-item-files .images.empty {
    cursor: pointer; }
    div.form-item-files .images.empty::after {
      content: "Upload your file here";
      position: absolute;
      display: block;
      right: 10px;
      left: 10px;
      height: auto;
      bottom: 16px;
      top: auto;
      font-size: 12px;
      color: #666;
      text-align: center; }
    div.form-item-files .images.empty::before {
      content: "";
      position: absolute;
      background-image: url(/images/ico-camera.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 60px;
      opacity: 0.6;
      content: "";
      width: 100%;
      height: 60px;
      top: 50%;
      margin-top: -50px; }

.form-item-datetime {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .form-item-datetime .label {
    display: none; }

.sel-option {
  padding-left: 24px;
  cursor: pointer;
  line-height: 2rem; }

.panel, .popup, .bot_line_view form, .line-manual {
  margin: 16px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1); }

.flex-edit-section {
  height: 100%; }
  .flex-edit-section .flex-edit-panel {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 4px;
    height: 83%;
    padding: 0.5rem;
    text-align: center !important; }
    .flex-edit-section .flex-edit-panel .layout-select-panel {
      display: flex;
      align-items: center; }
      .flex-edit-section .flex-edit-panel .layout-select-panel h3 {
        padding-left: 1rem;
        padding-right: 1rem; }
      .flex-edit-section .flex-edit-panel .layout-select-panel ul input {
        padding-left: 1rem; }
      .flex-edit-section .flex-edit-panel .layout-select-panel ul label {
        margin-right: 1rem; }
    .flex-edit-section .flex-edit-panel .flex-pop-edit-panel {
      display: flex;
      justify-content: space-between; }
    .flex-edit-section .flex-edit-panel .data-src-panel {
      display: flex;
      align-items: center;
      padding-right: 1rem; }
      .flex-edit-section .flex-edit-panel .data-src-panel select {
        margin-left: 1rem; }
      .flex-edit-section .flex-edit-panel .data-src-panel input {
        width: 20rem; }
    .flex-edit-section .flex-edit-panel .flex-editor-area {
      height: 100%; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul {
      padding: 1rem;
      display: flex; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul label:not(:first-child) {
        margin-left: 1rem; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul label {
        padding-left: 0; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul img {
        width: 15rem;
        height: 18rem;
        padding-top: 1px; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner input {
      position: absolute;
      opacity: 0; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner .on {
      border: 2px solid #5F5BFF; }
    .flex-edit-section .flex-edit-panel .json-edit-panel {
      height: 100%; }
      .flex-edit-section .flex-edit-panel .json-edit-panel textarea {
        height: 82%;
        width: 97%;
        margin-left: 1rem; }

section.popover, section.pop-inline {
  width: 380px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px; }
  section.popover h2, section.pop-inline h2 {
    color: #FFFFFF;
    text-align: left; }
  section.popover h4, section.pop-inline h4 {
    color: rgba(255, 255, 255, 0.7);
    line-height: 22px; }
  section.popover i.icon.close, section.pop-inline i.icon.close, section.popover i.close.form-item-autocomplete.loading-autocomplete:before, section.pop-inline i.close.form-item-autocomplete.loading-autocomplete:before, section.popover .ui-indicator i.close#indicator:before, .ui-indicator section.popover i.close#indicator:before, section.pop-inline .ui-indicator i.close#indicator:before, .ui-indicator section.pop-inline i.close#indicator:before {
    top: 12px; }
  section.popover p, section.pop-inline p, section.popover label, section.pop-inline label, section.popover span:not(.autocomplete-select), section.pop-inline span:not(.autocomplete-select) {
    color: rgba(255, 255, 255, 0.7); }
  section.popover span.autocomplete-select, section.pop-inline span.autocomplete-select {
    color: #000; }
  section.popover p b, section.pop-inline p b {
    color: #5F5BFF;
    white-space: nowrap;
    text-decoration: underline;
    cursor: pointer; }
  section.popover footer, section.pop-inline footer {
    text-align: center;
    background: transparent; }
    section.popover footer button, section.pop-inline footer button {
      border: 0;
      background: #666;
      color: #FFFFFF;
      font-weight: normal; }
    section.popover footer button:hover, section.pop-inline footer button:hover {
      background-color: rgba(0, 0, 0, 0.1) !important; }
  section.popover form, section.pop-inline form {
    background-color: transparent;
    padding-top: 6px;
    padding-bottom: 6px; }
    section.popover form .ui-dropdown, section.pop-inline form .ui-dropdown {
      width: 80%;
      box-sizing: border-box; }
      section.popover form .ui-dropdown label, section.pop-inline form .ui-dropdown label {
        color: #666; }
    section.popover form textarea, section.pop-inline form textarea, section.popover form input[type=text], section.pop-inline form input[type=text], section.popover form input[type=password], section.pop-inline form input[type=password], section.popover form input[type=email], section.pop-inline form input[type=email], section.popover form input[type=url], section.pop-inline form input[type=url], section.popover form input[type=tel], section.pop-inline form input[type=tel], section.popover form .ui-dropdown, section.pop-inline form .ui-dropdown {
      width: calc(100% - 24px);
      max-width: 100%; }
  section.popover:after, section.pop-inline:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 10px solid transparent; }
  section.popover.top:after, section.top.pop-inline:after {
    bottom: -20px;
    right: 20px;
    border-top-color: #222; }
  section.popover.right:after, section.right.pop-inline:after {
    top: 16px;
    left: -20px;
    border-right-color: #222; }
  section.popover.left:after, section.left.pop-inline:after {
    top: 16px;
    right: -20px;
    border-left-color: #222; }
  section.popover.bottom:after, section.bottom.pop-inline:after {
    left: 20px;
    top: -20px;
    border-bottom-color: #222; }
  section.popover.bottom.arrow-right:after, section.bottom.arrow-right.pop-inline:after {
    left: auto;
    right: 20px;
    top: -20px;
    border-bottom-color: #222; }
  section.popover.chatf-top:after, section.chatf-top.pop-inline:after {
    bottom: -20px;
    left: 20px;
    border-top-color: #222; }
  section.popover header, section.pop-inline header {
    width: auto;
    min-width: auto;
    background: #222;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0; }

section.popover, section.pop-inline {
  background-color: rgba(0, 0, 0, 0.7); }
  section.popover.popup-dt-picker i.icon.close, section.popup-dt-picker.pop-inline i.icon.close, section.popover.popup-dt-picker i.close.form-item-autocomplete.loading-autocomplete:before, section.popup-dt-picker.pop-inline i.close.form-item-autocomplete.loading-autocomplete:before, section.popover.popup-dt-picker .ui-indicator i.close#indicator:before, .ui-indicator section.popover.popup-dt-picker i.close#indicator:before, section.popup-dt-picker.pop-inline .ui-indicator i.close#indicator:before, .ui-indicator section.popup-dt-picker.pop-inline i.close#indicator:before {
    display: none; }

section.popover.widgets, section.widgets.pop-inline {
  background-color: rgba(0, 0, 0, 0.7); }
  section.popover.widgets.right, section.widgets.right.pop-inline {
    margin-left: 24px  !important;
    padding-left: 8px !important; }
  section.popover.widgets.pop-inline li.icon, section.widgets.pop-inline li.icon, section.widgets.pop-inline li.form-item-autocomplete.loading-autocomplete:before, section.widgets.pop-inline .ui-indicator li#indicator:before, .ui-indicator section.widgets.pop-inline li#indicator:before, section.widgets.pop-inline .p3-layout .menu-pane li, .p3-layout .menu-pane section.widgets.pop-inline li, section.widgets.pop-inline .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card section.widgets.pop-inline li.item.new {
    text-indent: 24px; }
  section.popover.widgets.right:after, section.widgets.right.pop-inline:after {
    top: 20px;
    left: -20px;
    border-right-color: rgba(0, 0, 0, 0.9); }

section.popover.white, section.white.pop-inline, section.pop-inline.dict-editor, section.popover.dict-editor {
  background: white; }
  section.popover.white *, section.white.pop-inline *, section.pop-inline.dict-editor *, section.popover.dict-editor * {
    color: #666; }
  section.popover.white h2, section.white.pop-inline h2, section.pop-inline.dict-editor h2, section.popover.dict-editor h2 {
    color: #FFFFFF; }
  section.popover.white label, section.white.pop-inline label, section.pop-inline.dict-editor label, section.popover.dict-editor label, section.popover.white span, section.white.pop-inline span, section.pop-inline.dict-editor span, section.popover.dict-editor span {
    color: #999; }
  section.popover.white header, section.white.pop-inline header, section.pop-inline.dict-editor header, section.popover.dict-editor header {
    border-bottom: 1px solid #D0C9C3; }
  section.popover.white footer, section.white.pop-inline footer, section.pop-inline.dict-editor footer, section.popover.dict-editor footer {
    background: transparent; }
  section.popover.white.left:after, section.white.left.pop-inline:after, section.left.pop-inline.dict-editor:after, section.popover.left.dict-editor:after {
    border-left-color: #FFFFFF; }
  section.popover.white.right:after, section.white.right.pop-inline:after, section.right.pop-inline.dict-editor:after, section.popover.right.dict-editor:after {
    border-right-color: #FFFFFF; }
  section.popover.white.top:after, section.white.top.pop-inline:after, section.top.pop-inline.dict-editor:after, section.popover.top.dict-editor:after {
    border-top-color: #FFFFFF; }
  section.popover.white.bottom:after, section.white.bottom.pop-inline:after, section.bottom.pop-inline.dict-editor:after, section.popover.bottom.dict-editor:after {
    border-bottom-color: #FFFFFF; }
  section.popover.white .submenus li, section.white.pop-inline .submenus li, section.pop-inline.dict-editor .submenus li, section.popover.dict-editor .submenus li {
    height: 44px;
    border-bottom: 1px solid #D0C9C3;
    cursor: pointer;
    overflow: hidden; }
    section.popover.white .submenus li a, section.white.pop-inline .submenus li a, section.pop-inline.dict-editor .submenus li a, section.popover.dict-editor .submenus li a {
      width: 100%;
      height: 100%;
      padding-left: 16px;
      line-height: normal;
      display: flex;
      align-items: center;
      overflow: hidden; }
      section.popover.white .submenus li a:hover, section.white.pop-inline .submenus li a:hover, section.pop-inline.dict-editor .submenus li a:hover, section.popover.dict-editor .submenus li a:hover {
        background-color: #D8D8D8; }
      section.popover.white .submenus li a.on, section.white.pop-inline .submenus li a.on, section.pop-inline.dict-editor .submenus li a.on, section.popover.dict-editor .submenus li a.on {
        color: #00D6C9; }
      section.popover.white .submenus li a b, section.white.pop-inline .submenus li a b, section.pop-inline.dict-editor .submenus li a b, section.popover.dict-editor .submenus li a b {
        margin-left: 4px;
        background-color: #5F5BFF;
        color: #FFFFFF;
        padding-left: 8px;
        padding-right: 8px;
        height: 16px;
        line-height: 16px;
        border-radius: 8px;
        font-size: 12px; }
  section.popover.white .submenus li:first-child, section.white.pop-inline .submenus li:first-child, section.pop-inline.dict-editor .submenus li:first-child, section.popover.dict-editor .submenus li:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }
  section.popover.white .submenus li:last-child, section.white.pop-inline .submenus li:last-child, section.pop-inline.dict-editor .submenus li:last-child, section.popover.dict-editor .submenus li:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }

section.popover #calendar, section.pop-inline #calendar {
  height: auto;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px; }
  section.popover #calendar table, section.pop-inline #calendar table {
    width: 240px;
    margin: auto; }
    section.popover #calendar table u, section.pop-inline #calendar table u {
      height: 40px;
      line-height: 40px; }
  section.popover #calendar tr:nth-child(1), section.pop-inline #calendar tr:nth-child(1) {
    height: 30px; }
  section.popover #calendar th, section.pop-inline #calendar th {
    color: #EBF0FF; }
  section.popover #calendar th > u, section.pop-inline #calendar th > u {
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #999; }
  section.popover #calendar th > b, section.pop-inline #calendar th > b {
    z-index: 2;
    cursor: pointer;
    display: block;
    position: relative;
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    color: #999;
    background-color: transparent; }
    section.popover #calendar th > b:hover, section.pop-inline #calendar th > b:hover {
      background-color: #666;
      color: #FFFFFF; }
  section.popover #calendar th > b:before, section.pop-inline #calendar th > b:before {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    padding-left: 6px !important; }
  section.popover #calendar th > b.right, section.pop-inline #calendar th > b.right {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 8px;
    top: 12px;
    border-radius: 8px; }
  section.popover #calendar th > b.left, section.pop-inline #calendar th > b.left {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 12px;
    border-radius: 8px; }
  section.popover #calendar th > b.right:before, section.pop-inline #calendar th > b.right:before {
    content: ""; }
  section.popover #calendar th > b.left:before, section.pop-inline #calendar th > b.left:before {
    content: ""; }
  section.popover #calendar th > b.cross, section.pop-inline #calendar th > b.cross {
    display: none; }
  section.popover #calendar th:nth-child(7), section.pop-inline #calendar th:nth-child(7) {
    color: #839BFB; }
  section.popover #calendar th:nth-child(8), section.pop-inline #calendar th:nth-child(8) {
    color: #DB234B; }
  section.popover #calendar th:first-child, section.pop-inline #calendar th:first-child {
    width: 10px; }
  section.popover #calendar th:last-child, section.pop-inline #calendar th:last-child {
    width: 10px; }
  section.popover #calendar td, section.pop-inline #calendar td {
    cursor: pointer;
    border-radius: 5px;
    color: #999;
    font-size: 0.8rem;
    text-align: center; }
  section.popover #calendar td:hover, section.pop-inline #calendar td:hover {
    background-color: #666;
    color: white; }
  section.popover #calendar td.space, section.pop-inline #calendar td.space {
    cursor: default; }
  section.popover #calendar td.space:hover, section.pop-inline #calendar td.space:hover {
    background-color: transparent; }

section.popover .dt-piker-form, section.pop-inline .dt-piker-form {
  padding-bottom: 0px; }
  section.popover .dt-piker-form .dt-piker-time, section.pop-inline .dt-piker-form .dt-piker-time {
    margin: 10px 22px 3px 22px; }
  section.popover .dt-piker-form footer, section.pop-inline .dt-piker-form footer {
    position: relative;
    justify-content: flex-end;
    background: transparent;
    margin-top: 0;
    padding: 10px;
    border-color: transparent; }
    section.popover .dt-piker-form footer button, section.pop-inline .dt-piker-form footer button {
      /*border-radius:4px;line-height:24px;color:$c_w;*/ }

.dt-picker-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: 180px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #D0C9C3;
  background-color: #FFFFFF; }
  .dt-picker-box.focus {
    border: 1px solid #5F5BFF;
    outline: 0;
    background: #FFFFFF;
    color: #222; }
  .dt-picker-box > label, .dt-picker-box > input {
    flex: 1;
    height: 100%;
    padding: 0px 10px;
    line-height: 30px;
    border: 0px; }
    .dt-picker-box > label:focus, .dt-picker-box > input:focus {
      border: 0px;
      border-color: transparent; }
  .dt-picker-box > label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    background-color: transparent; }
  .dt-picker-box .btn-picker {
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    padding: 0px !important;
    flex-shrink: 0; }
    .dt-picker-box .btn-picker:before {
      cursor: pointer;
      line-height: 28px;
      display: block;
      position: relative;
      padding: 0px !important;
      text-align: center; }

.popup {
  margin: auto;
  min-width: 360px;
  max-width: calc(100vw - 7.2rem);
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.7); }
  .popup * {
    color: white; }
  .popup p.popup-text {
    margin: 24px 24px 8px;
    padding: 0; }
  .popup #bot_name_to_delete {
    margin-top: 8px;
    margin-bottom: 16px; }
  .popup input, .popup textarea {
    color: #666; }
  .popup h2 {
    height: 48px;
    line-height: 48px;
    text-align: left;
    padding-left: 16px; }
  .popup header {
    text-align: left;
    padding-left: 16px; }
  .popup:not(.white):not(section.dict-editor):not(.user-editor-frame):not(.gact-editor) .close {
    background-image: url(/images/ico_close_no_bg.svg?v=1); }
  .popup footer {
    justify-content: flex-end;
    background: transparent;
    margin-top: 0;
    border-color: transparent;
    position: relative; }
    .popup footer button {
      color: #FFFFFF;
      background-color: #666;
      border: 0; }
      .popup footer button:disabled {
        opacity: 0.5; }
        .popup footer button:disabled:hover {
          cursor: default; }
      .popup footer button:hover {
        background-color: #666; }
      .popup footer button.red {
        background-color: #DB234B; }
  .popup form label.on {
    color: white; }
  .popup form textarea, .popup form input[type=text], .popup form input[type=password], .popup form input[type=email], .popup form input[type=url], .popup form input[type=tel], .popup form form[type=search], .popup form .form-item-autocomplete, .popup form .ui-dropdown {
    color: #222; }
  .popup.popup-confirm {
    transform: translateY(-100px); }
    .popup.popup-confirm * {
      color: white; }
    .popup.popup-confirm header {
      border-color: #999; }
    .popup.popup-confirm .light {
      background-color: transparent;
      color: #FFFFFF;
      border-color: transparent; }
    .popup.popup-confirm textarea {
      background: rgba(255, 255, 255, 0.1);
      width: 360px;
      margin: auto; }
    .popup.popup-confirm input[type=checkbox] + span {
      margin-left: 16px;
      display: inline-block;
      transform: translateY(-2px) !important; }
  .popup.white, section.popup.dict-editor {
    width: 960px;
    background-color: white; }
    .popup.white *, section.popup.dict-editor * {
      color: #666; }
    .popup.white .catalogs, section.popup.dict-editor .catalogs {
      overflow-x: auto; }
    .popup.white div.form-type-checkbox, section.popup.dict-editor div.form-type-checkbox, .popup.white div.form-type-radio, section.popup.dict-editor div.form-type-radio {
      flex-direction: row; }
    .popup.white header h2, section.popup.dict-editor header h2 {
      border-bottom: 0;
      padding-left: 0; }
    .popup.white .ui-tab-menu, section.popup.dict-editor .ui-tab-menu {
      width: 180px; }
    .popup.white .tab-container, section.popup.dict-editor .tab-container {
      display: flex;
      flex-direction: column; }
      .popup.white .tab-container section.contents, section.popup.dict-editor .tab-container section.contents {
        flex: 1; }
      .popup.white .tab-container table.list-view, section.popup.dict-editor .tab-container table.list-view {
        width: 100%;
        margin: 0;
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid #D0C9C3; }
    .popup.white form, section.popup.dict-editor form {
      padding-left: 24px;
      padding-right: 24px; }
      .popup.white form label.on, section.popup.dict-editor form label.on {
        color: #666; }
      .popup.white form h4, section.popup.dict-editor form h4 {
        min-width: 180px; }
    .popup.white footer, section.popup.dict-editor footer {
      border-top: 1px solid #D0C9C3;
      background: #F8F6F5; }
      .popup.white footer button, section.popup.dict-editor footer button {
        background: #FFFFFF;
        border: 1px solid #D0C9C3; }
      .popup.white footer button:hover, section.popup.dict-editor footer button:hover {
        background: #F8F6F5; }
      .popup.white footer button.payment, section.popup.dict-editor footer button.payment {
        background-color: #5F5BFF;
        color: white;
        border: 0; }
  .popup.white.form, section.popup.form.dict-editor {
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: none; }
    .popup.white.form > section, section.popup.form.dict-editor > section {
      flex: 1;
      overflow-y: auto; }
    .popup.white.form li > dl dd:first-child, section.popup.form.dict-editor li > dl dd:first-child {
      width: 180px; }
  .popup-white.white, section.popup-white.dict-editor {
    border-radius: 6px; }
    .popup-white.white header, section.popup-white.dict-editor header {
      padding: 0px;
      display: flex;
      align-items: stretch;
      justify-content: flex-start; }
      .popup-white.white header nav, section.popup-white.dict-editor header nav {
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex: 1; }
        .popup-white.white header nav a, section.popup-white.dict-editor header nav a {
          color: #AAB2BD;
          height: auto;
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0px;
          padding-left: 8px;
          padding-right: 16px;
          font-size: 15px;
          font-weight: bold; }
          .popup-white.white header nav a:first-child, section.popup-white.dict-editor header nav a:first-child {
            margin-left: 0px; }
          .popup-white.white header nav a:last-child, section.popup-white.dict-editor header nav a:last-child {
            flex: .5;
            margin-right: 4px;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 10%; }
          .popup-white.white header nav a.on, section.popup-white.dict-editor header nav a.on {
            color: #5F5BFF;
            border-bottom: 1px solid #5F5BFF; }
        .popup-white.white header nav i.close.icon, section.popup-white.dict-editor header nav i.close.icon, .popup-white.white header nav i.close.form-item-autocomplete.loading-autocomplete:before, section.popup-white.dict-editor header nav i.close.form-item-autocomplete.loading-autocomplete:before, .popup-white.white header nav .ui-indicator i.close#indicator:before, .ui-indicator .popup-white.white header nav i.close#indicator:before, section.popup-white.dict-editor header nav .ui-indicator i.close#indicator:before, .ui-indicator section.popup-white.dict-editor header nav i.close#indicator:before {
          background-image: url(/images/ico_close_popup.svg);
          width: 12px;
          height: 12px;
          top: 16px;
          right: 16px;
          min-width: unset;
          min-height: unset; }
    .popup-white.white .body, section.popup-white.dict-editor .body {
      font-weight: normal; }
      .popup-white.white .body dl.pick.tabmenu, section.popup-white.dict-editor .body dl.pick.tabmenu {
        width: unset;
        margin: 0; }
        .popup-white.white .body dl.pick.tabmenu dd, section.popup-white.dict-editor .body dl.pick.tabmenu dd {
          padding: 0 4px;
          font-size: 12px;
          height: 26px;
          flex: 1;
          display: flex;
          justify-content: center;
          font-weight: bold;
          color: #AAB2BD; }
          .popup-white.white .body dl.pick.tabmenu dd.on, section.popup-white.dict-editor .body dl.pick.tabmenu dd.on {
            color: #fff; }
      .popup-white.white .body form input.ipt, section.popup-white.dict-editor .body form input.ipt {
        width: 100%; }
      .popup-white.white .body form > div, section.popup-white.dict-editor .body form > div {
        padding-bottom: 1rem; }
      .popup-white.white .body form .cell .hbox, section.popup-white.dict-editor .body form .cell .hbox {
        width: 95%; }
    .popup-white.white footer, section.popup-white.dict-editor footer {
      background-color: #fff; }
      .popup-white.white footer .trash, section.popup-white.dict-editor footer .trash {
        color: #fff;
        background-color: #666; }
        .popup-white.white footer .trash:hover, section.popup-white.dict-editor footer .trash:hover {
          background-color: #666; }
  .popup li.storeid * {
    color: #222; }

#payment-form form {
  width: auto;
  margin: auto;
  text-align: center; }
  #payment-form form #card-element {
    border: 1px solid #ccc; }

#payment-form label {
  height: 40px;
  line-height: 40px; }

#payment-form div.form-row {
  padding: 4px 60px 24px 60px;
  width: 540px;
  margin: auto; }

.expire-alert {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 16px 0 16px;
  margin: auto;
  margin-left: 16px;
  background-color: rgba(235, 82, 108, 0.1);
  border-radius: 4px; }
  .expire-alert a {
    color: #222;
    padding-left: 8px; }

h1.header-bot-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px; }

article#mask.form-mask {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto; }
  article#mask.form-mask section.popup.white, article#mask.form-mask section.popup.dict-editor {
    height: 80vh;
    border-radius: 4px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    transform: none;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    article#mask.form-mask section.popup.white footer, article#mask.form-mask section.popup.dict-editor footer {
      height: 48px;
      background: white; }
    article#mask.form-mask section.popup.white section.body, article#mask.form-mask section.popup.dict-editor section.body {
      margin: auto;
      flex: 1;
      width: 100%; }
      article#mask.form-mask section.popup.white section.body form, article#mask.form-mask section.popup.dict-editor section.body form {
        width: 100%;
        overflow-y: auto; }
        article#mask.form-mask section.popup.white section.body form ul, article#mask.form-mask section.popup.dict-editor section.body form ul {
          width: 800px;
          margin: auto; }
        article#mask.form-mask section.popup.white section.body form h4, article#mask.form-mask section.popup.dict-editor section.body form h4 {
          width: 220px; }
      article#mask.form-mask section.popup.white section.body .tab-container form ul, article#mask.form-mask section.popup.dict-editor section.body .tab-container form ul {
        width: 640px;
        margin: auto;
        margin-left: 0; }
      article#mask.form-mask section.popup.white section.body .tab-container form h4, article#mask.form-mask section.popup.dict-editor section.body .tab-container form h4 {
        width: 160px; }
      article#mask.form-mask section.popup.white section.body .tab-container form li.form-item-multiple > dl > dd:first-child, article#mask.form-mask section.popup.dict-editor section.body .tab-container form li.form-item-multiple > dl > dd:first-child {
        width: 160px; }
  article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents {
    overflow: scroll; }
    article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view {
      width: 820px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=number], article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=text] {
        text-align: center; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=number] {
        min-width: 100px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[name=title] {
        min-width: 150px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view th.none {
        padding-left: 16px !important; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-start_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-end_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-entry_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-deadline_t {
        min-width: 165px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-linkto,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-place,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-category {
        min-width: 150px; }

.popup.white.tutorials, section.popup.tutorials.dict-editor {
  padding-bottom: 16px;
  padding-top: 16px; }
  .popup.white.tutorials h2, section.popup.tutorials.dict-editor h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 24px;
    padding-top: 12px;
    margin-bottom: 12px;
    color: #222; }
  .popup.white.tutorials p, section.popup.tutorials.dict-editor p {
    font-size: 14px;
    text-align: center;
    color: #222; }
  .popup.white.tutorials div.buttons, section.popup.tutorials.dict-editor div.buttons {
    padding-top: 12px;
    padding-bottom: 12px; }
    .popup.white.tutorials div.buttons button.main, section.popup.tutorials.dict-editor div.buttons button.main {
      background-color: #5F5BFF;
      color: #FFFFFF; }
  .popup.white.tutorials button, section.popup.tutorials.dict-editor button {
    color: #222; }
  .popup.white.tutorials:has(.tutorial-scroll-inner), section.popup.tutorials.dict-editor:has(.tutorial-scroll-inner) {
    max-height: 90vh;
    overflow-y: auto; }
    .popup.white.tutorials:has(.tutorial-scroll-inner) img.fit-image, section.popup.tutorials.dict-editor:has(.tutorial-scroll-inner) img.fit-image {
      max-width: 880px;
      max-height: 50vh; }

section.window {
  width: 80vw;
  height: 80vh;
  margin: 10vh 10vw 10vh 10vw;
  background-color: #FFFFFF;
  border: 1px solid #D0C9C3;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden; }
  section.window header {
    height: 48px;
    text-align: left; }
    section.window header h2 {
      line-height: 48px; }
  section.window section {
    flex: 1;
    overflow-y: auto;
    position: relative; }
  section.window footer {
    background-color: #999;
    color: rgba(255, 255, 255, 0.9);
    height: 48px;
    text-align: center; }
  section.window table {
    margin: auto; }
    section.window table input[type=text], section.window table input[type=number] {
      width: 100%; }

dl.ui-tab-menu {
  height: inherit;
  line-height: inherit;
  width: inherit;
  justify-content: center;
  padding: 0;
  align-items: center;
  width: auto;
  height: 32px;
  line-height: 32px;
  color: #999; }
  dl.ui-tab-menu dd {
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    border-bottom: 2px solid #FFFFFF;
    color: inherit;
    text-transform: uppercase;
    font-weight: 400; }
  dl.ui-tab-menu dd.on {
    color: #00D6C9;
    font-weight: 800; }
  dl.ui-tab-menu dd.on:before {
    background-color: transparent !important; }
  dl.ui-tab-menu.vertical {
    flex-direction: column;
    width: 240px;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    border-right: 1px solid #D0C9C3; }
    dl.ui-tab-menu.vertical dd {
      height: 48px;
      line-height: 48px;
      border: 0;
      border-bottom: 1px solid #D0C9C3;
      border-radius: 0;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
      padding-left: 16px; }
    dl.ui-tab-menu.vertical dd.on {
      border-radius: 0; }
  dl.ui-tab-menu dd.on:after {
    font-weight: 400; }

.exts dl.ui-tab-menu dd[name=elgana] {
  text-transform: lowercase; }

dl.ui-tab-menu.vertical + .tab-container {
  flex: 1;
  display: flex;
  position: relative;
  overflow-y: auto;
  height: 100%;
  flex-direction: column; }
  dl.ui-tab-menu.vertical + .tab-container form {
    height: calc( 100% - 48px); }
    dl.ui-tab-menu.vertical + .tab-container form h4 {
      width: 180px; }

.ui-slider {
  width: 100%;
  height: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .ui-slider ul.images {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    flex: 1;
    justify-content: flex-start;
    padding: 0 !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    box-sizing: content-box; }
    .ui-slider ul.images li {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s; }
  .ui-slider .pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 16px;
    padding-top: 4px; }
    .ui-slider .pages span {
      flex: 1;
      height: 4px;
      display: block;
      background-color: #F8F6F5;
      cursor: pointer; }
    .ui-slider .pages span.on {
      background-color: #5F5BFF; }
  .ui-slider.inner .pages {
    position: absolute;
    justify-content: center;
    bottom: 4px;
    top: auto; }
    .ui-slider.inner .pages span {
      flex: auto;
      width: 8px;
      max-width: 8px;
      height: 8px;
      font-size: 0;
      display: block;
      margin: 4px; }

.popup.ui-colorpicker {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  width: 624px !important;
  height: 284px;
  box-sizing: border-box; }
  .popup.ui-colorpicker > section {
    padding: 20px 60px 20px 60px;
    margin: 0; }
  .popup.ui-colorpicker dl {
    flex-direction: column;
    display: inline-block; }
  .popup.ui-colorpicker dd {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .popup.ui-colorpicker dd:hover {
      transition-duration: 0.1s;
      transform: scale(1.2, 1.2);
      border-color: white; }
  .popup.ui-colorpicker dd.transparent {
    background-color: #FFFFFF !important;
    background-image: url(/images/ico-transparent.svg);
    background-size: 80% 80%;
    background-position: 50% 50%;
    border: 1px solid #D0C9C3; }
  .popup.ui-colorpicker dt {
    min-height: 48px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-items: center; }

.popup.ui-iconpicker {
  padding: 3rem;
  width: max-content; }
  .popup.ui-iconpicker section {
    width: max-content; }
    .popup.ui-iconpicker section div {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      max-height: 60vh;
      overflow-y: auto;
      width: max-content;
      margin: 2rem; }
      .popup.ui-iconpicker section div dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex: 1 0 auto;
        margin: 2rem 1rem;
        cursor: pointer; }
        .popup.ui-iconpicker section div dd .samples {
          font-family: 'Material Icons';
          font-size: 3rem;
          margin-bottom: 1rem; }
        .popup.ui-iconpicker section div dd span {
          pointer-events: none; }

.fa, section.popover #calendar th > b:before, section.pop-inline #calendar th > b:before, .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before, .simulator > header dd:before, .p3-layout .menu-pane li:before, .chat_list_view #simulator footer.send-type-text .type-text b:before, .bot-editor section.actions li h5:before, .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div label.new:before, .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u:before, section.user-editor section.info header:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, .vip:after, .simulator .opt-bar button:after, ol.card li.image.uploading:before, .catalog_list_view .list-item-linkto a:after, .bot-editor ul.nodes ol.card.new:before, .bot-editor ul.nodes ol.card.new.flex:before, section.pop-inline > dl dd,
section.subpop-inline > dl dd, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color:before, section.user-editor section.info header:after, section.user-editor section.info li h4.lock:after, .view-editor .comp.preview li.option-checkbox:before, .view-editor .comp.preview li.option-radio:before, .view-editor .edit-bar .bar:after {
  font-family: "FontAwesome" !important; }

.list-frame {
  padding: 0;
  padding-bottom: auto;
  display: flex;
  flex-direction: column;
  width: inherit;
  justify-content: space-around;
  height: inherit;
  flex: 1;
  overflow-x: auto; }

.list-view-pop-inline {
  width: 600px; }
  .list-view-pop-inline ul {
    padding-top: 0px;
    margin-left: 12px;
    padding-bottom: 8px; }
  .list-view-pop-inline.tags-popup ul {
    margin: 8px 16px 0; }
    .list-view-pop-inline.tags-popup ul li {
      padding-bottom: 0; }
    .list-view-pop-inline.tags-popup ul .form-type-autocomplete .form-item-autocomplete {
      max-height: 240px;
      overflow: auto;
      width: 100%; }
      .list-view-pop-inline.tags-popup ul .form-type-autocomplete .form-item-autocomplete.hidden-scroll {
        overflow: hidden; }

/*list view*/
table.list-view {
  width: calc(100% - 64px);
  margin: 16px 32px auto 32px;
  background: #FFFFFF;
  min-height: 48px;
  border-collapse: collapse;
  padding-top: 0;
  /*pages row*/ }
  table.list-view.empty {
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    border-bottom: 0; }
    table.list-view.empty h2 {
      text-align: center;
      color: #999; }
  table.list-view tr {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #D0C9C3;
    position: relative; }
  table.list-view tr:hover {
    background-color: #F8F6F5; }
  table.list-view tr:first-child {
    height: 40px;
    line-height: 40px; }
  table.list-view tr:first-child:hover {
    background-color: transparent; }
  table.list-view tr:last-child {
    border-bottom: 0; }
  table.list-view tr:last-child td {
    height: 40px;
    line-height: 40px; }
  table.list-view .broadcasted td:not(:last-child) {
    cursor: initial; }
  table.list-view th {
    font-weight: 700;
    color: #222;
    font-size: 12px;
    position: relative;
    padding-left: 16px !important;
    padding-right: 16px !important;
    cursor: hand;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
    text-align: left; }
  table.list-view th:first-child {
    padding-left: 4px !important; }
  table.list-view th.list-view-checkbox {
    padding-left: 16px; }
  table.list-view th.none {
    cursor: default;
    padding-left: 12px; }
  table.list-view th.none:first-child {
    padding-left: 16px; }
  table.list-view th:before {
    padding-left: 0; }
  table.list-view th.none {
    padding-left: 0 !important; }
  table.list-view th.on, table.list-view th.sortable {
    background-color: transparent !important;
    text-indent: 0 !important; }
  table.list-view th.sortable:first-child, table.list-view th.asc:first-child, table.list-view th.desc:first-child {
    padding-left: 16px !important; }
  table.list-view th.sortable:before {
    color: #D0C9C3;
    content: "" !important; }
  table.list-view td {
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
    padding-right: 12px;
    text-align: left;
    position: relative;
    font-size: 12px;
    cursor: pointer; }
    table.list-view td i {
      top: 1px; }
    table.list-view td button {
      height: 16px;
      line-height: 16px;
      border-radius: 8px;
      font-size: 10px;
      padding-left: 8px;
      padding-right: 8px;
      background-color: #ccc;
      border: 0; }
    table.list-view td.buttons {
      min-width: max-content; }
      table.list-view td.buttons i {
        width: 28px;
        height: 100%;
        position: relative; }
      table.list-view td.buttons i:before {
        width: 28px;
        height: 100%;
        position: relative; }
      table.list-view td.buttons .frame {
        /* btn frame fro tags ...*/
        display: flex;
        flex-direction: row;
        min-width: max-content; }
    table.list-view td i.icon, table.list-view td i.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i#indicator:before, .ui-indicator table.list-view td i#indicator:before {
      position: relative;
      text-indent: 0; }
      table.list-view td i.icon:before, table.list-view td i.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i#indicator:before, .ui-indicator table.list-view td i#indicator:before {
        width: 20px;
        height: 100%;
        line-height: 24px; }
      table.list-view td i.icon.noclick, table.list-view td i.noclick.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.noclick#indicator:before, .ui-indicator table.list-view td i.noclick#indicator:before {
        cursor: initial; }
      table.list-view td i.icon.store_id, table.list-view td i.store_id.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.store_id#indicator:before, .ui-indicator table.list-view td i.store_id#indicator:before {
        text-align: center;
        width: 20px; }
    table.list-view td .icons {
      line-height: 22px;
      display: flex;
      flex-direction: row;
      margin-left: 16px; }
    table.list-view td .icon.on:before, table.list-view td .on.form-item-autocomplete.loading-autocomplete:before, table.list-view td th.on:before, table.list-view td th.on.sortable:before, table.list-view td .ui-indicator .on#indicator:before, .ui-indicator table.list-view td .on#indicator:before, table.list-view td .search-bar div.on.queries:before, .search-bar table.list-view td div.on.queries:before, table.list-view td .simulator > header dd.on:before, .simulator > header table.list-view td dd.on:before, table.list-view td .p3-layout .menu-pane li.on:before, .p3-layout .menu-pane table.list-view td li.on:before, table.list-view td .chat_list_view #simulator footer.send-type-text .type-text b.on:before, .chat_list_view #simulator footer.send-type-text .type-text table.list-view td b.on:before, table.list-view td .bot-editor section.actions li h5.on:before, .bot-editor section.actions li table.list-view td h5.on:before, table.list-view td .bot-editor ul.nodes > li > div span.on.new:before, .bot-editor ul.nodes > li > div table.list-view td span.on.new:before, table.list-view td .bot-editor ul.nodes > li > div label.on.new:before, .bot-editor ul.nodes > li > div table.list-view td label.on.new:before, table.list-view td .bot-editor ul.nodes div.on.schedule:before, .bot-editor ul.nodes table.list-view td div.on.schedule:before, table.list-view td .bot-editor ul.nodes ol.card li.on.item.new:before, .bot-editor ul.nodes ol.card table.list-view td li.on.item.new:before, table.list-view td .bot-editor ul.nodes div.react-btns label.colors:hover u.on:before, .bot-editor ul.nodes div.react-btns label.colors:hover table.list-view td u.on:before, table.list-view td section.user-editor section.info header.on:before, section.user-editor section.info table.list-view td header.on:before, table.list-view td section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.on:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text table.list-view td b.on:before {
      color: #FDC73E !important; }
    table.list-view td i.icon.status, table.list-view td i.status.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.status#indicator:before, .ui-indicator table.list-view td i.status#indicator:before {
      line-height: unset;
      font-size: 20px; }
    table.list-view td i.icon.status::after {
      font-family: 'Poppins';
      -webkit-font-smoothing: initial; }
    table.list-view td i.icon.on, table.list-view td i.on.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.on#indicator:before, .ui-indicator table.list-view td i.on#indicator:before {
      color: #DB234B; }
    table.list-view td dl.assignment {
      padding-left: 0px;
      margin-left: 0px;
      align-items: center; }
      table.list-view td dl.assignment dd {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 50%;
        padding: 0;
        margin-right: 2px; }
  table.list-view td:first-child {
    padding-left: 0px; }
  table.list-view td:last-child {
    padding-right: 0px !important; }

.pagination {
  padding-left: 24px;
  padding-right: 24px;
  justify-content: flex-start; }
  .pagination .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

.list-view-pages {
  display: flex;
  margin: auto;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  align-items: center;
  margin-left: 0;
  margin-right: auto; }
  .list-view-pages dd {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0 !important;
    cursor: hand;
    cursor: pointer;
    font-size: 11px; }
  .list-view-pages dd.on {
    border-radius: 16px;
    background: #222;
    color: #FFFFFF; }
  .list-view-pages dd.prev {
    margin-right: 48px; }
  .list-view-pages dd.next {
    margin-left: 48px; }
  .list-view-pages dd.page-input {
    width: 70px !important; }
    .list-view-pages dd.page-input input {
      width: 70px;
      -moz-appearance: textfield; }
      .list-view-pages dd.page-input input::-webkit-inner-spin-button, .list-view-pages dd.page-input input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .list-view-pages dd.page-input::before {
      content: attr(data-before);
      position: absolute;
      top: -26px;
      width: max-content; }

.list-view-checkbox {
  cursor: hand;
  cursor: pointer;
  width: 32px !important;
  text-align: left; }
  .list-view-checkbox label {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px; }
  .list-view-checkbox input[type=checkbox] {
    margin-top: 9px; }

table.spreadsheet-view {
  border-bottom: 1px solid #D0C9C3;
  margin-top: 0; }
  table.spreadsheet-view p {
    padding: 0;
    display: none; }
  table.spreadsheet-view tr:first-child {
    border-top: 1px solid #D0C9C3; }
  table.spreadsheet-view th {
    border-left: 1px solid #D0C9C3;
    text-align: center; }
  table.spreadsheet-view th:first-child {
    border-left: 0; }
  table.spreadsheet-view td:hover textarea, table.spreadsheet-view td:hover input[type=text], table.spreadsheet-view td:hover input[type=password], table.spreadsheet-view td:hover input[type=email], table.spreadsheet-view td:hover input[type=url], table.spreadsheet-view td:hover input[type=tel], table.spreadsheet-view td:hover[type=search], table.spreadsheet-view td:hover input[type=date], table.spreadsheet-view td:hover input[type=number], table.spreadsheet-view td:hover .form-item-autocomplete, table.spreadsheet-view td:hover .ui-dropdown, table.spreadsheet-view td:hover .ui-dropdown.on, table.spreadsheet-view td:hover .ui-dropdown:hover, table.spreadsheet-view td:hover .ui-dropdown.on:hover {
    background-color: transparent !important;
    background: transparent !important; }
  table.spreadsheet-view td {
    padding: 0;
    border-left: 1px solid #D0C9C3; }
    table.spreadsheet-view td textarea, table.spreadsheet-view td input[type=text], table.spreadsheet-view td input[type=password], table.spreadsheet-view td input[type=email], table.spreadsheet-view td input[type=url], table.spreadsheet-view td input[type=tel], table.spreadsheet-view td[type=search], table.spreadsheet-view td input[type=date], table.spreadsheet-view td input[type=number], table.spreadsheet-view td .form-item-autocomplete {
      background: transparent;
      border: 0;
      border-radius: 0;
      width: inherit;
      box-shadow: none;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      height: 40px;
      line-height: 40px; }
      table.spreadsheet-view td textarea:focus, table.spreadsheet-view td input[type=text]:focus, table.spreadsheet-view td input[type=password]:focus, table.spreadsheet-view td input[type=email]:focus, table.spreadsheet-view td input[type=url]:focus, table.spreadsheet-view td input[type=tel]:focus, table.spreadsheet-view td[type=search]:focus, table.spreadsheet-view td input[type=date]:focus, table.spreadsheet-view td input[type=number]:focus, table.spreadsheet-view td .form-item-autocomplete:focus {
        background: white; }
    table.spreadsheet-view td input[type=date] {
      width: 100%;
      padding-left: 8px; }
    table.spreadsheet-view td input[type=number] {
      min-width: 32px;
      width: 48px; }
    table.spreadsheet-view td[type=select] {
      width: 1%; }
    table.spreadsheet-view td .ui-dropdown {
      max-width: 200px;
      border: 0;
      margin-right: 0;
      background: transparent !important;
      background-color: transparent !important;
      margin-top: 0;
      width: 100%;
      height: 40px;
      line-height: 40px; }
    table.spreadsheet-view td .form-item-autocomplete {
      margin-top: 0;
      margin-bottom: 0; }
      table.spreadsheet-view td .form-item-autocomplete input[type=text] {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 12px; }
  table.spreadsheet-view td.dt-text :first-child {
    display: flex; }
    table.spreadsheet-view td.dt-text :first-child input {
      width: calc(100% - $i_w); }
    table.spreadsheet-view td.dt-text :first-child .icon.calendar, table.spreadsheet-view td.dt-text :first-child .calendar.form-item-autocomplete.loading-autocomplete:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.on, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.on, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.sortable, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.sortable, table.spreadsheet-view td.dt-text :first-child .ui-indicator .calendar#indicator:before, .ui-indicator table.spreadsheet-view td.dt-text :first-child .calendar#indicator:before, table.spreadsheet-view td.dt-text :first-child .search-bar div.calendar.queries, .search-bar table.spreadsheet-view td.dt-text :first-child div.calendar.queries, table.spreadsheet-view td.dt-text :first-child .simulator > header dd.calendar, .simulator > header table.spreadsheet-view td.dt-text :first-child dd.calendar, table.spreadsheet-view td.dt-text :first-child .p3-layout .menu-pane li.calendar, .p3-layout .menu-pane table.spreadsheet-view td.dt-text :first-child li.calendar, table.spreadsheet-view td.dt-text :first-child .chat_list_view #simulator footer.send-type-text .type-text b.calendar:before, .chat_list_view #simulator footer.send-type-text .type-text table.spreadsheet-view td.dt-text :first-child b.calendar:before, table.spreadsheet-view td.dt-text :first-child .bot-editor section.actions li h5.calendar, .bot-editor section.actions li table.spreadsheet-view td.dt-text :first-child h5.calendar, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes > li > div span.calendar.new, .bot-editor ul.nodes > li > div table.spreadsheet-view td.dt-text :first-child span.calendar.new, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes > li > div label.calendar.new, .bot-editor ul.nodes > li > div table.spreadsheet-view td.dt-text :first-child label.calendar.new, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes div.calendar.schedule, .bot-editor ul.nodes table.spreadsheet-view td.dt-text :first-child div.calendar.schedule, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes ol.card li.calendar.item.new, .bot-editor ul.nodes ol.card table.spreadsheet-view td.dt-text :first-child li.calendar.item.new, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes div.react-btns label.colors:hover u.calendar, .bot-editor ul.nodes div.react-btns label.colors:hover table.spreadsheet-view td.dt-text :first-child u.calendar, table.spreadsheet-view td.dt-text :first-child section.user-editor section.info header.calendar, section.user-editor section.info table.spreadsheet-view td.dt-text :first-child header.calendar, table.spreadsheet-view td.dt-text :first-child section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.calendar:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text table.spreadsheet-view td.dt-text :first-child b.calendar:before {
      width: 32px; }
      table.spreadsheet-view td.dt-text :first-child .icon.calendar:before, table.spreadsheet-view td.dt-text :first-child .calendar.form-item-autocomplete.loading-autocomplete:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.on:before, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.on:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.sortable:before, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.sortable:before, table.spreadsheet-view td.dt-text :first-child .ui-indicator .calendar#indicator:before, .ui-indicator table.spreadsheet-view td.dt-text :first-child .calendar#indicator:before, table.spreadsheet-view td.dt-text :first-child .search-bar div.calendar.queries:before, .search-bar table.spreadsheet-view td.dt-text :first-child div.calendar.queries:before, table.spreadsheet-view td.dt-text :first-child .simulator > header dd.calendar:before, .simulator > header table.spreadsheet-view td.dt-text :first-child dd.calendar:before, table.spreadsheet-view td.dt-text :first-child .p3-layout .menu-pane li.calendar:before, .p3-layout .menu-pane table.spreadsheet-view td.dt-text :first-child li.calendar:before, table.spreadsheet-view td.dt-text :first-child .chat_list_view #simulator footer.send-type-text .type-text b.calendar:before, .chat_list_view #simulator footer.send-type-text .type-text table.spreadsheet-view td.dt-text :first-child b.calendar:before, table.spreadsheet-view td.dt-text :first-child .bot-editor section.actions li h5.calendar:before, .bot-editor section.actions li table.spreadsheet-view td.dt-text :first-child h5.calendar:before, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes > li > div span.calendar.new:before, .bot-editor ul.nodes > li > div table.spreadsheet-view td.dt-text :first-child span.calendar.new:before, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes > li > div label.calendar.new:before, .bot-editor ul.nodes > li > div table.spreadsheet-view td.dt-text :first-child label.calendar.new:before, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes div.calendar.schedule:before, .bot-editor ul.nodes table.spreadsheet-view td.dt-text :first-child div.calendar.schedule:before, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes ol.card li.calendar.item.new:before, .bot-editor ul.nodes ol.card table.spreadsheet-view td.dt-text :first-child li.calendar.item.new:before, table.spreadsheet-view td.dt-text :first-child .bot-editor ul.nodes div.react-btns label.colors:hover u.calendar:before, .bot-editor ul.nodes div.react-btns label.colors:hover table.spreadsheet-view td.dt-text :first-child u.calendar:before, table.spreadsheet-view td.dt-text :first-child section.user-editor section.info header.calendar:before, section.user-editor section.info table.spreadsheet-view td.dt-text :first-child header.calendar:before, table.spreadsheet-view td.dt-text :first-child section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.calendar:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text table.spreadsheet-view td.dt-text :first-child b.calendar:before {
        width: 100%;
        text-align: center;
        cursor: pointer; }
  table.spreadsheet-view td:first-child {
    border-left: 0;
    padding-left: 0; }
  table.spreadsheet-view tr.error {
    background: rgba(235, 82, 108, 0.1); }

.noselect, section.outline summary > h3, section.outline li, .bot-editor section.left-pane ul li {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* 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 */ }

div.switch {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  background-color: #666; }
  div.switch > * {
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    cursor: pointer; }
    div.switch > *.on {
      background-color: #00D6C9;
      flex: 1;
      color: #FFFFFF;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); }

@keyframes show-forms {
  0% {
    right: -420px; }
  100% {
    right: 0; } }

.icon, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on, table.list-view th.sortable, .ui-indicator #indicator:before, .search-bar div.queries, .simulator > header dd, .p3-layout .menu-pane li, .chat_list_view #simulator footer.send-type-text .type-text b:before, .bot-editor section.actions li h5, .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u, section.user-editor section.info header, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before {
  text-indent: 18px; }
  .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before, .simulator > header dd:before, .p3-layout .menu-pane li:before, .chat_list_view #simulator footer.send-type-text .type-text b:before, .bot-editor section.actions li h5:before, .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div label.new:before, .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u:before, section.user-editor section.info header:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    text-indent: 0px; }
  .icon.back:before, .back.form-item-autocomplete.loading-autocomplete:before, table.list-view th.back.on:before, table.list-view th.back.sortable:before, .ui-indicator .back#indicator:before, .search-bar div.back.queries:before, .simulator > header dd.back:before, .p3-layout .menu-pane li.back:before, .chat_list_view #simulator footer.send-type-text .type-text b.back:before, .bot-editor section.actions li h5.back:before, .bot-editor ul.nodes > li > div span.back.new:before, .bot-editor ul.nodes > li > div label.back.new:before, .bot-editor ul.nodes div.back.schedule:before, .bot-editor ul.nodes ol.card li.back.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.back:before, section.user-editor section.info header.back:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.back:before {
    content: ""; }
  .icon.dashboard:before, .dashboard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dashboard.on:before, table.list-view th.dashboard.sortable:before, .ui-indicator .dashboard#indicator:before, .search-bar div.dashboard.queries:before, .simulator > header dd.dashboard:before, .p3-layout .menu-pane li.dashboard:before, .chat_list_view #simulator footer.send-type-text .type-text b.dashboard:before, .bot-editor section.actions li h5.dashboard:before, .bot-editor ul.nodes > li > div span.dashboard.new:before, .bot-editor ul.nodes > li > div label.dashboard.new:before, .bot-editor ul.nodes div.dashboard.schedule:before, .bot-editor ul.nodes ol.card li.dashboard.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.dashboard:before, section.user-editor section.info header.dashboard:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dashboard:before {
    content: ""; }
  .icon.barchart:before, .barchart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.barchart.on:before, table.list-view th.barchart.sortable:before, .ui-indicator .barchart#indicator:before, .search-bar div.barchart.queries:before, .simulator > header dd.barchart:before, .p3-layout .menu-pane li.barchart:before, .chat_list_view #simulator footer.send-type-text .type-text b.barchart:before, .bot-editor section.actions li h5.barchart:before, .bot-editor ul.nodes > li > div span.barchart.new:before, .bot-editor ul.nodes > li > div label.barchart.new:before, .bot-editor ul.nodes div.barchart.schedule:before, .bot-editor ul.nodes ol.card li.barchart.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.barchart:before, section.user-editor section.info header.barchart:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.barchart:before {
    content: ""; }
  .icon.piechart:before, .piechart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.piechart.on:before, table.list-view th.piechart.sortable:before, .ui-indicator .piechart#indicator:before, .search-bar div.piechart.queries:before, .simulator > header dd.piechart:before, .p3-layout .menu-pane li.piechart:before, .chat_list_view #simulator footer.send-type-text .type-text b.piechart:before, .bot-editor section.actions li h5.piechart:before, .bot-editor ul.nodes > li > div span.piechart.new:before, .bot-editor ul.nodes > li > div label.piechart.new:before, .bot-editor ul.nodes div.piechart.schedule:before, .bot-editor ul.nodes ol.card li.piechart.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.piechart:before, section.user-editor section.info header.piechart:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.piechart:before {
    content: '';
    background-image: url(/images/pie-chart.svg);
    width: 16px;
    background-position: right 50%; }
  .icon.percentchart:before, .percentchart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.percentchart.on:before, table.list-view th.percentchart.sortable:before, .ui-indicator .percentchart#indicator:before, .search-bar div.percentchart.queries:before, .simulator > header dd.percentchart:before, .p3-layout .menu-pane li.percentchart:before, .chat_list_view #simulator footer.send-type-text .type-text b.percentchart:before, .bot-editor section.actions li h5.percentchart:before, .bot-editor ul.nodes > li > div span.percentchart.new:before, .bot-editor ul.nodes > li > div label.percentchart.new:before, .bot-editor ul.nodes div.percentchart.schedule:before, .bot-editor ul.nodes ol.card li.percentchart.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.percentchart:before, section.user-editor section.info header.percentchart:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.percentchart:before {
    content: '';
    background-image: url(/images/percent-chart.svg);
    width: 16px;
    background-position: right 50%; }
  .icon.comment-slash:before, .comment-slash.form-item-autocomplete.loading-autocomplete:before, table.list-view th.comment-slash.on:before, table.list-view th.comment-slash.sortable:before, .ui-indicator .comment-slash#indicator:before, .search-bar div.comment-slash.queries:before, .simulator > header dd.comment-slash:before, .p3-layout .menu-pane li.comment-slash:before, .chat_list_view #simulator footer.send-type-text .type-text b.comment-slash:before, .bot-editor section.actions li h5.comment-slash:before, .bot-editor ul.nodes > li > div span.comment-slash.new:before, .bot-editor ul.nodes > li > div label.comment-slash.new:before, .bot-editor ul.nodes div.comment-slash.schedule:before, .bot-editor ul.nodes ol.card li.comment-slash.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.comment-slash:before, section.user-editor section.info header.comment-slash:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.comment-slash:before {
    content: url(/images/comment_slash.svg);
    fill: #666;
    top: 1px;
    left: -1px; }
  .icon.import:before, .import.form-item-autocomplete.loading-autocomplete:before, table.list-view th.import.on:before, table.list-view th.import.sortable:before, .ui-indicator .import#indicator:before, .search-bar div.import.queries:before, .simulator > header dd.import:before, .p3-layout .menu-pane li.import:before, .chat_list_view #simulator footer.send-type-text .type-text b.import:before, .bot-editor section.actions li h5.import:before, .bot-editor ul.nodes > li > div span.import.new:before, .bot-editor ul.nodes > li > div label.import.new:before, .bot-editor ul.nodes div.import.schedule:before, .bot-editor ul.nodes ol.card li.import.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.import:before, section.user-editor section.info header.import:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.import:before {
    content: ""; }
  .icon.export:before, .export.form-item-autocomplete.loading-autocomplete:before, table.list-view th.export.on:before, table.list-view th.export.sortable:before, .ui-indicator .export#indicator:before, .search-bar div.export.queries:before, .simulator > header dd.export:before, .p3-layout .menu-pane li.export:before, .chat_list_view #simulator footer.send-type-text .type-text b.export:before, .bot-editor section.actions li h5.export:before, .bot-editor ul.nodes > li > div span.export.new:before, .bot-editor ul.nodes > li > div label.export.new:before, .bot-editor ul.nodes div.export.schedule:before, .bot-editor ul.nodes ol.card li.export.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.export:before, section.user-editor section.info header.export:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.export:before {
    content: ""; }
  .icon.export.dashboard-export-icon:before, .export.dashboard-export-icon.form-item-autocomplete.loading-autocomplete:before, table.list-view th.export.dashboard-export-icon.on:before, table.list-view th.export.dashboard-export-icon.sortable:before, .ui-indicator .export.dashboard-export-icon#indicator:before, .search-bar div.export.dashboard-export-icon.queries:before, .simulator > header dd.export.dashboard-export-icon:before, .p3-layout .menu-pane li.export.dashboard-export-icon:before, .chat_list_view #simulator footer.send-type-text .type-text b.export.dashboard-export-icon:before, .bot-editor section.actions li h5.export.dashboard-export-icon:before, .bot-editor ul.nodes > li > div span.export.dashboard-export-icon.new:before, .bot-editor ul.nodes > li > div label.export.dashboard-export-icon.new:before, .bot-editor ul.nodes div.export.dashboard-export-icon.schedule:before, .bot-editor ul.nodes ol.card li.export.dashboard-export-icon.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.export.dashboard-export-icon:before, section.user-editor section.info header.export.dashboard-export-icon:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.export.dashboard-export-icon:before {
    content: "";
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .icon.save:before, .save.form-item-autocomplete.loading-autocomplete:before, table.list-view th.save.on:before, table.list-view th.save.sortable:before, .ui-indicator .save#indicator:before, .search-bar div.save.queries:before, .simulator > header dd.save:before, .p3-layout .menu-pane li.save:before, .chat_list_view #simulator footer.send-type-text .type-text b.save:before, .bot-editor section.actions li h5.save:before, .bot-editor ul.nodes > li > div span.save.new:before, .bot-editor ul.nodes > li > div label.save.new:before, .bot-editor ul.nodes div.save.schedule:before, .bot-editor ul.nodes ol.card li.save.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.save:before, section.user-editor section.info header.save:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.save:before {
    content: ""; }
  .icon.refresh:before, .refresh.form-item-autocomplete.loading-autocomplete:before, table.list-view th.refresh.on:before, table.list-view th.refresh.sortable:before, .ui-indicator .refresh#indicator:before, .search-bar div.refresh.queries:before, .simulator > header dd.refresh:before, .p3-layout .menu-pane li.refresh:before, .chat_list_view #simulator footer.send-type-text .type-text b.refresh:before, .bot-editor section.actions li h5.refresh:before, .bot-editor ul.nodes > li > div span.refresh.new:before, .bot-editor ul.nodes > li > div label.refresh.new:before, .bot-editor ul.nodes div.refresh.schedule:before, .bot-editor ul.nodes ol.card li.refresh.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.refresh:before, section.user-editor section.info header.refresh:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.refresh:before {
    content: ""; }
  .icon.trash:before, .trash.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash.on:before, table.list-view th.trash.sortable:before, .ui-indicator .trash#indicator:before, .search-bar div.trash.queries:before, .simulator > header dd.trash:before, .p3-layout .menu-pane li.trash:before, .chat_list_view #simulator footer.send-type-text .type-text b.trash:before, .bot-editor section.actions li h5.trash:before, .bot-editor ul.nodes > li > div span.trash.new:before, .bot-editor ul.nodes > li > div label.trash.new:before, .bot-editor ul.nodes div.trash.schedule:before, .bot-editor ul.nodes ol.card li.trash.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.trash:before, section.user-editor section.info header.trash:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash:before {
    content: ""; }
  .icon.archive:before, .archive.form-item-autocomplete.loading-autocomplete:before, table.list-view th.archive.on:before, table.list-view th.archive.sortable:before, .ui-indicator .archive#indicator:before, .search-bar div.archive.queries:before, .simulator > header dd.archive:before, .p3-layout .menu-pane li.archive:before, .chat_list_view #simulator footer.send-type-text .type-text b.archive:before, .bot-editor section.actions li h5.archive:before, .bot-editor ul.nodes > li > div span.archive.new:before, .bot-editor ul.nodes > li > div label.archive.new:before, .bot-editor ul.nodes div.archive.schedule:before, .bot-editor ul.nodes ol.card li.archive.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.archive:before, section.user-editor section.info header.archive:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.archive:before {
    content: ""; }
  .icon.trash-thick:before, .trash-thick.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash-thick.on:before, table.list-view th.trash-thick.sortable:before, .ui-indicator .trash-thick#indicator:before, .search-bar div.trash-thick.queries:before, .simulator > header dd.trash-thick:before, .p3-layout .menu-pane li.trash-thick:before, .chat_list_view #simulator footer.send-type-text .type-text b.trash-thick:before, .bot-editor section.actions li h5.trash-thick:before, .bot-editor ul.nodes > li > div span.trash-thick.new:before, .bot-editor ul.nodes > li > div label.trash-thick.new:before, .bot-editor ul.nodes div.trash-thick.schedule:before, .bot-editor ul.nodes ol.card li.trash-thick.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.trash-thick:before, section.user-editor section.info header.trash-thick:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash-thick:before {
    content: ""; }
  .icon.trash_w:before, .trash_w.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash_w.on:before, table.list-view th.trash_w.sortable:before, .ui-indicator .trash_w#indicator:before, .search-bar div.trash_w.queries:before, .simulator > header dd.trash_w:before, .p3-layout .menu-pane li.trash_w:before, .chat_list_view #simulator footer.send-type-text .type-text b.trash_w:before, .bot-editor section.actions li h5.trash_w:before, .bot-editor ul.nodes > li > div span.trash_w.new:before, .bot-editor ul.nodes > li > div label.trash_w.new:before, .bot-editor ul.nodes div.trash_w.schedule:before, .bot-editor ul.nodes ol.card li.trash_w.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.trash_w:before, section.user-editor section.info header.trash_w:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash_w:before {
    content: "";
    color: #FFFFFF; }
  .icon.plus:before, .plus.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus.on:before, table.list-view th.plus.sortable:before, .ui-indicator .plus#indicator:before, .search-bar div.plus.queries:before, .simulator > header dd.plus:before, .p3-layout .menu-pane li.plus:before, .chat_list_view #simulator footer.send-type-text .type-text b.plus:before, .bot-editor section.actions li h5.plus:before, .bot-editor ul.nodes > li > div span.plus.new:before, .bot-editor ul.nodes > li > div label.plus.new:before, .bot-editor ul.nodes div.plus.schedule:before, .bot-editor ul.nodes ol.card li.plus.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.plus:before, section.user-editor section.info header.plus:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus:before {
    content: ""; }
  .icon.plus-solid:before, .plus-solid.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-solid.on:before, table.list-view th.plus-solid.sortable:before, .ui-indicator .plus-solid#indicator:before, .search-bar div.plus-solid.queries:before, .simulator > header dd.plus-solid:before, .p3-layout .menu-pane li.plus-solid:before, .chat_list_view #simulator footer.send-type-text .type-text b.plus-solid:before, .bot-editor section.actions li h5.plus-solid:before, .bot-editor ul.nodes > li > div span.plus-solid.new:before, .bot-editor ul.nodes > li > div label.plus-solid.new:before, .bot-editor ul.nodes div.plus-solid.schedule:before, .bot-editor ul.nodes ol.card li.plus-solid.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.plus-solid:before, section.user-editor section.info header.plus-solid:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-solid:before {
    content: ""; }
  .icon.plus-circle:before, .plus-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-circle.on:before, table.list-view th.plus-circle.sortable:before, .ui-indicator .plus-circle#indicator:before, .search-bar div.plus-circle.queries:before, .simulator > header dd.plus-circle:before, .p3-layout .menu-pane li.plus-circle:before, .chat_list_view #simulator footer.send-type-text .type-text b.plus-circle:before, .bot-editor section.actions li h5.plus-circle:before, .bot-editor ul.nodes > li > div span.plus-circle.new:before, .bot-editor ul.nodes > li > div label.plus-circle.new:before, .bot-editor ul.nodes div.plus-circle.schedule:before, .bot-editor ul.nodes ol.card li.plus-circle.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.plus-circle:before, section.user-editor section.info header.plus-circle:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-circle:before {
    content: ""; }
  .icon.add_group:before, .add_group.form-item-autocomplete.loading-autocomplete:before, table.list-view th.add_group.on:before, table.list-view th.add_group.sortable:before, .ui-indicator .add_group#indicator:before, .search-bar div.add_group.queries:before, .simulator > header dd.add_group:before, .p3-layout .menu-pane li.add_group:before, .chat_list_view #simulator footer.send-type-text .type-text b.add_group:before, .bot-editor section.actions li h5.add_group:before, .bot-editor ul.nodes > li > div span.add_group.new:before, .bot-editor ul.nodes > li > div label.add_group.new:before, .bot-editor ul.nodes div.add_group.schedule:before, .bot-editor ul.nodes ol.card li.add_group.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.add_group:before, section.user-editor section.info header.add_group:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.add_group:before {
    content: ""; }
  .icon.test:before, .test.form-item-autocomplete.loading-autocomplete:before, table.list-view th.test.on:before, table.list-view th.test.sortable:before, .ui-indicator .test#indicator:before, .search-bar div.test.queries:before, .simulator > header dd.test:before, .p3-layout .menu-pane li.test:before, .chat_list_view #simulator footer.send-type-text .type-text b.test:before, .bot-editor section.actions li h5.test:before, .bot-editor ul.nodes > li > div span.test.new:before, .bot-editor ul.nodes > li > div label.test.new:before, .bot-editor ul.nodes div.test.schedule:before, .bot-editor ul.nodes ol.card li.test.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.test:before, section.user-editor section.info header.test:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.test:before {
    content: ""; }
  .icon.edit:before, .edit.form-item-autocomplete.loading-autocomplete:before, table.list-view th.edit.on:before, table.list-view th.edit.sortable:before, .ui-indicator .edit#indicator:before, .search-bar div.edit.queries:before, .simulator > header dd.edit:before, .p3-layout .menu-pane li.edit:before, .chat_list_view #simulator footer.send-type-text .type-text b.edit:before, .bot-editor section.actions li h5.edit:before, .bot-editor ul.nodes > li > div span.edit.new:before, .bot-editor ul.nodes > li > div label.edit.new:before, .bot-editor ul.nodes div.edit.schedule:before, .bot-editor ul.nodes ol.card li.edit.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.edit:before, section.user-editor section.info header.edit:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.edit:before {
    content: ""; }
  .icon.pencil:before, .pencil.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pencil.on:before, table.list-view th.pencil.sortable:before, .ui-indicator .pencil#indicator:before, .search-bar div.pencil.queries:before, .simulator > header dd.pencil:before, .p3-layout .menu-pane li.pencil:before, .chat_list_view #simulator footer.send-type-text .type-text b.pencil:before, .bot-editor section.actions li h5.pencil:before, .bot-editor ul.nodes > li > div span.pencil.new:before, .bot-editor ul.nodes > li > div label.pencil.new:before, .bot-editor ul.nodes div.pencil.schedule:before, .bot-editor ul.nodes ol.card li.pencil.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.pencil:before, section.user-editor section.info header.pencil:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.pencil:before {
    content: ""; }
  .icon.cube:before, .cube.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cube.on:before, table.list-view th.cube.sortable:before, .ui-indicator .cube#indicator:before, .search-bar div.cube.queries:before, .simulator > header dd.cube:before, .p3-layout .menu-pane li.cube:before, .chat_list_view #simulator footer.send-type-text .type-text b.cube:before, .bot-editor section.actions li h5.cube:before, .bot-editor ul.nodes > li > div span.cube.new:before, .bot-editor ul.nodes > li > div label.cube.new:before, .bot-editor ul.nodes div.cube.schedule:before, .bot-editor ul.nodes ol.card li.cube.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.cube:before, section.user-editor section.info header.cube:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.cube:before {
    content: ""; }
  .icon.home:before, .home.form-item-autocomplete.loading-autocomplete:before, table.list-view th.home.on:before, table.list-view th.home.sortable:before, .ui-indicator .home#indicator:before, .search-bar div.home.queries:before, .simulator > header dd.home:before, .p3-layout .menu-pane li.home:before, .chat_list_view #simulator footer.send-type-text .type-text b.home:before, .bot-editor section.actions li h5.home:before, .bot-editor ul.nodes > li > div span.home.new:before, .bot-editor ul.nodes > li > div label.home.new:before, .bot-editor ul.nodes div.home.schedule:before, .bot-editor ul.nodes ol.card li.home.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.home:before, section.user-editor section.info header.home:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.home:before {
    content: ""; }
  .icon.chats:before, .chats.form-item-autocomplete.loading-autocomplete:before, table.list-view th.chats.on:before, table.list-view th.chats.sortable:before, .ui-indicator .chats#indicator:before, .search-bar div.chats.queries:before, .simulator > header dd.chats:before, .p3-layout .menu-pane li.chats:before, .chat_list_view #simulator footer.send-type-text .type-text b.chats:before, .bot-editor section.actions li h5.chats:before, .bot-editor ul.nodes > li > div span.chats.new:before, .bot-editor ul.nodes > li > div label.chats.new:before, .bot-editor ul.nodes div.chats.schedule:before, .bot-editor ul.nodes ol.card li.chats.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.chats:before, section.user-editor section.info header.chats:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.chats:before {
    content: ""; }
  .icon.msgs:before, .msgs.form-item-autocomplete.loading-autocomplete:before, table.list-view th.msgs.on:before, table.list-view th.msgs.sortable:before, .ui-indicator .msgs#indicator:before, .search-bar div.msgs.queries:before, .simulator > header dd.msgs:before, .p3-layout .menu-pane li.msgs:before, .chat_list_view #simulator footer.send-type-text .type-text b.msgs:before, .bot-editor section.actions li h5.msgs:before, .bot-editor ul.nodes > li > div span.msgs.new:before, .bot-editor ul.nodes > li > div label.msgs.new:before, .bot-editor ul.nodes div.msgs.schedule:before, .bot-editor ul.nodes ol.card li.msgs.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.msgs:before, section.user-editor section.info header.msgs:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.msgs:before {
    content: ""; }
  .icon.users:before, .users.form-item-autocomplete.loading-autocomplete:before, table.list-view th.users.on:before, table.list-view th.users.sortable:before, .ui-indicator .users#indicator:before, .search-bar div.users.queries:before, .simulator > header dd.users:before, .p3-layout .menu-pane li.users:before, .chat_list_view #simulator footer.send-type-text .type-text b.users:before, .bot-editor section.actions li h5.users:before, .bot-editor ul.nodes > li > div span.users.new:before, .bot-editor ul.nodes > li > div label.users.new:before, .bot-editor ul.nodes div.users.schedule:before, .bot-editor ul.nodes ol.card li.users.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.users:before, section.user-editor section.info header.users:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.users:before {
    content: ""; }
  .icon.user:before, .user.form-item-autocomplete.loading-autocomplete:before, table.list-view th.user.on:before, table.list-view th.user.sortable:before, .ui-indicator .user#indicator:before, .search-bar div.user.queries:before, .simulator > header dd.user:before, .p3-layout .menu-pane li.user:before, .chat_list_view #simulator footer.send-type-text .type-text b.user:before, .bot-editor section.actions li h5.user:before, .bot-editor ul.nodes > li > div span.user.new:before, .bot-editor ul.nodes > li > div label.user.new:before, .bot-editor ul.nodes div.user.schedule:before, .bot-editor ul.nodes ol.card li.user.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.user:before, section.user-editor section.info header.user:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.user:before {
    content: ""; }
  .icon.deploy:before, .deploy.form-item-autocomplete.loading-autocomplete:before, table.list-view th.deploy.on:before, table.list-view th.deploy.sortable:before, .ui-indicator .deploy#indicator:before, .search-bar div.deploy.queries:before, .simulator > header dd.deploy:before, .p3-layout .menu-pane li.deploy:before, .chat_list_view #simulator footer.send-type-text .type-text b.deploy:before, .bot-editor section.actions li h5.deploy:before, .bot-editor ul.nodes > li > div span.deploy.new:before, .bot-editor ul.nodes > li > div label.deploy.new:before, .bot-editor ul.nodes div.deploy.schedule:before, .bot-editor ul.nodes ol.card li.deploy.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.deploy:before, section.user-editor section.info header.deploy:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.deploy:before {
    content: ""; }
  .icon.lang:before, .lang.form-item-autocomplete.loading-autocomplete:before, table.list-view th.lang.on:before, table.list-view th.lang.sortable:before, .ui-indicator .lang#indicator:before, .search-bar div.lang.queries:before, .simulator > header dd.lang:before, .p3-layout .menu-pane li.lang:before, .chat_list_view #simulator footer.send-type-text .type-text b.lang:before, .bot-editor section.actions li h5.lang:before, .bot-editor ul.nodes > li > div span.lang.new:before, .bot-editor ul.nodes > li > div label.lang.new:before, .bot-editor ul.nodes div.lang.schedule:before, .bot-editor ul.nodes ol.card li.lang.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.lang:before, section.user-editor section.info header.lang:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.lang:before {
    content: ""; }
  .icon.heart:before, .heart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.heart.on:before, table.list-view th.heart.sortable:before, .ui-indicator .heart#indicator:before, .search-bar div.heart.queries:before, .simulator > header dd.heart:before, .p3-layout .menu-pane li.heart:before, .chat_list_view #simulator footer.send-type-text .type-text b.heart:before, .bot-editor section.actions li h5.heart:before, .bot-editor ul.nodes > li > div span.heart.new:before, .bot-editor ul.nodes > li > div label.heart.new:before, .bot-editor ul.nodes div.heart.schedule:before, .bot-editor ul.nodes ol.card li.heart.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.heart:before, section.user-editor section.info header.heart:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.heart:before {
    content: ""; }
  .icon.users:before, .users.form-item-autocomplete.loading-autocomplete:before, table.list-view th.users.on:before, table.list-view th.users.sortable:before, .ui-indicator .users#indicator:before, .search-bar div.users.queries:before, .simulator > header dd.users:before, .p3-layout .menu-pane li.users:before, .chat_list_view #simulator footer.send-type-text .type-text b.users:before, .bot-editor section.actions li h5.users:before, .bot-editor ul.nodes > li > div span.users.new:before, .bot-editor ul.nodes > li > div label.users.new:before, .bot-editor ul.nodes div.users.schedule:before, .bot-editor ul.nodes ol.card li.users.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.users:before, section.user-editor section.info header.users:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.users:before {
    content: ""; }
  .icon.swipe:before, .swipe.form-item-autocomplete.loading-autocomplete:before, table.list-view th.swipe.on:before, table.list-view th.swipe.sortable:before, .ui-indicator .swipe#indicator:before, .search-bar div.swipe.queries:before, .simulator > header dd.swipe:before, .p3-layout .menu-pane li.swipe:before, .chat_list_view #simulator footer.send-type-text .type-text b.swipe:before, .bot-editor section.actions li h5.swipe:before, .bot-editor ul.nodes > li > div span.swipe.new:before, .bot-editor ul.nodes > li > div label.swipe.new:before, .bot-editor ul.nodes div.swipe.schedule:before, .bot-editor ul.nodes ol.card li.swipe.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.swipe:before, section.user-editor section.info header.swipe:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.swipe:before {
    content: ""; }
  .icon.puzzle:before, .puzzle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.puzzle.on:before, table.list-view th.puzzle.sortable:before, .ui-indicator .puzzle#indicator:before, .search-bar div.puzzle.queries:before, .simulator > header dd.puzzle:before, .p3-layout .menu-pane li.puzzle:before, .chat_list_view #simulator footer.send-type-text .type-text b.puzzle:before, .bot-editor section.actions li h5.puzzle:before, .bot-editor ul.nodes > li > div span.puzzle.new:before, .bot-editor ul.nodes > li > div label.puzzle.new:before, .bot-editor ul.nodes div.puzzle.schedule:before, .bot-editor ul.nodes ol.card li.puzzle.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.puzzle:before, section.user-editor section.info header.puzzle:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.puzzle:before {
    content: ""; }
  .icon.random:before, .random.form-item-autocomplete.loading-autocomplete:before, table.list-view th.random.on:before, table.list-view th.random.sortable:before, .ui-indicator .random#indicator:before, .search-bar div.random.queries:before, .simulator > header dd.random:before, .p3-layout .menu-pane li.random:before, .chat_list_view #simulator footer.send-type-text .type-text b.random:before, .bot-editor section.actions li h5.random:before, .bot-editor ul.nodes > li > div span.random.new:before, .bot-editor ul.nodes > li > div label.random.new:before, .bot-editor ul.nodes div.random.schedule:before, .bot-editor ul.nodes ol.card li.random.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.random:before, section.user-editor section.info header.random:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.random:before {
    content: ""; }
  .icon.podcast:before, .podcast.form-item-autocomplete.loading-autocomplete:before, table.list-view th.podcast.on:before, table.list-view th.podcast.sortable:before, .ui-indicator .podcast#indicator:before, .search-bar div.podcast.queries:before, .simulator > header dd.podcast:before, .p3-layout .menu-pane li.podcast:before, .chat_list_view #simulator footer.send-type-text .type-text b.podcast:before, .bot-editor section.actions li h5.podcast:before, .bot-editor ul.nodes > li > div span.podcast.new:before, .bot-editor ul.nodes > li > div label.podcast.new:before, .bot-editor ul.nodes div.podcast.schedule:before, .bot-editor ul.nodes ol.card li.podcast.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.podcast:before, section.user-editor section.info header.podcast:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.podcast:before {
    content: ""; }
  .icon.history:before, .history.form-item-autocomplete.loading-autocomplete:before, table.list-view th.history.on:before, table.list-view th.history.sortable:before, .ui-indicator .history#indicator:before, .search-bar div.history.queries:before, .simulator > header dd.history:before, .p3-layout .menu-pane li.history:before, .chat_list_view #simulator footer.send-type-text .type-text b.history:before, .bot-editor section.actions li h5.history:before, .bot-editor ul.nodes > li > div span.history.new:before, .bot-editor ul.nodes > li > div label.history.new:before, .bot-editor ul.nodes div.history.schedule:before, .bot-editor ul.nodes ol.card li.history.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.history:before, section.user-editor section.info header.history:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.history:before {
    content: ""; }
  .icon.hammer:before, .hammer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.hammer.on:before, table.list-view th.hammer.sortable:before, .ui-indicator .hammer#indicator:before, .search-bar div.hammer.queries:before, .simulator > header dd.hammer:before, .p3-layout .menu-pane li.hammer:before, .chat_list_view #simulator footer.send-type-text .type-text b.hammer:before, .bot-editor section.actions li h5.hammer:before, .bot-editor ul.nodes > li > div span.hammer.new:before, .bot-editor ul.nodes > li > div label.hammer.new:before, .bot-editor ul.nodes div.hammer.schedule:before, .bot-editor ul.nodes ol.card li.hammer.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.hammer:before, section.user-editor section.info header.hammer:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.hammer:before {
    content: ""; }
  .icon.slack:before, .slack.form-item-autocomplete.loading-autocomplete:before, table.list-view th.slack.on:before, table.list-view th.slack.sortable:before, .ui-indicator .slack#indicator:before, .search-bar div.slack.queries:before, .simulator > header dd.slack:before, .p3-layout .menu-pane li.slack:before, .chat_list_view #simulator footer.send-type-text .type-text b.slack:before, .bot-editor section.actions li h5.slack:before, .bot-editor ul.nodes > li > div span.slack.new:before, .bot-editor ul.nodes > li > div label.slack.new:before, .bot-editor ul.nodes div.slack.schedule:before, .bot-editor ul.nodes ol.card li.slack.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.slack:before, section.user-editor section.info header.slack:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.slack:before {
    content: ""; }
  .icon.filter:before, .filter.form-item-autocomplete.loading-autocomplete:before, table.list-view th.filter.on:before, table.list-view th.filter.sortable:before, .ui-indicator .filter#indicator:before, .search-bar div.filter.queries:before, .simulator > header dd.filter:before, .p3-layout .menu-pane li.filter:before, .chat_list_view #simulator footer.send-type-text .type-text b.filter:before, .bot-editor section.actions li h5.filter:before, .bot-editor ul.nodes > li > div span.filter.new:before, .bot-editor ul.nodes > li > div label.filter.new:before, .bot-editor ul.nodes div.filter.schedule:before, .bot-editor ul.nodes ol.card li.filter.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.filter:before, section.user-editor section.info header.filter:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.filter:before {
    content: ""; }
  .icon.search:before, .search.form-item-autocomplete.loading-autocomplete:before, table.list-view th.search.on:before, table.list-view th.search.sortable:before, .ui-indicator .search#indicator:before, .search-bar div.queries:before, .simulator > header dd.search:before, .p3-layout .menu-pane li.search:before, .chat_list_view #simulator footer.send-type-text .type-text b.search:before, .bot-editor section.actions li h5.search:before, .bot-editor ul.nodes > li > div span.search.new:before, .bot-editor ul.nodes > li > div label.search.new:before, .bot-editor ul.nodes div.search.schedule:before, .bot-editor ul.nodes ol.card li.search.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.search:before, section.user-editor section.info header.search:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.search:before {
    content: ""; }
  .icon.email:before, .email.form-item-autocomplete.loading-autocomplete:before, table.list-view th.email.on:before, table.list-view th.email.sortable:before, .ui-indicator .email#indicator:before, .search-bar div.email.queries:before, .simulator > header dd.email:before, .p3-layout .menu-pane li.email:before, .chat_list_view #simulator footer.send-type-text .type-text b.email:before, .bot-editor section.actions li h5.email:before, .bot-editor ul.nodes > li > div span.email.new:before, .bot-editor ul.nodes > li > div label.email.new:before, .bot-editor ul.nodes div.email.schedule:before, .bot-editor ul.nodes ol.card li.email.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.email:before, section.user-editor section.info header.email:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.email:before {
    content: ""; }
  .icon.send:before, .send.form-item-autocomplete.loading-autocomplete:before, table.list-view th.send.on:before, table.list-view th.send.sortable:before, .ui-indicator .send#indicator:before, .search-bar div.send.queries:before, .simulator > header dd.send:before, .p3-layout .menu-pane li.send:before, .chat_list_view #simulator footer.send-type-text .type-text b.send:before, .bot-editor section.actions li h5.send:before, .bot-editor ul.nodes > li > div span.send.new:before, .bot-editor ul.nodes > li > div label.send.new:before, .bot-editor ul.nodes div.send.schedule:before, .bot-editor ul.nodes ol.card li.send.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.send:before, section.user-editor section.info header.send:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.send:before {
    content: ""; }
  .icon.copy:before, .copy.form-item-autocomplete.loading-autocomplete:before, table.list-view th.copy.on:before, table.list-view th.copy.sortable:before, .ui-indicator .copy#indicator:before, .search-bar div.copy.queries:before, .simulator > header dd.copy:before, .p3-layout .menu-pane li.copy:before, .chat_list_view #simulator footer.send-type-text .type-text b.copy:before, .bot-editor section.actions li h5.copy:before, .bot-editor ul.nodes > li > div span.copy.new:before, .bot-editor ul.nodes > li > div label.copy.new:before, .bot-editor ul.nodes div.copy.schedule:before, .bot-editor ul.nodes ol.card li.copy.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.copy:before, section.user-editor section.info header.copy:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.copy:before {
    content: ""; }
  .icon.plus-square:before, .plus-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-square.on:before, table.list-view th.plus-square.sortable:before, .ui-indicator .plus-square#indicator:before, .search-bar div.plus-square.queries:before, .simulator > header dd.plus-square:before, .p3-layout .menu-pane li.plus-square:before, .chat_list_view #simulator footer.send-type-text .type-text b.plus-square:before, .bot-editor section.actions li h5.plus-square:before, .bot-editor ul.nodes > li > div span.plus-square.new:before, .bot-editor ul.nodes > li > div label.plus-square.new:before, .bot-editor ul.nodes div.plus-square.schedule:before, .bot-editor ul.nodes ol.card li.plus-square.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.plus-square:before, section.user-editor section.info header.plus-square:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-square:before {
    content: ""; }
  .icon.minus-square:before, .minus-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.minus-square.on:before, table.list-view th.minus-square.sortable:before, .ui-indicator .minus-square#indicator:before, .search-bar div.minus-square.queries:before, .simulator > header dd.minus-square:before, .p3-layout .menu-pane li.minus-square:before, .chat_list_view #simulator footer.send-type-text .type-text b.minus-square:before, .bot-editor section.actions li h5.minus-square:before, .bot-editor ul.nodes > li > div span.minus-square.new:before, .bot-editor ul.nodes > li > div label.minus-square.new:before, .bot-editor ul.nodes div.minus-square.schedule:before, .bot-editor ul.nodes ol.card li.minus-square.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.minus-square:before, section.user-editor section.info header.minus-square:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.minus-square:before {
    content: ""; }
  .icon.file:before, .file.form-item-autocomplete.loading-autocomplete:before, table.list-view th.file.on:before, table.list-view th.file.sortable:before, .ui-indicator .file#indicator:before, .search-bar div.file.queries:before, .simulator > header dd.file:before, .p3-layout .menu-pane li.file:before, .chat_list_view #simulator footer.send-type-text .type-text b.file:before, .bot-editor section.actions li h5.file:before, .bot-editor ul.nodes > li > div span.file.new:before, .bot-editor ul.nodes > li > div label.file.new:before, .bot-editor ul.nodes div.file.schedule:before, .bot-editor ul.nodes ol.card li.file.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.file:before, section.user-editor section.info header.file:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.file:before, .icon.files:before, .files.form-item-autocomplete.loading-autocomplete:before, table.list-view th.files.on:before, table.list-view th.files.sortable:before, .ui-indicator .files#indicator:before, .search-bar div.files.queries:before, .simulator > header dd.files:before, .p3-layout .menu-pane li.files:before, .chat_list_view #simulator footer.send-type-text .type-text b.files:before, .bot-editor section.actions li h5.files:before, .bot-editor ul.nodes > li > div span.files.new:before, .bot-editor ul.nodes > li > div label.files.new:before, .bot-editor ul.nodes div.files.schedule:before, .bot-editor ul.nodes ol.card li.files.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.files:before, section.user-editor section.info header.files:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.files:before {
    content: ""; }
  .icon.excel:before, .excel.form-item-autocomplete.loading-autocomplete:before, table.list-view th.excel.on:before, table.list-view th.excel.sortable:before, .ui-indicator .excel#indicator:before, .search-bar div.excel.queries:before, .simulator > header dd.excel:before, .p3-layout .menu-pane li.excel:before, .chat_list_view #simulator footer.send-type-text .type-text b.excel:before, .bot-editor section.actions li h5.excel:before, .bot-editor ul.nodes > li > div span.excel.new:before, .bot-editor ul.nodes > li > div label.excel.new:before, .bot-editor ul.nodes div.excel.schedule:before, .bot-editor ul.nodes ol.card li.excel.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.excel:before, section.user-editor section.info header.excel:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.excel:before {
    content: ""; }
  .icon.googlespreadsheet:before, .googlespreadsheet.form-item-autocomplete.loading-autocomplete:before, table.list-view th.googlespreadsheet.on:before, table.list-view th.googlespreadsheet.sortable:before, .ui-indicator .googlespreadsheet#indicator:before, .search-bar div.googlespreadsheet.queries:before, .simulator > header dd.googlespreadsheet:before, .p3-layout .menu-pane li.googlespreadsheet:before, .chat_list_view #simulator footer.send-type-text .type-text b.googlespreadsheet:before, .bot-editor section.actions li h5.googlespreadsheet:before, .bot-editor ul.nodes > li > div span.googlespreadsheet.new:before, .bot-editor ul.nodes > li > div label.googlespreadsheet.new:before, .bot-editor ul.nodes div.googlespreadsheet.schedule:before, .bot-editor ul.nodes ol.card li.googlespreadsheet.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.googlespreadsheet:before, section.user-editor section.info header.googlespreadsheet:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.googlespreadsheet:before {
    content: "";
    background-image: url(/images/ico_googlespreadsheet.svg); }
  .icon.csv:before, .csv.form-item-autocomplete.loading-autocomplete:before, table.list-view th.csv.on:before, table.list-view th.csv.sortable:before, .ui-indicator .csv#indicator:before, .search-bar div.csv.queries:before, .simulator > header dd.csv:before, .p3-layout .menu-pane li.csv:before, .chat_list_view #simulator footer.send-type-text .type-text b.csv:before, .bot-editor section.actions li h5.csv:before, .bot-editor ul.nodes > li > div span.csv.new:before, .bot-editor ul.nodes > li > div label.csv.new:before, .bot-editor ul.nodes div.csv.schedule:before, .bot-editor ul.nodes ol.card li.csv.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.csv:before, section.user-editor section.info header.csv:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.csv:before {
    content: "";
    background-image: url(/images/ico_csv.svg); }
  .icon.file-dark:before, .file-dark.form-item-autocomplete.loading-autocomplete:before, table.list-view th.file-dark.on:before, table.list-view th.file-dark.sortable:before, .ui-indicator .file-dark#indicator:before, .search-bar div.file-dark.queries:before, .simulator > header dd.file-dark:before, .p3-layout .menu-pane li.file-dark:before, .chat_list_view #simulator footer.send-type-text .type-text b.file-dark:before, .bot-editor section.actions li h5.file-dark:before, .bot-editor ul.nodes > li > div span.file-dark.new:before, .bot-editor ul.nodes > li > div label.file-dark.new:before, .bot-editor ul.nodes div.file-dark.schedule:before, .bot-editor ul.nodes ol.card li.file-dark.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.file-dark:before, section.user-editor section.info header.file-dark:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.file-dark:before {
    content: ""; }
  .icon.pdf:before, .pdf.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pdf.on:before, table.list-view th.pdf.sortable:before, .ui-indicator .pdf#indicator:before, .search-bar div.pdf.queries:before, .simulator > header dd.pdf:before, .p3-layout .menu-pane li.pdf:before, .chat_list_view #simulator footer.send-type-text .type-text b.pdf:before, .bot-editor section.actions li h5.pdf:before, .bot-editor ul.nodes > li > div span.pdf.new:before, .bot-editor ul.nodes > li > div label.pdf.new:before, .bot-editor ul.nodes div.pdf.schedule:before, .bot-editor ul.nodes ol.card li.pdf.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.pdf:before, section.user-editor section.info header.pdf:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.pdf:before {
    content: ""; }
  .icon.link:before, .link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.link.on:before, table.list-view th.link.sortable:before, .ui-indicator .link#indicator:before, .search-bar div.link.queries:before, .simulator > header dd.link:before, .p3-layout .menu-pane li.link:before, .chat_list_view #simulator footer.send-type-text .type-text b.link:before, .bot-editor section.actions li h5.link:before, .bot-editor ul.nodes > li > div span.link.new:before, .bot-editor ul.nodes > li > div label.link.new:before, .bot-editor ul.nodes div.link.schedule:before, .bot-editor ul.nodes ol.card li.link.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.link:before, section.user-editor section.info header.link:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.link:before {
    content: ""; }
  .icon.signout:before, .signout.form-item-autocomplete.loading-autocomplete:before, table.list-view th.signout.on:before, table.list-view th.signout.sortable:before, .ui-indicator .signout#indicator:before, .search-bar div.signout.queries:before, .simulator > header dd.signout:before, .p3-layout .menu-pane li.signout:before, .chat_list_view #simulator footer.send-type-text .type-text b.signout:before, .bot-editor section.actions li h5.signout:before, .bot-editor ul.nodes > li > div span.signout.new:before, .bot-editor ul.nodes > li > div label.signout.new:before, .bot-editor ul.nodes div.signout.schedule:before, .bot-editor ul.nodes ol.card li.signout.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.signout:before, section.user-editor section.info header.signout:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.signout:before {
    content: ""; }
  .icon.expand:before, .expand.form-item-autocomplete.loading-autocomplete:before, table.list-view th.expand.on:before, table.list-view th.expand.sortable:before, .ui-indicator .expand#indicator:before, .search-bar div.expand.queries:before, .simulator > header dd.expand:before, .p3-layout .menu-pane li.expand:before, .chat_list_view #simulator footer.send-type-text .type-text b.expand:before, .bot-editor section.actions li h5.expand:before, .bot-editor ul.nodes > li > div span.expand.new:before, .bot-editor ul.nodes > li > div label.expand.new:before, .bot-editor ul.nodes div.expand.schedule:before, .bot-editor ul.nodes ol.card li.expand.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.expand:before, section.user-editor section.info header.expand:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.expand:before {
    content: ""; }
  .icon.close:before, .close.form-item-autocomplete.loading-autocomplete:before, table.list-view th.close.on:before, table.list-view th.close.sortable:before, .ui-indicator .close#indicator:before, .search-bar div.close.queries:before, .simulator > header dd.close:before, .p3-layout .menu-pane li.close:before, .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .bot-editor section.actions li h5.close:before, .bot-editor ul.nodes > li > div span.close.new:before, .bot-editor ul.nodes > li > div label.close.new:before, .bot-editor ul.nodes div.close.schedule:before, .bot-editor ul.nodes ol.card li.close.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.close:before, section.user-editor section.info header.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before {
    content: "";
    background-image: url(/images/ico_close.svg); }
  .icon.map:before, .map.form-item-autocomplete.loading-autocomplete:before, table.list-view th.map.on:before, table.list-view th.map.sortable:before, .ui-indicator .map#indicator:before, .search-bar div.map.queries:before, .simulator > header dd.map:before, .p3-layout .menu-pane li.map:before, .chat_list_view #simulator footer.send-type-text .type-text b.map:before, .bot-editor section.actions li h5.map:before, .bot-editor ul.nodes > li > div span.map.new:before, .bot-editor ul.nodes > li > div label.map.new:before, .bot-editor ul.nodes div.map.schedule:before, .bot-editor ul.nodes ol.card li.map.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.map:before, section.user-editor section.info header.map:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.map:before {
    content: ""; }
  .icon.rss:before, .rss.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rss.on:before, table.list-view th.rss.sortable:before, .ui-indicator .rss#indicator:before, .search-bar div.rss.queries:before, .simulator > header dd.rss:before, .p3-layout .menu-pane li.rss:before, .chat_list_view #simulator footer.send-type-text .type-text b.rss:before, .bot-editor section.actions li h5.rss:before, .bot-editor ul.nodes > li > div span.rss.new:before, .bot-editor ul.nodes > li > div label.rss.new:before, .bot-editor ul.nodes div.rss.schedule:before, .bot-editor ul.nodes ol.card li.rss.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rss:before, section.user-editor section.info header.rss:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rss:before {
    content: ""; }
  .icon.timeline:before, .timeline.form-item-autocomplete.loading-autocomplete:before, table.list-view th.timeline.on:before, table.list-view th.timeline.sortable:before, .ui-indicator .timeline#indicator:before, .search-bar div.timeline.queries:before, .simulator > header dd.timeline:before, .p3-layout .menu-pane li.timeline:before, .chat_list_view #simulator footer.send-type-text .type-text b.timeline:before, .bot-editor section.actions li h5.timeline:before, .bot-editor ul.nodes > li > div span.timeline.new:before, .bot-editor ul.nodes > li > div label.timeline.new:before, .bot-editor ul.nodes div.timeline.schedule:before, .bot-editor ul.nodes ol.card li.timeline.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.timeline:before, section.user-editor section.info header.timeline:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.timeline:before {
    content: ""; }
  .icon.check-circle:before, .check-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.check-circle.on:before, table.list-view th.check-circle.sortable:before, .ui-indicator .check-circle#indicator:before, .search-bar div.check-circle.queries:before, .simulator > header dd.check-circle:before, .p3-layout .menu-pane li.check-circle:before, .chat_list_view #simulator footer.send-type-text .type-text b.check-circle:before, .bot-editor section.actions li h5.check-circle:before, .bot-editor ul.nodes > li > div span.check-circle.new:before, .bot-editor ul.nodes > li > div label.check-circle.new:before, .bot-editor ul.nodes div.check-circle.schedule:before, .bot-editor ul.nodes ol.card li.check-circle.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.check-circle:before, section.user-editor section.info header.check-circle:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.check-circle:before {
    content: ""; }
  .icon.redirect, .redirect.form-item-autocomplete.loading-autocomplete:before, table.list-view th.redirect.on, table.list-view th.redirect.sortable, .ui-indicator .redirect#indicator:before, .search-bar div.redirect.queries, .simulator > header dd.redirect, .p3-layout .menu-pane li.redirect, .chat_list_view #simulator footer.send-type-text .type-text b.redirect:before, .bot-editor section.actions li h5.redirect, .bot-editor ul.nodes > li > div span.redirect.new, .bot-editor ul.nodes > li > div label.redirect.new, .bot-editor ul.nodes div.redirect.schedule, .bot-editor ul.nodes ol.card li.redirect.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.redirect, section.user-editor section.info header.redirect, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.redirect:before {
    content: ""; }
  .icon.form, .form.form-item-autocomplete.loading-autocomplete:before, table.list-view th.form.on, table.list-view th.form.sortable, .ui-indicator .form#indicator:before, .search-bar div.form.queries, .simulator > header dd.form, .p3-layout .menu-pane li.form, .chat_list_view #simulator footer.send-type-text .type-text b.form:before, .bot-editor section.actions li h5.form, .bot-editor ul.nodes > li > div span.form.new, .bot-editor ul.nodes > li > div label.form.new, .bot-editor ul.nodes div.form.schedule, .bot-editor ul.nodes ol.card li.form.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.form, section.user-editor section.info header.form, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.form:before {
    content: ""; }
  .icon.cog:before, .cog.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cog.on:before, table.list-view th.cog.sortable:before, .ui-indicator .cog#indicator:before, .search-bar div.cog.queries:before, .simulator > header dd.cog:before, .p3-layout .menu-pane li.cog:before, .user_list_view section.center-pane div.groups label:before, .chat_list_view #simulator footer.send-type-text .type-text b.cog:before, .bot-editor section.actions li h5.cog:before, .bot-editor ul.nodes > li > div span.cog.new:before, .bot-editor ul.nodes > li > div label.cog.new:before, .bot-editor ul.nodes div.cog.schedule:before, .bot-editor ul.nodes ol.card li.cog.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.cog:before, section.user-editor section.info header.cog:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.cog:before {
    content: ""; }
  .icon.exchange:before, .exchange.form-item-autocomplete.loading-autocomplete:before, table.list-view th.exchange.on:before, table.list-view th.exchange.sortable:before, .ui-indicator .exchange#indicator:before, .search-bar div.exchange.queries:before, .simulator > header dd.exchange:before, .p3-layout .menu-pane li.exchange:before, .chat_list_view #simulator footer.send-type-text .type-text b.exchange:before, .bot-editor section.actions li h5.exchange:before, .bot-editor ul.nodes > li > div span.exchange.new:before, .bot-editor ul.nodes > li > div label.exchange.new:before, .bot-editor ul.nodes div.exchange.schedule:before, .bot-editor ul.nodes ol.card li.exchange.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.exchange:before, section.user-editor section.info header.exchange:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.exchange:before {
    content: ""; }
  .icon.menu:before, .menu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.menu.on:before, table.list-view th.menu.sortable:before, .ui-indicator .menu#indicator:before, .search-bar div.menu.queries:before, .simulator > header dd.menu:before, .p3-layout .menu-pane li.menu:before, .chat_list_view #simulator footer.send-type-text .type-text b.menu:before, .bot-editor section.actions li h5.menu:before, .bot-editor ul.nodes > li > div span.menu.new:before, .bot-editor ul.nodes > li > div label.menu.new:before, .bot-editor ul.nodes div.menu.schedule:before, .bot-editor ul.nodes ol.card li.menu.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.menu:before, section.user-editor section.info header.menu:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.menu:before {
    content: ""; }
  .icon.clock:before, .clock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.clock.on:before, table.list-view th.clock.sortable:before, .ui-indicator .clock#indicator:before, .search-bar div.clock.queries:before, .simulator > header dd.clock:before, .p3-layout .menu-pane li.clock:before, .chat_list_view #simulator footer.send-type-text .type-text b.clock:before, .bot-editor section.actions li h5.clock:before, .bot-editor ul.nodes > li > div span.clock.new:before, .bot-editor ul.nodes > li > div label.clock.new:before, .bot-editor ul.nodes div.clock.schedule:before, .bot-editor ul.nodes ol.card li.clock.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.clock:before, section.user-editor section.info header.clock:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.clock:before {
    content: ""; }
  .icon.tags:before, .tags.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tags.on:before, table.list-view th.tags.sortable:before, .ui-indicator .tags#indicator:before, .search-bar div.tags.queries:before, .simulator > header dd.tags:before, .p3-layout .menu-pane li.tags:before, .chat_list_view #simulator footer.send-type-text .type-text b.tags:before, .bot-editor section.actions li h5.tags:before, .bot-editor ul.nodes > li > div span.tags.new:before, .bot-editor ul.nodes > li > div label.tags.new:before, .bot-editor ul.nodes div.tags.schedule:before, .bot-editor ul.nodes ol.card li.tags.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.tags:before, section.user-editor section.info header.tags:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tags:before {
    content: ""; }
  .icon.webhook:before, .webhook.form-item-autocomplete.loading-autocomplete:before, table.list-view th.webhook.on:before, table.list-view th.webhook.sortable:before, .ui-indicator .webhook#indicator:before, .search-bar div.webhook.queries:before, .simulator > header dd.webhook:before, .p3-layout .menu-pane li.webhook:before, .chat_list_view #simulator footer.send-type-text .type-text b.webhook:before, .bot-editor section.actions li h5.webhook:before, .bot-editor ul.nodes > li > div span.webhook.new:before, .bot-editor ul.nodes > li > div label.webhook.new:before, .bot-editor ul.nodes div.webhook.schedule:before, .bot-editor ul.nodes ol.card li.webhook.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.webhook:before, section.user-editor section.info header.webhook:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.webhook:before {
    content: ""; }
  .icon.lock:before, .lock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.lock.on:before, table.list-view th.lock.sortable:before, .ui-indicator .lock#indicator:before, .search-bar div.lock.queries:before, .simulator > header dd.lock:before, .p3-layout .menu-pane li.lock:before, .chat_list_view #simulator footer.send-type-text .type-text b.lock:before, .bot-editor section.actions li h5.lock:before, .bot-editor ul.nodes > li > div span.lock.new:before, .bot-editor ul.nodes > li > div label.lock.new:before, .bot-editor ul.nodes div.lock.schedule:before, .bot-editor ul.nodes ol.card li.lock.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.lock:before, section.user-editor section.info header.lock:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.lock:before {
    content: ""; }
  .icon.unlock:before, .unlock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.unlock.on:before, table.list-view th.unlock.sortable:before, .ui-indicator .unlock#indicator:before, .search-bar div.unlock.queries:before, .simulator > header dd.unlock:before, .p3-layout .menu-pane li.unlock:before, .chat_list_view #simulator footer.send-type-text .type-text b.unlock:before, .bot-editor section.actions li h5.unlock:before, .bot-editor ul.nodes > li > div span.unlock.new:before, .bot-editor ul.nodes > li > div label.unlock.new:before, .bot-editor ul.nodes div.unlock.schedule:before, .bot-editor ul.nodes ol.card li.unlock.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.unlock:before, section.user-editor section.info header.unlock:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.unlock:before {
    content: ""; }
  .icon.link:before, .link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.link.on:before, table.list-view th.link.sortable:before, .ui-indicator .link#indicator:before, .search-bar div.link.queries:before, .simulator > header dd.link:before, .p3-layout .menu-pane li.link:before, .chat_list_view #simulator footer.send-type-text .type-text b.link:before, .bot-editor section.actions li h5.link:before, .bot-editor ul.nodes > li > div span.link.new:before, .bot-editor ul.nodes > li > div label.link.new:before, .bot-editor ul.nodes div.link.schedule:before, .bot-editor ul.nodes ol.card li.link.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.link:before, section.user-editor section.info header.link:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.link:before {
    content: ""; }
  .icon.camera:before, .camera.form-item-autocomplete.loading-autocomplete:before, table.list-view th.camera.on:before, table.list-view th.camera.sortable:before, .ui-indicator .camera#indicator:before, .search-bar div.camera.queries:before, .simulator > header dd.camera:before, .p3-layout .menu-pane li.camera:before, .chat_list_view #simulator footer.send-type-text .type-text b.camera:before, .bot-editor section.actions li h5.camera:before, .bot-editor ul.nodes > li > div span.camera.new:before, .bot-editor ul.nodes > li > div label.camera.new:before, .bot-editor ul.nodes div.camera.schedule:before, .bot-editor ul.nodes ol.card li.camera.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.camera:before, section.user-editor section.info header.camera:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.camera:before {
    content: ""; }
  .icon.video:before, .video.form-item-autocomplete.loading-autocomplete:before, table.list-view th.video.on:before, table.list-view th.video.sortable:before, .ui-indicator .video#indicator:before, .search-bar div.video.queries:before, .simulator > header dd.video:before, .p3-layout .menu-pane li.video:before, .chat_list_view #simulator footer.send-type-text .type-text b.video:before, .bot-editor section.actions li h5.video:before, .bot-editor ul.nodes > li > div span.video.new:before, .bot-editor ul.nodes > li > div label.video.new:before, .bot-editor ul.nodes div.video.schedule:before, .bot-editor ul.nodes ol.card li.video.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.video:before, section.user-editor section.info header.video:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.video:before {
    content: ""; }
  .icon.share:before, .share.form-item-autocomplete.loading-autocomplete:before, table.list-view th.share.on:before, table.list-view th.share.sortable:before, .ui-indicator .share#indicator:before, .search-bar div.share.queries:before, .simulator > header dd.share:before, .p3-layout .menu-pane li.share:before, .chat_list_view #simulator footer.send-type-text .type-text b.share:before, .bot-editor section.actions li h5.share:before, .bot-editor ul.nodes > li > div span.share.new:before, .bot-editor ul.nodes > li > div label.share.new:before, .bot-editor ul.nodes div.share.schedule:before, .bot-editor ul.nodes ol.card li.share.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.share:before, section.user-editor section.info header.share:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.share:before {
    content: ""; }
  .icon.line-share:before, .line-share.form-item-autocomplete.loading-autocomplete:before, table.list-view th.line-share.on:before, table.list-view th.line-share.sortable:before, .ui-indicator .line-share#indicator:before, .search-bar div.line-share.queries:before, .simulator > header dd.line-share:before, .p3-layout .menu-pane li.line-share:before, .chat_list_view #simulator footer.send-type-text .type-text b.line-share:before, .bot-editor section.actions li h5.line-share:before, .bot-editor ul.nodes > li > div span.line-share.new:before, .bot-editor ul.nodes > li > div label.line-share.new:before, .bot-editor ul.nodes div.line-share.schedule:before, .bot-editor ul.nodes ol.card li.line-share.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.line-share:before, section.user-editor section.info header.line-share:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.line-share:before {
    content: ""; }
  .icon.checkbox:before, .checkbox.form-item-autocomplete.loading-autocomplete:before, table.list-view th.checkbox.on:before, table.list-view th.checkbox.sortable:before, .ui-indicator .checkbox#indicator:before, .search-bar div.checkbox.queries:before, .simulator > header dd.checkbox:before, .p3-layout .menu-pane li.checkbox:before, .chat_list_view #simulator footer.send-type-text .type-text b.checkbox:before, .bot-editor section.actions li h5.checkbox:before, .bot-editor ul.nodes > li > div span.checkbox.new:before, .bot-editor ul.nodes > li > div label.checkbox.new:before, .bot-editor ul.nodes div.checkbox.schedule:before, .bot-editor ul.nodes ol.card li.checkbox.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.checkbox:before, section.user-editor section.info header.checkbox:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.checkbox:before {
    content: "";
    font-weight: solid; }
  .icon.tasklist:before, .tasklist.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tasklist.on:before, table.list-view th.tasklist.sortable:before, .ui-indicator .tasklist#indicator:before, .search-bar div.tasklist.queries:before, .simulator > header dd.tasklist:before, .p3-layout .menu-pane li.tasklist:before, .chat_list_view #simulator footer.send-type-text .type-text b.tasklist:before, .bot-editor section.actions li h5.tasklist:before, .bot-editor ul.nodes > li > div span.tasklist.new:before, .bot-editor ul.nodes > li > div label.tasklist.new:before, .bot-editor ul.nodes div.tasklist.schedule:before, .bot-editor ul.nodes ol.card li.tasklist.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.tasklist:before, section.user-editor section.info header.tasklist:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tasklist:before {
    content: ""; }
  .icon.mytasklist:before, .mytasklist.form-item-autocomplete.loading-autocomplete:before, table.list-view th.mytasklist.on:before, table.list-view th.mytasklist.sortable:before, .ui-indicator .mytasklist#indicator:before, .search-bar div.mytasklist.queries:before, .simulator > header dd.mytasklist:before, .p3-layout .menu-pane li.mytasklist:before, .chat_list_view #simulator footer.send-type-text .type-text b.mytasklist:before, .bot-editor section.actions li h5.mytasklist:before, .bot-editor ul.nodes > li > div span.mytasklist.new:before, .bot-editor ul.nodes > li > div label.mytasklist.new:before, .bot-editor ul.nodes div.mytasklist.schedule:before, .bot-editor ul.nodes ol.card li.mytasklist.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.mytasklist:before, section.user-editor section.info header.mytasklist:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.mytasklist:before {
    content: ""; }
  .icon.radio:before, .radio.form-item-autocomplete.loading-autocomplete:before, table.list-view th.radio.on:before, table.list-view th.radio.sortable:before, .ui-indicator .radio#indicator:before, .search-bar div.radio.queries:before, .simulator > header dd.radio:before, .p3-layout .menu-pane li.radio:before, .chat_list_view #simulator footer.send-type-text .type-text b.radio:before, .bot-editor section.actions li h5.radio:before, .bot-editor ul.nodes > li > div span.radio.new:before, .bot-editor ul.nodes > li > div label.radio.new:before, .bot-editor ul.nodes div.radio.schedule:before, .bot-editor ul.nodes ol.card li.radio.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.radio:before, section.user-editor section.info header.radio:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.radio:before {
    content: ""; }
  .icon.rms:before, .rms.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rms.on:before, table.list-view th.rms.sortable:before, .ui-indicator .rms#indicator:before, .search-bar div.rms.queries:before, .simulator > header dd.rms:before, .p3-layout .menu-pane li.rms:before, .chat_list_view #simulator footer.send-type-text .type-text b.rms:before, .bot-editor section.actions li h5.rms:before, .bot-editor ul.nodes > li > div span.rms.new:before, .bot-editor ul.nodes > li > div label.rms.new:before, .bot-editor ul.nodes div.rms.schedule:before, .bot-editor ul.nodes ol.card li.rms.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rms:before, section.user-editor section.info header.rms:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rms:before {
    content: ""; }
  .icon.calendar:before, .calendar.form-item-autocomplete.loading-autocomplete:before, table.list-view th.calendar.on:before, table.list-view th.calendar.sortable:before, .ui-indicator .calendar#indicator:before, .search-bar div.calendar.queries:before, .simulator > header dd.calendar:before, .p3-layout .menu-pane li.calendar:before, .chat_list_view #simulator footer.send-type-text .type-text b.calendar:before, .bot-editor section.actions li h5.calendar:before, .bot-editor ul.nodes > li > div span.calendar.new:before, .bot-editor ul.nodes > li > div label.calendar.new:before, .bot-editor ul.nodes div.calendar.schedule:before, .bot-editor ul.nodes ol.card li.calendar.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.calendar:before, section.user-editor section.info header.calendar:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.calendar:before {
    content: ""; }
  .icon.calendar-check:before, .calendar-check.form-item-autocomplete.loading-autocomplete:before, table.list-view th.calendar-check.on:before, table.list-view th.calendar-check.sortable:before, .ui-indicator .calendar-check#indicator:before, .search-bar div.calendar-check.queries:before, .simulator > header dd.calendar-check:before, .p3-layout .menu-pane li.calendar-check:before, .chat_list_view #simulator footer.send-type-text .type-text b.calendar-check:before, .bot-editor section.actions li h5.calendar-check:before, .bot-editor ul.nodes > li > div span.calendar-check.new:before, .bot-editor ul.nodes > li > div label.calendar-check.new:before, .bot-editor ul.nodes div.calendar-check.schedule:before, .bot-editor ul.nodes ol.card li.calendar-check.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.calendar-check:before, section.user-editor section.info header.calendar-check:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.calendar-check:before {
    content: ""; }
  .icon.comment:before, .comment.form-item-autocomplete.loading-autocomplete:before, table.list-view th.comment.on:before, table.list-view th.comment.sortable:before, .ui-indicator .comment#indicator:before, .search-bar div.comment.queries:before, .simulator > header dd.comment:before, .p3-layout .menu-pane li.comment:before, .chat_list_view #simulator footer.send-type-text .type-text b.comment:before, .bot-editor section.actions li h5.comment:before, .bot-editor ul.nodes > li > div span.comment.new:before, .bot-editor ul.nodes > li > div label.comment.new:before, .bot-editor ul.nodes div.comment.schedule:before, .bot-editor ul.nodes ol.card li.comment.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.comment:before, section.user-editor section.info header.comment:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.comment:before {
    content: ""; }
  .icon.inquiry:before, .inquiry.form-item-autocomplete.loading-autocomplete:before, table.list-view th.inquiry.on:before, table.list-view th.inquiry.sortable:before, .ui-indicator .inquiry#indicator:before, .search-bar div.inquiry.queries:before, .simulator > header dd.inquiry:before, .p3-layout .menu-pane li.inquiry:before, .chat_list_view #simulator footer.send-type-text .type-text b.inquiry:before, .bot-editor section.actions li h5.inquiry:before, .bot-editor ul.nodes > li > div span.inquiry.new:before, .bot-editor ul.nodes > li > div label.inquiry.new:before, .bot-editor ul.nodes div.inquiry.schedule:before, .bot-editor ul.nodes ol.card li.inquiry.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.inquiry:before, section.user-editor section.info header.inquiry:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.inquiry:before {
    content: ""; }
  .icon.payment:before, .payment.form-item-autocomplete.loading-autocomplete:before, table.list-view th.payment.on:before, table.list-view th.payment.sortable:before, .ui-indicator .payment#indicator:before, .search-bar div.payment.queries:before, .simulator > header dd.payment:before, .p3-layout .menu-pane li.payment:before, .chat_list_view #simulator footer.send-type-text .type-text b.payment:before, .bot-editor section.actions li h5.payment:before, .bot-editor ul.nodes > li > div span.payment.new:before, .bot-editor ul.nodes > li > div label.payment.new:before, .bot-editor ul.nodes div.payment.schedule:before, .bot-editor ul.nodes ol.card li.payment.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.payment:before, section.user-editor section.info header.payment:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.payment:before {
    content: ""; }
  .icon.imageviewer:before, .imageviewer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.imageviewer.on:before, table.list-view th.imageviewer.sortable:before, .ui-indicator .imageviewer#indicator:before, .search-bar div.imageviewer.queries:before, .simulator > header dd.imageviewer:before, .p3-layout .menu-pane li.imageviewer:before, .chat_list_view #simulator footer.send-type-text .type-text b.imageviewer:before, .bot-editor section.actions li h5.imageviewer:before, .bot-editor ul.nodes > li > div span.imageviewer.new:before, .bot-editor ul.nodes > li > div label.imageviewer.new:before, .bot-editor ul.nodes div.imageviewer.schedule:before, .bot-editor ul.nodes ol.card li.imageviewer.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.imageviewer:before, section.user-editor section.info header.imageviewer:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.imageviewer:before {
    content: ""; }
  .icon.dots:before, .dots.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dots.on:before, table.list-view th.dots.sortable:before, .ui-indicator .dots#indicator:before, .search-bar div.dots.queries:before, .simulator > header dd.dots:before, .p3-layout .menu-pane li.dots:before, .chat_list_view #simulator footer.send-type-text .type-text b.dots:before, .bot-editor section.actions li h5.dots:before, .bot-editor ul.nodes > li > div span.dots.new:before, .bot-editor ul.nodes > li > div label.dots.new:before, .bot-editor ul.nodes div.dots.schedule:before, .bot-editor ul.nodes ol.card li.dots.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.dots:before, section.user-editor section.info header.dots:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dots:before {
    content: ""; }
  .icon.dots-v:before, .dots-v.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dots-v.on:before, table.list-view th.dots-v.sortable:before, .ui-indicator .dots-v#indicator:before, .search-bar div.dots-v.queries:before, .simulator > header dd.dots-v:before, .p3-layout .menu-pane li.dots-v:before, .chat_list_view #simulator footer.send-type-text .type-text b.dots-v:before, .bot-editor section.actions li h5.dots-v:before, .bot-editor ul.nodes > li > div span.dots-v.new:before, .bot-editor ul.nodes > li > div label.dots-v.new:before, .bot-editor ul.nodes div.dots-v.schedule:before, .bot-editor ul.nodes ol.card li.dots-v.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.dots-v:before, section.user-editor section.info header.dots-v:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dots-v:before {
    content: ""; }
  .icon.cancel:before, .cancel.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cancel.on:before, table.list-view th.cancel.sortable:before, .ui-indicator .cancel#indicator:before, .search-bar div.cancel.queries:before, .simulator > header dd.cancel:before, .p3-layout .menu-pane li.cancel:before, .chat_list_view #simulator footer.send-type-text .type-text b.cancel:before, .bot-editor section.actions li h5.cancel:before, .bot-editor ul.nodes > li > div span.cancel.new:before, .bot-editor ul.nodes > li > div label.cancel.new:before, .bot-editor ul.nodes div.cancel.schedule:before, .bot-editor ul.nodes ol.card li.cancel.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.cancel:before, section.user-editor section.info header.cancel:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.cancel:before {
    content: ""; }
  .icon.read:before, .read.form-item-autocomplete.loading-autocomplete:before, table.list-view th.read.on:before, table.list-view th.read.sortable:before, .ui-indicator .read#indicator:before, .search-bar div.read.queries:before, .simulator > header dd.read:before, .p3-layout .menu-pane li.read:before, .chat_list_view #simulator footer.send-type-text .type-text b.read:before, .bot-editor section.actions li h5.read:before, .bot-editor ul.nodes > li > div span.read.new:before, .bot-editor ul.nodes > li > div label.read.new:before, .bot-editor ul.nodes div.read.schedule:before, .bot-editor ul.nodes ol.card li.read.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.read:before, section.user-editor section.info header.read:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.read:before {
    content: ""; }
  .icon.brush:before, .brush.form-item-autocomplete.loading-autocomplete:before, table.list-view th.brush.on:before, table.list-view th.brush.sortable:before, .ui-indicator .brush#indicator:before, .search-bar div.brush.queries:before, .simulator > header dd.brush:before, .p3-layout .menu-pane li.brush:before, .chat_list_view #simulator footer.send-type-text .type-text b.brush:before, .bot-editor section.actions li h5.brush:before, .bot-editor ul.nodes > li > div span.brush.new:before, .bot-editor ul.nodes > li > div label.brush.new:before, .bot-editor ul.nodes div.brush.schedule:before, .bot-editor ul.nodes ol.card li.brush.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.brush:before, section.user-editor section.info header.brush:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.brush:before {
    content: ""; }
  .icon.qrcode:before, .qrcode.form-item-autocomplete.loading-autocomplete:before, table.list-view th.qrcode.on:before, table.list-view th.qrcode.sortable:before, .ui-indicator .qrcode#indicator:before, .search-bar div.qrcode.queries:before, .simulator > header dd.qrcode:before, .p3-layout .menu-pane li.qrcode:before, .chat_list_view #simulator footer.send-type-text .type-text b.qrcode:before, .bot-editor section.actions li h5.qrcode:before, .bot-editor ul.nodes > li > div span.qrcode.new:before, .bot-editor ul.nodes > li > div label.qrcode.new:before, .bot-editor ul.nodes div.qrcode.schedule:before, .bot-editor ul.nodes ol.card li.qrcode.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.qrcode:before, section.user-editor section.info header.qrcode:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.qrcode:before {
    content: ""; }
  .icon.bell:before, .bell.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bell.on:before, table.list-view th.bell.sortable:before, .ui-indicator .bell#indicator:before, .search-bar div.bell.queries:before, .simulator > header dd.bell:before, .p3-layout .menu-pane li.bell:before, .chat_list_view #simulator footer.send-type-text .type-text b.bell:before, .bot-editor section.actions li h5.bell:before, .bot-editor ul.nodes > li > div span.bell.new:before, .bot-editor ul.nodes > li > div label.bell.new:before, .bot-editor ul.nodes div.bell.schedule:before, .bot-editor ul.nodes ol.card li.bell.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.bell:before, section.user-editor section.info header.bell:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.bell:before {
    content: ""; }
  .icon.marker:before, .marker.form-item-autocomplete.loading-autocomplete:before, table.list-view th.marker.on:before, table.list-view th.marker.sortable:before, .ui-indicator .marker#indicator:before, .search-bar div.marker.queries:before, .simulator > header dd.marker:before, .p3-layout .menu-pane li.marker:before, .chat_list_view #simulator footer.send-type-text .type-text b.marker:before, .bot-editor section.actions li h5.marker:before, .bot-editor ul.nodes > li > div span.marker.new:before, .bot-editor ul.nodes > li > div label.marker.new:before, .bot-editor ul.nodes div.marker.schedule:before, .bot-editor ul.nodes ol.card li.marker.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.marker:before, section.user-editor section.info header.marker:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.marker:before {
    content: ""; }
  .icon.book:before, .book.form-item-autocomplete.loading-autocomplete:before, table.list-view th.book.on:before, table.list-view th.book.sortable:before, .ui-indicator .book#indicator:before, .search-bar div.book.queries:before, .simulator > header dd.book:before, .p3-layout .menu-pane li.book:before, .chat_list_view #simulator footer.send-type-text .type-text b.book:before, .bot-editor section.actions li h5.book:before, .bot-editor ul.nodes > li > div span.book.new:before, .bot-editor ul.nodes > li > div label.book.new:before, .bot-editor ul.nodes div.book.schedule:before, .bot-editor ul.nodes ol.card li.book.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.book:before, section.user-editor section.info header.book:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.book:before {
    content: ""; }
  .icon.tree:before, .tree.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tree.on:before, table.list-view th.tree.sortable:before, .ui-indicator .tree#indicator:before, .search-bar div.tree.queries:before, .simulator > header dd.tree:before, .p3-layout .menu-pane li.tree:before, .chat_list_view #simulator footer.send-type-text .type-text b.tree:before, .bot-editor section.actions li h5.tree:before, .bot-editor ul.nodes > li > div span.tree.new:before, .bot-editor ul.nodes > li > div label.tree.new:before, .bot-editor ul.nodes div.tree.schedule:before, .bot-editor ul.nodes ol.card li.tree.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.tree:before, section.user-editor section.info header.tree:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tree:before {
    content: ""; }
  .icon.keyboard:before, .keyboard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.keyboard.on:before, table.list-view th.keyboard.sortable:before, .ui-indicator .keyboard#indicator:before, .search-bar div.keyboard.queries:before, .simulator > header dd.keyboard:before, .p3-layout .menu-pane li.keyboard:before, .chat_list_view #simulator footer.send-type-text .type-text b.keyboard:before, .bot-editor section.actions li h5.keyboard:before, .bot-editor ul.nodes > li > div span.keyboard.new:before, .bot-editor ul.nodes > li > div label.keyboard.new:before, .bot-editor ul.nodes div.keyboard.schedule:before, .bot-editor ul.nodes ol.card li.keyboard.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.keyboard:before, section.user-editor section.info header.keyboard:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.keyboard:before {
    content: ""; }
  .icon.right-caret, .right-caret.form-item-autocomplete.loading-autocomplete:before, section.outline summary > h3.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-caret.on, table.list-view th.right-caret.sortable, .ui-indicator .right-caret#indicator:before, .ui-indicator section.outline summary > h3#indicator:before, section.outline .ui-indicator summary > h3#indicator:before, .search-bar div.right-caret.queries, .simulator > header dd.right-caret, .p3-layout .menu-pane li.right-caret, section.outline summary > h3.icon:before, .chat_list_view #simulator footer.send-type-text .type-text b.right-caret:before, .bot-editor section.actions li h5.right-caret, .bot-editor ul.nodes > li > div span.right-caret.new, .bot-editor ul.nodes > li > div label.right-caret.new, .bot-editor ul.nodes div.right-caret.schedule, .bot-editor ul.nodes ol.card li.right-caret.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.right-caret, section.user-editor section.info header.right-caret, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.right-caret:before {
    content: ""; }
  .icon.down-caret, .down-caret.form-item-autocomplete.loading-autocomplete:before, section.outline details[open] h3.form-item-autocomplete.loading-autocomplete:before, table.list-view th.down-caret.on, table.list-view th.down-caret.sortable, .ui-indicator .down-caret#indicator:before, .ui-indicator section.outline details[open] h3#indicator:before, section.outline details[open] .ui-indicator h3#indicator:before, .search-bar div.down-caret.queries, .simulator > header dd.down-caret, .p3-layout .menu-pane li.down-caret, section.outline details[open] h3.icon:before, .chat_list_view #simulator footer.send-type-text .type-text b.down-caret:before, .bot-editor section.actions li h5.down-caret, .bot-editor ul.nodes > li > div span.down-caret.new, .bot-editor ul.nodes > li > div label.down-caret.new, .bot-editor ul.nodes div.down-caret.schedule, .bot-editor ul.nodes ol.card li.down-caret.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.down-caret, section.user-editor section.info header.down-caret, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.down-caret:before {
    content: ""; }
  .icon.right-thin, .right-thin.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-thin.on, table.list-view th.right-thin.sortable, .ui-indicator .right-thin#indicator:before, .search-bar div.right-thin.queries, .simulator > header dd.right-thin, .p3-layout .menu-pane li.right-thin, .chat_list_view #simulator footer.send-type-text .type-text b.right-thin:before, .bot-editor section.actions li h5.right-thin, .bot-editor ul.nodes > li > div span.right-thin.new, .bot-editor ul.nodes > li > div label.right-thin.new, .bot-editor ul.nodes div.right-thin.schedule, .bot-editor ul.nodes ol.card li.right-thin.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.right-thin, section.user-editor section.info header.right-thin, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.right-thin:before {
    content: ""; }
  .icon.right-circle, .right-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-circle.on, table.list-view th.right-circle.sortable, .ui-indicator .right-circle#indicator:before, .search-bar div.right-circle.queries, .simulator > header dd.right-circle, .p3-layout .menu-pane li.right-circle, .chat_list_view #simulator footer.send-type-text .type-text b.right-circle:before, .bot-editor section.actions li h5.right-circle, .bot-editor ul.nodes > li > div span.right-circle.new, .bot-editor ul.nodes > li > div label.right-circle.new, .bot-editor ul.nodes div.right-circle.schedule, .bot-editor ul.nodes ol.card li.right-circle.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.right-circle, section.user-editor section.info header.right-circle, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.right-circle:before {
    content: ""; }
  .icon.reply:before, .reply.form-item-autocomplete.loading-autocomplete:before, table.list-view th.reply.on:before, table.list-view th.reply.sortable:before, .ui-indicator .reply#indicator:before, .search-bar div.reply.queries:before, .simulator > header dd.reply:before, .p3-layout .menu-pane li.reply:before, .chat_list_view #simulator footer.send-type-text .type-text b.reply:before, .bot-editor section.actions li h5.reply:before, .bot-editor ul.nodes > li > div span.reply.new:before, .bot-editor ul.nodes > li > div label.reply.new:before, .bot-editor ul.nodes div.reply.schedule:before, .bot-editor ul.nodes ol.card li.reply.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.reply:before, section.user-editor section.info header.reply:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.reply:before {
    content: ""; }
  .icon.rt-text:before, .rt-text.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-text.on:before, table.list-view th.rt-text.sortable:before, .ui-indicator .rt-text#indicator:before, .search-bar div.rt-text.queries:before, .simulator > header dd.rt-text:before, .p3-layout .menu-pane li.rt-text:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-text:before, .bot-editor section.actions li h5.rt-text:before, .bot-editor ul.nodes > li > div span.rt-text.new:before, .bot-editor ul.nodes > li > div label.rt-text.new:before, .bot-editor ul.nodes div.rt-text.schedule:before, .bot-editor ul.nodes ol.card li.rt-text.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-text:before, section.user-editor section.info header.rt-text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-text:before {
    content: ""; }
  .icon.rt-card:before, .rt-card.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-card.on:before, table.list-view th.rt-card.sortable:before, .ui-indicator .rt-card#indicator:before, .search-bar div.rt-card.queries:before, .simulator > header dd.rt-card:before, .p3-layout .menu-pane li.rt-card:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-card:before, .bot-editor section.actions li h5.rt-card:before, .bot-editor ul.nodes > li > div span.rt-card.new:before, .bot-editor ul.nodes > li > div label.rt-card.new:before, .bot-editor ul.nodes div.rt-card.schedule:before, .bot-editor ul.nodes ol.card li.rt-card.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-card:before, section.user-editor section.info header.rt-card:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-card:before {
    content: ""; }
  .icon.rt-list:before, .rt-list.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-list.on:before, table.list-view th.rt-list.sortable:before, .ui-indicator .rt-list#indicator:before, .search-bar div.rt-list.queries:before, .simulator > header dd.rt-list:before, .p3-layout .menu-pane li.rt-list:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-list:before, .bot-editor section.actions li h5.rt-list:before, .bot-editor ul.nodes > li > div span.rt-list.new:before, .bot-editor ul.nodes > li > div label.rt-list.new:before, .bot-editor ul.nodes div.rt-list.schedule:before, .bot-editor ul.nodes ol.card li.rt-list.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-list:before, section.user-editor section.info header.rt-list:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-list:before {
    content: ""; }
  .icon.rt-image:before, .rt-image.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-image.on:before, table.list-view th.rt-image.sortable:before, .ui-indicator .rt-image#indicator:before, .search-bar div.rt-image.queries:before, .simulator > header dd.rt-image:before, .p3-layout .menu-pane li.rt-image:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-image:before, .bot-editor section.actions li h5.rt-image:before, .bot-editor ul.nodes > li > div span.rt-image.new:before, .bot-editor ul.nodes > li > div label.rt-image.new:before, .bot-editor ul.nodes div.rt-image.schedule:before, .bot-editor ul.nodes ol.card li.rt-image.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-image:before, section.user-editor section.info header.rt-image:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-image:before {
    content: ""; }
  .icon.rt-imagemap:before, .rt-imagemap.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-imagemap.on:before, table.list-view th.rt-imagemap.sortable:before, .ui-indicator .rt-imagemap#indicator:before, .search-bar div.rt-imagemap.queries:before, .simulator > header dd.rt-imagemap:before, .p3-layout .menu-pane li.rt-imagemap:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-imagemap:before, .bot-editor section.actions li h5.rt-imagemap:before, .bot-editor ul.nodes > li > div span.rt-imagemap.new:before, .bot-editor ul.nodes > li > div label.rt-imagemap.new:before, .bot-editor ul.nodes div.rt-imagemap.schedule:before, .bot-editor ul.nodes ol.card li.rt-imagemap.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-imagemap:before, section.user-editor section.info header.rt-imagemap:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-imagemap:before {
    content: ""; }
  .icon.rt-flyer:before, .rt-flyer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-flyer.on:before, table.list-view th.rt-flyer.sortable:before, .ui-indicator .rt-flyer#indicator:before, .search-bar div.rt-flyer.queries:before, .simulator > header dd.rt-flyer:before, .p3-layout .menu-pane li.rt-flyer:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-flyer:before, .bot-editor section.actions li h5.rt-flyer:before, .bot-editor ul.nodes > li > div span.rt-flyer.new:before, .bot-editor ul.nodes > li > div label.rt-flyer.new:before, .bot-editor ul.nodes div.rt-flyer.schedule:before, .bot-editor ul.nodes ol.card li.rt-flyer.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-flyer:before, section.user-editor section.info header.rt-flyer:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-flyer:before {
    content: ""; }
  .icon.rt-flex:before, .rt-flex.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-flex.on:before, table.list-view th.rt-flex.sortable:before, .ui-indicator .rt-flex#indicator:before, .search-bar div.rt-flex.queries:before, .simulator > header dd.rt-flex:before, .p3-layout .menu-pane li.rt-flex:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-flex:before, .bot-editor section.actions li h5.rt-flex:before, .bot-editor ul.nodes > li > div span.rt-flex.new:before, .bot-editor ul.nodes > li > div label.rt-flex.new:before, .bot-editor ul.nodes div.rt-flex.schedule:before, .bot-editor ul.nodes ol.card li.rt-flex.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-flex:before, section.user-editor section.info header.rt-flex:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-flex:before {
    content: ""; }
  .icon.rt-imagecard:before, .rt-imagecard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-imagecard.on:before, table.list-view th.rt-imagecard.sortable:before, .ui-indicator .rt-imagecard#indicator:before, .search-bar div.rt-imagecard.queries:before, .simulator > header dd.rt-imagecard:before, .p3-layout .menu-pane li.rt-imagecard:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-imagecard:before, .bot-editor section.actions li h5.rt-imagecard:before, .bot-editor ul.nodes > li > div span.rt-imagecard.new:before, .bot-editor ul.nodes > li > div label.rt-imagecard.new:before, .bot-editor ul.nodes div.rt-imagecard.schedule:before, .bot-editor ul.nodes ol.card li.rt-imagecard.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-imagecard:before, section.user-editor section.info header.rt-imagecard:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-imagecard:before {
    content: ""; }
  .icon.rt-video:before, .rt-video.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-video.on:before, table.list-view th.rt-video.sortable:before, .ui-indicator .rt-video#indicator:before, .search-bar div.rt-video.queries:before, .simulator > header dd.rt-video:before, .p3-layout .menu-pane li.rt-video:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-video:before, .bot-editor section.actions li h5.rt-video:before, .bot-editor ul.nodes > li > div span.rt-video.new:before, .bot-editor ul.nodes > li > div label.rt-video.new:before, .bot-editor ul.nodes div.rt-video.schedule:before, .bot-editor ul.nodes ol.card li.rt-video.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-video:before, section.user-editor section.info header.rt-video:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-video:before {
    content: ""; }
  .icon.rt-if:before, .rt-if.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-if.on:before, table.list-view th.rt-if.sortable:before, .ui-indicator .rt-if#indicator:before, .search-bar div.rt-if.queries:before, .simulator > header dd.rt-if:before, .p3-layout .menu-pane li.rt-if:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-if:before, .bot-editor section.actions li h5.rt-if:before, .bot-editor ul.nodes > li > div span.rt-if.new:before, .bot-editor ul.nodes > li > div label.rt-if.new:before, .bot-editor ul.nodes div.rt-if.schedule:before, .bot-editor ul.nodes ol.card li.rt-if.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-if:before, section.user-editor section.info header.rt-if:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-if:before {
    content: ""; }
  .icon.rt-richmenu:before, .rt-richmenu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-richmenu.on:before, table.list-view th.rt-richmenu.sortable:before, .ui-indicator .rt-richmenu#indicator:before, .search-bar div.rt-richmenu.queries:before, .simulator > header dd.rt-richmenu:before, .p3-layout .menu-pane li.rt-richmenu:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-richmenu:before, .bot-editor section.actions li h5.rt-richmenu:before, .bot-editor ul.nodes > li > div span.rt-richmenu.new:before, .bot-editor ul.nodes > li > div label.rt-richmenu.new:before, .bot-editor ul.nodes div.rt-richmenu.schedule:before, .bot-editor ul.nodes ol.card li.rt-richmenu.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-richmenu:before, section.user-editor section.info header.rt-richmenu:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-richmenu:before {
    content: ""; }
  .icon.rt-email:before, .rt-email.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-email.on:before, table.list-view th.rt-email.sortable:before, .ui-indicator .rt-email#indicator:before, .search-bar div.rt-email.queries:before, .simulator > header dd.rt-email:before, .p3-layout .menu-pane li.rt-email:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-email:before, .bot-editor section.actions li h5.rt-email:before, .bot-editor ul.nodes > li > div span.rt-email.new:before, .bot-editor ul.nodes > li > div label.rt-email.new:before, .bot-editor ul.nodes div.rt-email.schedule:before, .bot-editor ul.nodes ol.card li.rt-email.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-email:before, section.user-editor section.info header.rt-email:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-email:before {
    content: ""; }
  .icon.rt-slack:before, .rt-slack.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-slack.on:before, table.list-view th.rt-slack.sortable:before, .ui-indicator .rt-slack#indicator:before, .search-bar div.rt-slack.queries:before, .simulator > header dd.rt-slack:before, .p3-layout .menu-pane li.rt-slack:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-slack:before, .bot-editor section.actions li h5.rt-slack:before, .bot-editor ul.nodes > li > div span.rt-slack.new:before, .bot-editor ul.nodes > li > div label.rt-slack.new:before, .bot-editor ul.nodes div.rt-slack.schedule:before, .bot-editor ul.nodes ol.card li.rt-slack.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-slack:before, section.user-editor section.info header.rt-slack:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-slack:before {
    content: ""; }
  .icon.rt-line:before, .rt-line.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-line.on:before, table.list-view th.rt-line.sortable:before, .ui-indicator .rt-line#indicator:before, .search-bar div.rt-line.queries:before, .simulator > header dd.rt-line:before, .p3-layout .menu-pane li.rt-line:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-line:before, .bot-editor section.actions li h5.rt-line:before, .bot-editor ul.nodes > li > div span.rt-line.new:before, .bot-editor ul.nodes > li > div label.rt-line.new:before, .bot-editor ul.nodes div.rt-line.schedule:before, .bot-editor ul.nodes ol.card li.rt-line.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-line:before, section.user-editor section.info header.rt-line:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-line:before {
    content: ""; }
  .icon.rt-api:before, .rt-api.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-api.on:before, table.list-view th.rt-api.sortable:before, .ui-indicator .rt-api#indicator:before, .search-bar div.rt-api.queries:before, .simulator > header dd.rt-api:before, .p3-layout .menu-pane li.rt-api:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-api:before, .bot-editor section.actions li h5.rt-api:before, .bot-editor ul.nodes > li > div span.rt-api.new:before, .bot-editor ul.nodes > li > div label.rt-api.new:before, .bot-editor ul.nodes div.rt-api.schedule:before, .bot-editor ul.nodes ol.card li.rt-api.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-api:before, section.user-editor section.info header.rt-api:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-api:before {
    content: ""; }
  .icon.rt-notice:before, .rt-notice.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-notice.on:before, table.list-view th.rt-notice.sortable:before, .ui-indicator .rt-notice#indicator:before, .search-bar div.rt-notice.queries:before, .simulator > header dd.rt-notice:before, .p3-layout .menu-pane li.rt-notice:before, .chat_list_view #simulator footer.send-type-text .type-text b.rt-notice:before, .bot-editor section.actions li h5.rt-notice:before, .bot-editor ul.nodes > li > div span.rt-notice.new:before, .bot-editor ul.nodes > li > div label.rt-notice.new:before, .bot-editor ul.nodes div.rt-notice.schedule:before, .bot-editor ul.nodes ol.card li.rt-notice.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rt-notice:before, section.user-editor section.info header.rt-notice:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rt-notice:before {
    content: ""; }
  .icon.prof:before, .prof.form-item-autocomplete.loading-autocomplete:before, table.list-view th.prof.on:before, table.list-view th.prof.sortable:before, .ui-indicator .prof#indicator:before, .search-bar div.prof.queries:before, .simulator > header dd.prof:before, .p3-layout .menu-pane li.prof:before, .chat_list_view #simulator footer.send-type-text .type-text b.prof:before, .bot-editor section.actions li h5.prof:before, .bot-editor ul.nodes > li > div span.prof.new:before, .bot-editor ul.nodes > li > div label.prof.new:before, .bot-editor ul.nodes div.prof.schedule:before, .bot-editor ul.nodes ol.card li.prof.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.prof:before, section.user-editor section.info header.prof:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.prof:before {
    content: ""; }
  .icon.key:before, .key.form-item-autocomplete.loading-autocomplete:before, table.list-view th.key.on:before, table.list-view th.key.sortable:before, .ui-indicator .key#indicator:before, .search-bar div.key.queries:before, .simulator > header dd.key:before, .p3-layout .menu-pane li.key:before, .chat_list_view #simulator footer.send-type-text .type-text b.key:before, .bot-editor section.actions li h5.key:before, .bot-editor ul.nodes > li > div span.key.new:before, .bot-editor ul.nodes > li > div label.key.new:before, .bot-editor ul.nodes div.key.schedule:before, .bot-editor ul.nodes ol.card li.key.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.key:before, section.user-editor section.info header.key:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.key:before {
    content: ""; }
  .icon.bill:before, .bill.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bill.on:before, table.list-view th.bill.sortable:before, .ui-indicator .bill#indicator:before, .search-bar div.bill.queries:before, .simulator > header dd.bill:before, .p3-layout .menu-pane li.bill:before, .chat_list_view #simulator footer.send-type-text .type-text b.bill:before, .bot-editor section.actions li h5.bill:before, .bot-editor ul.nodes > li > div span.bill.new:before, .bot-editor ul.nodes > li > div label.bill.new:before, .bot-editor ul.nodes div.bill.schedule:before, .bot-editor ul.nodes ol.card li.bill.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.bill:before, section.user-editor section.info header.bill:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.bill:before {
    content: ""; }
  .icon.help:before, .help.form-item-autocomplete.loading-autocomplete:before, table.list-view th.help.on:before, table.list-view th.help.sortable:before, .ui-indicator .help#indicator:before, .search-bar div.help.queries:before, .simulator > header dd.help:before, .p3-layout .menu-pane li.help:before, .chat_list_view #simulator footer.send-type-text .type-text b.help:before, .bot-editor section.actions li h5.help:before, .bot-editor ul.nodes > li > div span.help.new:before, .bot-editor ul.nodes > li > div label.help.new:before, .bot-editor ul.nodes div.help.schedule:before, .bot-editor ul.nodes ol.card li.help.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.help:before, section.user-editor section.info header.help:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.help:before {
    content: ""; }
  .icon.play:before, .play.form-item-autocomplete.loading-autocomplete:before, table.list-view th.play.on:before, table.list-view th.play.sortable:before, .ui-indicator .play#indicator:before, .search-bar div.play.queries:before, .simulator > header dd.play:before, .p3-layout .menu-pane li.play:before, .chat_list_view #simulator footer.send-type-text .type-text b.play:before, .bot-editor section.actions li h5.play:before, .bot-editor ul.nodes > li > div span.play.new:before, .bot-editor ul.nodes > li > div label.play.new:before, .bot-editor ul.nodes div.play.schedule:before, .bot-editor ul.nodes ol.card li.play.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.play:before, section.user-editor section.info header.play:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.play:before {
    content: ""; }
  .icon.stop:before, .stop.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stop.on:before, table.list-view th.stop.sortable:before, .ui-indicator .stop#indicator:before, .search-bar div.stop.queries:before, .simulator > header dd.stop:before, .p3-layout .menu-pane li.stop:before, .chat_list_view #simulator footer.send-type-text .type-text b.stop:before, .bot-editor section.actions li h5.stop:before, .bot-editor ul.nodes > li > div span.stop.new:before, .bot-editor ul.nodes > li > div label.stop.new:before, .bot-editor ul.nodes div.stop.schedule:before, .bot-editor ul.nodes ol.card li.stop.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.stop:before, section.user-editor section.info header.stop:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.stop:before {
    content: ""; }
  .icon.stop-circle:before, .stop-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stop-circle.on:before, table.list-view th.stop-circle.sortable:before, .ui-indicator .stop-circle#indicator:before, .search-bar div.stop-circle.queries:before, .simulator > header dd.stop-circle:before, .p3-layout .menu-pane li.stop-circle:before, .chat_list_view #simulator footer.send-type-text .type-text b.stop-circle:before, .bot-editor section.actions li h5.stop-circle:before, .bot-editor ul.nodes > li > div span.stop-circle.new:before, .bot-editor ul.nodes > li > div label.stop-circle.new:before, .bot-editor ul.nodes div.stop-circle.schedule:before, .bot-editor ul.nodes ol.card li.stop-circle.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.stop-circle:before, section.user-editor section.info header.stop-circle:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.stop-circle:before {
    content: ""; }
  .icon.forward:before, .forward.form-item-autocomplete.loading-autocomplete:before, table.list-view th.forward.on:before, table.list-view th.forward.sortable:before, .ui-indicator .forward#indicator:before, .search-bar div.forward.queries:before, .simulator > header dd.forward:before, .p3-layout .menu-pane li.forward:before, .chat_list_view #simulator footer.send-type-text .type-text b.forward:before, .bot-editor section.actions li h5.forward:before, .bot-editor ul.nodes > li > div span.forward.new:before, .bot-editor ul.nodes > li > div label.forward.new:before, .bot-editor ul.nodes div.forward.schedule:before, .bot-editor ul.nodes ol.card li.forward.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.forward:before, section.user-editor section.info header.forward:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.forward:before {
    content: ""; }
  .icon.backward:before, .backward.form-item-autocomplete.loading-autocomplete:before, table.list-view th.backward.on:before, table.list-view th.backward.sortable:before, .ui-indicator .backward#indicator:before, .search-bar div.backward.queries:before, .simulator > header dd.backward:before, .p3-layout .menu-pane li.backward:before, .chat_list_view #simulator footer.send-type-text .type-text b.backward:before, .bot-editor section.actions li h5.backward:before, .bot-editor ul.nodes > li > div span.backward.new:before, .bot-editor ul.nodes > li > div label.backward.new:before, .bot-editor ul.nodes div.backward.schedule:before, .bot-editor ul.nodes ol.card li.backward.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.backward:before, section.user-editor section.info header.backward:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.backward:before {
    content: ""; }
  .icon.record:before, .record.form-item-autocomplete.loading-autocomplete:before, table.list-view th.record.on:before, table.list-view th.record.sortable:before, .ui-indicator .record#indicator:before, .search-bar div.record.queries:before, .simulator > header dd.record:before, .p3-layout .menu-pane li.record:before, .chat_list_view #simulator footer.send-type-text .type-text b.record:before, .bot-editor section.actions li h5.record:before, .bot-editor ul.nodes > li > div span.record.new:before, .bot-editor ul.nodes > li > div label.record.new:before, .bot-editor ul.nodes div.record.schedule:before, .bot-editor ul.nodes ol.card li.record.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.record:before, section.user-editor section.info header.record:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.record:before {
    content: ""; }
  .icon.rotate-left:before, .rotate-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rotate-left.on:before, table.list-view th.rotate-left.sortable:before, .ui-indicator .rotate-left#indicator:before, .search-bar div.rotate-left.queries:before, .simulator > header dd.rotate-left:before, .p3-layout .menu-pane li.rotate-left:before, .chat_list_view #simulator footer.send-type-text .type-text b.rotate-left:before, .bot-editor section.actions li h5.rotate-left:before, .bot-editor ul.nodes > li > div span.rotate-left.new:before, .bot-editor ul.nodes > li > div label.rotate-left.new:before, .bot-editor ul.nodes div.rotate-left.schedule:before, .bot-editor ul.nodes ol.card li.rotate-left.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.rotate-left:before, section.user-editor section.info header.rotate-left:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rotate-left:before {
    content: ""; }
  .icon.html5:before, .html5.form-item-autocomplete.loading-autocomplete:before, table.list-view th.html5.on:before, table.list-view th.html5.sortable:before, .ui-indicator .html5#indicator:before, .search-bar div.html5.queries:before, .simulator > header dd.html5:before, .p3-layout .menu-pane li.html5:before, .chat_list_view #simulator footer.send-type-text .type-text b.html5:before, .bot-editor section.actions li h5.html5:before, .bot-editor ul.nodes > li > div span.html5.new:before, .bot-editor ul.nodes > li > div label.html5.new:before, .bot-editor ul.nodes div.html5.schedule:before, .bot-editor ul.nodes ol.card li.html5.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.html5:before, section.user-editor section.info header.html5:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.html5:before {
    content: ""; }
  .icon.unknown:before, .unknown.form-item-autocomplete.loading-autocomplete:before, table.list-view th.unknown.on:before, table.list-view th.unknown.sortable:before, .ui-indicator .unknown#indicator:before, .search-bar div.unknown.queries:before, .simulator > header dd.unknown:before, .p3-layout .menu-pane li.unknown:before, .chat_list_view #simulator footer.send-type-text .type-text b.unknown:before, .bot-editor section.actions li h5.unknown:before, .bot-editor ul.nodes > li > div span.unknown.new:before, .bot-editor ul.nodes > li > div label.unknown.new:before, .bot-editor ul.nodes div.unknown.schedule:before, .bot-editor ul.nodes ol.card li.unknown.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.unknown:before, section.user-editor section.info header.unknown:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.unknown:before {
    content: ""; }
  .icon.coding:before, .coding.form-item-autocomplete.loading-autocomplete:before, table.list-view th.coding.on:before, table.list-view th.coding.sortable:before, .ui-indicator .coding#indicator:before, .search-bar div.coding.queries:before, .simulator > header dd.coding:before, .p3-layout .menu-pane li.coding:before, .chat_list_view #simulator footer.send-type-text .type-text b.coding:before, .bot-editor section.actions li h5.coding:before, .bot-editor ul.nodes > li > div span.coding.new:before, .bot-editor ul.nodes > li > div label.coding.new:before, .bot-editor ul.nodes div.coding.schedule:before, .bot-editor ul.nodes ol.card li.coding.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.coding:before, section.user-editor section.info header.coding:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.coding:before {
    content: ""; }
  .icon.double-right:before, .double-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.double-right.on:before, table.list-view th.double-right.sortable:before, .ui-indicator .double-right#indicator:before, .search-bar div.double-right.queries:before, .simulator > header dd.double-right:before, .p3-layout .menu-pane li.double-right:before, .chat_list_view #simulator footer.send-type-text .type-text b.double-right:before, .bot-editor section.actions li h5.double-right:before, .bot-editor ul.nodes > li > div span.double-right.new:before, .bot-editor ul.nodes > li > div label.double-right.new:before, .bot-editor ul.nodes div.double-right.schedule:before, .bot-editor ul.nodes ol.card li.double-right.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.double-right:before, section.user-editor section.info header.double-right:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.double-right:before {
    content: ""; }
  .icon.biz:before, .biz.form-item-autocomplete.loading-autocomplete:before, table.list-view th.biz.on:before, table.list-view th.biz.sortable:before, .ui-indicator .biz#indicator:before, .search-bar div.biz.queries:before, .simulator > header dd.biz:before, .p3-layout .menu-pane li.biz:before, .chat_list_view #simulator footer.send-type-text .type-text b.biz:before, .bot-editor section.actions li h5.biz:before, .bot-editor ul.nodes > li > div span.biz.new:before, .bot-editor ul.nodes > li > div label.biz.new:before, .bot-editor ul.nodes div.biz.schedule:before, .bot-editor ul.nodes ol.card li.biz.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.biz:before, section.user-editor section.info header.biz:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.biz:before {
    content: ""; }
  .icon.invite:before, .invite.form-item-autocomplete.loading-autocomplete:before, table.list-view th.invite.on:before, table.list-view th.invite.sortable:before, .ui-indicator .invite#indicator:before, .search-bar div.invite.queries:before, .simulator > header dd.invite:before, .p3-layout .menu-pane li.invite:before, .chat_list_view #simulator footer.send-type-text .type-text b.invite:before, .bot-editor section.actions li h5.invite:before, .bot-editor ul.nodes > li > div span.invite.new:before, .bot-editor ul.nodes > li > div label.invite.new:before, .bot-editor ul.nodes div.invite.schedule:before, .bot-editor ul.nodes ol.card li.invite.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.invite:before, section.user-editor section.info header.invite:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.invite:before {
    content: ""; }
  .icon.css:before, .css.form-item-autocomplete.loading-autocomplete:before, table.list-view th.css.on:before, table.list-view th.css.sortable:before, .ui-indicator .css#indicator:before, .search-bar div.css.queries:before, .simulator > header dd.css:before, .p3-layout .menu-pane li.css:before, .chat_list_view #simulator footer.send-type-text .type-text b.css:before, .bot-editor section.actions li h5.css:before, .bot-editor ul.nodes > li > div span.css.new:before, .bot-editor ul.nodes > li > div label.css.new:before, .bot-editor ul.nodes div.css.schedule:before, .bot-editor ul.nodes ol.card li.css.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.css:before, section.user-editor section.info header.css:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.css:before {
    content: ""; }
  .icon.group:before, .group.form-item-autocomplete.loading-autocomplete:before, table.list-view th.group.on:before, table.list-view th.group.sortable:before, .ui-indicator .group#indicator:before, .search-bar div.group.queries:before, .simulator > header dd.group:before, .p3-layout .menu-pane li.group:before, .chat_list_view #simulator footer.send-type-text .type-text b.group:before, .bot-editor section.actions li h5.group:before, .bot-editor ul.nodes > li > div span.group.new:before, .bot-editor ul.nodes > li > div label.group.new:before, .bot-editor ul.nodes div.group.schedule:before, .bot-editor ul.nodes ol.card li.group.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.group:before, section.user-editor section.info header.group:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.group:before {
    content: ""; }
  .icon.phone:before, .phone.form-item-autocomplete.loading-autocomplete:before, table.list-view th.phone.on:before, table.list-view th.phone.sortable:before, .ui-indicator .phone#indicator:before, .search-bar div.phone.queries:before, .simulator > header dd.phone:before, .p3-layout .menu-pane li.phone:before, .chat_list_view #simulator footer.send-type-text .type-text b.phone:before, .bot-editor section.actions li h5.phone:before, .bot-editor ul.nodes > li > div span.phone.new:before, .bot-editor ul.nodes > li > div label.phone.new:before, .bot-editor ul.nodes div.phone.schedule:before, .bot-editor ul.nodes ol.card li.phone.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.phone:before, section.user-editor section.info header.phone:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.phone:before {
    content: ""; }
  .icon.plug:before, .plug.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plug.on:before, table.list-view th.plug.sortable:before, .ui-indicator .plug#indicator:before, .search-bar div.plug.queries:before, .simulator > header dd.plug:before, .p3-layout .menu-pane li.plug:before, .chat_list_view #simulator footer.send-type-text .type-text b.plug:before, .bot-editor section.actions li h5.plug:before, .bot-editor ul.nodes > li > div span.plug.new:before, .bot-editor ul.nodes > li > div label.plug.new:before, .bot-editor ul.nodes div.plug.schedule:before, .bot-editor ul.nodes ol.card li.plug.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.plug:before, section.user-editor section.info header.plug:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plug:before {
    content: ""; }
  .icon.eye:before, .eye.form-item-autocomplete.loading-autocomplete:before, table.list-view th.eye.on:before, table.list-view th.eye.sortable:before, .ui-indicator .eye#indicator:before, .search-bar div.eye.queries:before, .simulator > header dd.eye:before, .p3-layout .menu-pane li.eye:before, .chat_list_view #simulator footer.send-type-text .type-text b.eye:before, .bot-editor section.actions li h5.eye:before, .bot-editor ul.nodes > li > div span.eye.new:before, .bot-editor ul.nodes > li > div label.eye.new:before, .bot-editor ul.nodes div.eye.schedule:before, .bot-editor ul.nodes ol.card li.eye.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.eye:before, section.user-editor section.info header.eye:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.eye:before {
    content: ""; }
  .icon.connected:before, .connected.form-item-autocomplete.loading-autocomplete:before, table.list-view th.connected.on:before, table.list-view th.connected.sortable:before, .ui-indicator .connected#indicator:before, .search-bar div.connected.queries:before, .simulator > header dd.connected:before, .p3-layout .menu-pane li.connected:before, .chat_list_view #simulator footer.send-type-text .type-text b.connected:before, .bot-editor section.actions li h5.connected:before, .bot-editor ul.nodes > li > div span.connected.new:before, .bot-editor ul.nodes > li > div label.connected.new:before, .bot-editor ul.nodes div.connected.schedule:before, .bot-editor ul.nodes ol.card li.connected.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.connected:before, section.user-editor section.info header.connected:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.connected:before {
    content: ""; }
  .icon.star:before, .star.form-item-autocomplete.loading-autocomplete:before, table.list-view th.star.on:before, table.list-view th.star.sortable:before, .ui-indicator .star#indicator:before, .search-bar div.star.queries:before, .simulator > header dd.star:before, .p3-layout .menu-pane li.star:before, .chat_list_view #simulator footer.send-type-text .type-text b.star:before, .bot-editor section.actions li h5.star:before, .bot-editor ul.nodes > li > div span.star.new:before, .bot-editor ul.nodes > li > div label.star.new:before, .bot-editor ul.nodes div.star.schedule:before, .bot-editor ul.nodes ol.card li.star.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.star:before, section.user-editor section.info header.star:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.star:before {
    content: ""; }
  .icon.star-o:before, .star-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.star-o.on:before, table.list-view th.star-o.sortable:before, .ui-indicator .star-o#indicator:before, .search-bar div.star-o.queries:before, .simulator > header dd.star-o:before, .p3-layout .menu-pane li.star-o:before, .chat_list_view #simulator footer.send-type-text .type-text b.star-o:before, .bot-editor section.actions li h5.star-o:before, .bot-editor ul.nodes > li > div span.star-o.new:before, .bot-editor ul.nodes > li > div label.star-o.new:before, .bot-editor ul.nodes div.star-o.schedule:before, .bot-editor ul.nodes ol.card li.star-o.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.star-o:before, section.user-editor section.info header.star-o:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.star-o:before {
    content: ""; }
  .icon.list:before, .list.form-item-autocomplete.loading-autocomplete:before, table.list-view th.list.on:before, table.list-view th.list.sortable:before, .ui-indicator .list#indicator:before, .search-bar div.list.queries:before, .simulator > header dd.list:before, .p3-layout .menu-pane li.list:before, .chat_list_view #simulator footer.send-type-text .type-text b.list:before, .bot-editor section.actions li h5.list:before, .bot-editor ul.nodes > li > div span.list.new:before, .bot-editor ul.nodes > li > div label.list.new:before, .bot-editor ul.nodes div.list.schedule:before, .bot-editor ul.nodes ol.card li.list.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.list:before, section.user-editor section.info header.list:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.list:before {
    content: ""; }
  .icon.grid:before, .grid.form-item-autocomplete.loading-autocomplete:before, table.list-view th.grid.on:before, table.list-view th.grid.sortable:before, .ui-indicator .grid#indicator:before, .search-bar div.grid.queries:before, .simulator > header dd.grid:before, .p3-layout .menu-pane li.grid:before, .chat_list_view #simulator footer.send-type-text .type-text b.grid:before, .bot-editor section.actions li h5.grid:before, .bot-editor ul.nodes > li > div span.grid.new:before, .bot-editor ul.nodes > li > div label.grid.new:before, .bot-editor ul.nodes div.grid.schedule:before, .bot-editor ul.nodes ol.card li.grid.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.grid:before, section.user-editor section.info header.grid:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.grid:before {
    content: ""; }
  .icon.fullwindow:before, .fullwindow.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fullwindow.on:before, table.list-view th.fullwindow.sortable:before, .ui-indicator .fullwindow#indicator:before, .search-bar div.fullwindow.queries:before, .simulator > header dd.fullwindow:before, .p3-layout .menu-pane li.fullwindow:before, .chat_list_view #simulator footer.send-type-text .type-text b.fullwindow:before, .bot-editor section.actions li h5.fullwindow:before, .bot-editor ul.nodes > li > div span.fullwindow.new:before, .bot-editor ul.nodes > li > div label.fullwindow.new:before, .bot-editor ul.nodes div.fullwindow.schedule:before, .bot-editor ul.nodes ol.card li.fullwindow.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.fullwindow:before, section.user-editor section.info header.fullwindow:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.fullwindow:before {
    content: ""; }
  .icon.halfwindow:before, .halfwindow.form-item-autocomplete.loading-autocomplete:before, table.list-view th.halfwindow.on:before, table.list-view th.halfwindow.sortable:before, .ui-indicator .halfwindow#indicator:before, .search-bar div.halfwindow.queries:before, .simulator > header dd.halfwindow:before, .p3-layout .menu-pane li.halfwindow:before, .chat_list_view #simulator footer.send-type-text .type-text b.halfwindow:before, .bot-editor section.actions li h5.halfwindow:before, .bot-editor ul.nodes > li > div span.halfwindow.new:before, .bot-editor ul.nodes > li > div label.halfwindow.new:before, .bot-editor ul.nodes div.halfwindow.schedule:before, .bot-editor ul.nodes ol.card li.halfwindow.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.halfwindow:before, section.user-editor section.info header.halfwindow:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.halfwindow:before {
    content: ""; }
  .icon.ec:before, .ec.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec.on:before, table.list-view th.ec.sortable:before, .ui-indicator .ec#indicator:before, .search-bar div.ec.queries:before, .simulator > header dd.ec:before, .p3-layout .menu-pane li.ec:before, .chat_list_view #simulator footer.send-type-text .type-text b.ec:before, .bot-editor section.actions li h5.ec:before, .bot-editor ul.nodes > li > div span.ec.new:before, .bot-editor ul.nodes > li > div label.ec.new:before, .bot-editor ul.nodes div.ec.schedule:before, .bot-editor ul.nodes ol.card li.ec.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ec:before, section.user-editor section.info header.ec:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ec:before {
    content: ""; }
  .icon.call:before, .call.form-item-autocomplete.loading-autocomplete:before, table.list-view th.call.on:before, table.list-view th.call.sortable:before, .ui-indicator .call#indicator:before, .search-bar div.call.queries:before, .simulator > header dd.call:before, .p3-layout .menu-pane li.call:before, .chat_list_view #simulator footer.send-type-text .type-text b.call:before, .bot-editor section.actions li h5.call:before, .bot-editor ul.nodes > li > div span.call.new:before, .bot-editor ul.nodes > li > div label.call.new:before, .bot-editor ul.nodes div.call.schedule:before, .bot-editor ul.nodes ol.card li.call.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.call:before, section.user-editor section.info header.call:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.call:before {
    content: ""; }
  .icon.color:before, .color.form-item-autocomplete.loading-autocomplete:before, table.list-view th.color.on:before, table.list-view th.color.sortable:before, .ui-indicator .color#indicator:before, .search-bar div.color.queries:before, .simulator > header dd.color:before, .p3-layout .menu-pane li.color:before, .chat_list_view #simulator footer.send-type-text .type-text b.color:before, .bot-editor section.actions li h5.color:before, .bot-editor ul.nodes > li > div span.color.new:before, .bot-editor ul.nodes > li > div label.color.new:before, .bot-editor ul.nodes div.color.schedule:before, .bot-editor ul.nodes ol.card li.color.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.color:before, section.user-editor section.info header.color:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.color:before {
    content: ""; }
  .icon.bookmark:before, .bookmark.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bookmark.on:before, table.list-view th.bookmark.sortable:before, .ui-indicator .bookmark#indicator:before, .search-bar div.bookmark.queries:before, .simulator > header dd.bookmark:before, .p3-layout .menu-pane li.bookmark:before, .chat_list_view #simulator footer.send-type-text .type-text b.bookmark:before, .bot-editor section.actions li h5.bookmark:before, .bot-editor ul.nodes > li > div span.bookmark.new:before, .bot-editor ul.nodes > li > div label.bookmark.new:before, .bot-editor ul.nodes div.bookmark.schedule:before, .bot-editor ul.nodes ol.card li.bookmark.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.bookmark:before, section.user-editor section.info header.bookmark:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.bookmark:before {
    content: ""; }
  .icon.ec-cloth:before, .ec-cloth.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-cloth.on:before, table.list-view th.ec-cloth.sortable:before, .ui-indicator .ec-cloth#indicator:before, .search-bar div.ec-cloth.queries:before, .simulator > header dd.ec-cloth:before, .p3-layout .menu-pane li.ec-cloth:before, .chat_list_view #simulator footer.send-type-text .type-text b.ec-cloth:before, .bot-editor section.actions li h5.ec-cloth:before, .bot-editor ul.nodes > li > div span.ec-cloth.new:before, .bot-editor ul.nodes > li > div label.ec-cloth.new:before, .bot-editor ul.nodes div.ec-cloth.schedule:before, .bot-editor ul.nodes ol.card li.ec-cloth.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ec-cloth:before, section.user-editor section.info header.ec-cloth:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ec-cloth:before {
    content: '';
    background-image: url(/images/ico_ec_cloth.svg?v=6); }
  .icon.ec-sale:before, .ec-sale.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-sale.on:before, table.list-view th.ec-sale.sortable:before, .ui-indicator .ec-sale#indicator:before, .search-bar div.ec-sale.queries:before, .simulator > header dd.ec-sale:before, .p3-layout .menu-pane li.ec-sale:before, .chat_list_view #simulator footer.send-type-text .type-text b.ec-sale:before, .bot-editor section.actions li h5.ec-sale:before, .bot-editor ul.nodes > li > div span.ec-sale.new:before, .bot-editor ul.nodes > li > div label.ec-sale.new:before, .bot-editor ul.nodes div.ec-sale.schedule:before, .bot-editor ul.nodes ol.card li.ec-sale.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ec-sale:before, section.user-editor section.info header.ec-sale:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ec-sale:before {
    content: '';
    background-image: url(/images/ico_ec_sale.svg?v=6); }
  .icon.ec-stock:before, .ec-stock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-stock.on:before, table.list-view th.ec-stock.sortable:before, .ui-indicator .ec-stock#indicator:before, .search-bar div.ec-stock.queries:before, .simulator > header dd.ec-stock:before, .p3-layout .menu-pane li.ec-stock:before, .chat_list_view #simulator footer.send-type-text .type-text b.ec-stock:before, .bot-editor section.actions li h5.ec-stock:before, .bot-editor ul.nodes > li > div span.ec-stock.new:before, .bot-editor ul.nodes > li > div label.ec-stock.new:before, .bot-editor ul.nodes div.ec-stock.schedule:before, .bot-editor ul.nodes ol.card li.ec-stock.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ec-stock:before, section.user-editor section.info header.ec-stock:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ec-stock:before {
    content: '';
    background-image: url(/images/ico_ec_stock.svg?v=6); }
  .icon.ec-subscr:before, .ec-subscr.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-subscr.on:before, table.list-view th.ec-subscr.sortable:before, .ui-indicator .ec-subscr#indicator:before, .search-bar div.ec-subscr.queries:before, .simulator > header dd.ec-subscr:before, .p3-layout .menu-pane li.ec-subscr:before, .chat_list_view #simulator footer.send-type-text .type-text b.ec-subscr:before, .bot-editor section.actions li h5.ec-subscr:before, .bot-editor ul.nodes > li > div span.ec-subscr.new:before, .bot-editor ul.nodes > li > div label.ec-subscr.new:before, .bot-editor ul.nodes div.ec-subscr.schedule:before, .bot-editor ul.nodes ol.card li.ec-subscr.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ec-subscr:before, section.user-editor section.info header.ec-subscr:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ec-subscr:before {
    content: ""; }
  .icon.ecoma-w:before, .ecoma-w.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ecoma-w.on:before, table.list-view th.ecoma-w.sortable:before, .ui-indicator .ecoma-w#indicator:before, .search-bar div.ecoma-w.queries:before, .simulator > header dd.ecoma-w:before, .p3-layout .menu-pane li.ecoma-w:before, .chat_list_view #simulator footer.send-type-text .type-text b.ecoma-w:before, .bot-editor section.actions li h5.ecoma-w:before, .bot-editor ul.nodes > li > div span.ecoma-w.new:before, .bot-editor ul.nodes > li > div label.ecoma-w.new:before, .bot-editor ul.nodes div.ecoma-w.schedule:before, .bot-editor ul.nodes ol.card li.ecoma-w.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.ecoma-w:before, section.user-editor section.info header.ecoma-w:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.ecoma-w:before {
    content: '';
    background-image: url(/images/ecoma-w.svg); }
  .icon.infor:before, .infor.form-item-autocomplete.loading-autocomplete:before, table.list-view th.infor.on:before, table.list-view th.infor.sortable:before, .ui-indicator .infor#indicator:before, .search-bar div.infor.queries:before, .simulator > header dd.infor:before, .p3-layout .menu-pane li.infor:before, .chat_list_view #simulator footer.send-type-text .type-text b.infor:before, .bot-editor section.actions li h5.infor:before, .bot-editor ul.nodes > li > div span.infor.new:before, .bot-editor ul.nodes > li > div label.infor.new:before, .bot-editor ul.nodes div.infor.schedule:before, .bot-editor ul.nodes ol.card li.infor.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.infor:before, section.user-editor section.info header.infor:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.infor:before {
    content: ""; }
  .icon.info-default:before, .info-default.form-item-autocomplete.loading-autocomplete:before, table.list-view th.info-default.on:before, table.list-view th.info-default.sortable:before, .ui-indicator .info-default#indicator:before, .search-bar div.info-default.queries:before, .simulator > header dd.info-default:before, .p3-layout .menu-pane li.info-default:before, .chat_list_view #simulator footer.send-type-text .type-text b.info-default:before, .bot-editor section.actions li h5.info-default:before, .bot-editor ul.nodes > li > div span.info-default.new:before, .bot-editor ul.nodes > li > div label.info-default.new:before, .bot-editor ul.nodes div.info-default.schedule:before, .bot-editor ul.nodes ol.card li.info-default.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.info-default:before, section.user-editor section.info header.info-default:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.info-default:before {
    content: ""; }
  .icon.image:before, .image.form-item-autocomplete.loading-autocomplete:before, table.list-view th.image.on:before, table.list-view th.image.sortable:before, .ui-indicator .image#indicator:before, .search-bar div.image.queries:before, .simulator > header dd.image:before, .p3-layout .menu-pane li.image:before, .chat_list_view #simulator footer.send-type-text .type-text b.image:before, .bot-editor section.actions li h5.image:before, .bot-editor ul.nodes > li > div span.image.new:before, .bot-editor ul.nodes > li > div label.image.new:before, .bot-editor ul.nodes div.image.schedule:before, .bot-editor ul.nodes ol.card li.image.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.image:before, section.user-editor section.info header.image:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.image:before {
    content: ""; }
  .icon.text:before, .text.form-item-autocomplete.loading-autocomplete:before, table.list-view th.text.on:before, table.list-view th.text.sortable:before, .ui-indicator .text#indicator:before, .search-bar div.text.queries:before, .simulator > header dd.text:before, .p3-layout .menu-pane li.text:before, .chat_list_view #simulator footer.send-type-text .type-text b.text:before, .bot-editor section.actions li h5.text:before, .bot-editor ul.nodes > li > div span.text.new:before, .bot-editor ul.nodes > li > div label.text.new:before, .bot-editor ul.nodes div.text.schedule:before, .bot-editor ul.nodes ol.card li.text.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.text:before, section.user-editor section.info header.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.text:before {
    content: ""; }
  .icon.act:before, .act.form-item-autocomplete.loading-autocomplete:before, table.list-view th.act.on:before, table.list-view th.act.sortable:before, .ui-indicator .act#indicator:before, .search-bar div.act.queries:before, .simulator > header dd.act:before, .p3-layout .menu-pane li.act:before, .chat_list_view #simulator footer.send-type-text .type-text b.act:before, .bot-editor section.actions li h5.act:before, .bot-editor ul.nodes > li > div span.act.new:before, .bot-editor ul.nodes > li > div label.act.new:before, .bot-editor ul.nodes div.act.schedule:before, .bot-editor ul.nodes ol.card li.act.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.act:before, section.user-editor section.info header.act:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.act:before {
    content: ""; }
  .icon.stamps:before, .stamps.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stamps.on:before, table.list-view th.stamps.sortable:before, .ui-indicator .stamps#indicator:before, .search-bar div.stamps.queries:before, .simulator > header dd.stamps:before, .p3-layout .menu-pane li.stamps:before, .chat_list_view #simulator footer.send-type-text .type-text b.stamps:before, .bot-editor section.actions li h5.stamps:before, .bot-editor ul.nodes > li > div span.stamps.new:before, .bot-editor ul.nodes > li > div label.stamps.new:before, .bot-editor ul.nodes div.stamps.schedule:before, .bot-editor ul.nodes ol.card li.stamps.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.stamps:before, section.user-editor section.info header.stamps:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.stamps:before {
    content: ""; }
  .icon.emoji:before, .emoji.form-item-autocomplete.loading-autocomplete:before, table.list-view th.emoji.on:before, table.list-view th.emoji.sortable:before, .ui-indicator .emoji#indicator:before, .search-bar div.emoji.queries:before, .simulator > header dd.emoji:before, .p3-layout .menu-pane li.emoji:before, .chat_list_view #simulator footer.send-type-text .type-text b.emoji:before, .bot-editor section.actions li h5.emoji:before, .bot-editor ul.nodes > li > div span.emoji.new:before, .bot-editor ul.nodes > li > div label.emoji.new:before, .bot-editor ul.nodes div.emoji.schedule:before, .bot-editor ul.nodes ol.card li.emoji.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.emoji:before, section.user-editor section.info header.emoji:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.emoji:before {
    content: ""; }
  .icon.git:before, .git.form-item-autocomplete.loading-autocomplete:before, table.list-view th.git.on:before, table.list-view th.git.sortable:before, .ui-indicator .git#indicator:before, .search-bar div.git.queries:before, .simulator > header dd.git:before, .p3-layout .menu-pane li.git:before, .chat_list_view #simulator footer.send-type-text .type-text b.git:before, .bot-editor section.actions li h5.git:before, .bot-editor ul.nodes > li > div span.git.new:before, .bot-editor ul.nodes > li > div label.git.new:before, .bot-editor ul.nodes div.git.schedule:before, .bot-editor ul.nodes ol.card li.git.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.git:before, section.user-editor section.info header.git:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.git:before {
    content: ""; }
  .icon.oname_sdk:before, .oname_sdk.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_sdk.on:before, table.list-view th.oname_sdk.sortable:before, .ui-indicator .oname_sdk#indicator:before, .ui-indicator .simulator > header dd#indicator.web:before, .simulator > header .ui-indicator dd#indicator.web:before, .search-bar div.oname_sdk.queries:before, .simulator > header dd.oname_sdk:before, .simulator > header dd.web:before, .p3-layout .menu-pane li.oname_sdk:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_sdk:before, .bot-editor section.actions li h5.oname_sdk:before, .bot-editor ul.nodes > li > div span.oname_sdk.new:before, .bot-editor ul.nodes > li > div label.oname_sdk.new:before, .bot-editor ul.nodes div.oname_sdk.schedule:before, .bot-editor ul.nodes ol.card li.oname_sdk.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_sdk:before, section.user-editor section.info header.oname_sdk:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_sdk:before {
    content: ""; }
  .icon.oname_fb:before, .oname_fb.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_fb.on:before, table.list-view th.oname_fb.sortable:before, .ui-indicator .oname_fb#indicator:before, .ui-indicator .simulator > header dd#indicator.fb:before, .simulator > header .ui-indicator dd#indicator.fb:before, .search-bar div.oname_fb.queries:before, .simulator > header dd.oname_fb:before, .simulator > header dd.fb:before, .p3-layout .menu-pane li.oname_fb:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_fb:before, .bot-editor section.actions li h5.oname_fb:before, .bot-editor ul.nodes > li > div span.oname_fb.new:before, .bot-editor ul.nodes > li > div label.oname_fb.new:before, .bot-editor ul.nodes div.oname_fb.schedule:before, .bot-editor ul.nodes ol.card li.oname_fb.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_fb:before, section.user-editor section.info header.oname_fb:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_fb:before {
    content: ""; }
  .icon.oname_ig:before, .oname_ig.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_ig.on:before, table.list-view th.oname_ig.sortable:before, .ui-indicator .oname_ig#indicator:before, .search-bar div.oname_ig.queries:before, .simulator > header dd.oname_ig:before, .p3-layout .menu-pane li.oname_ig:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_ig:before, .bot-editor section.actions li h5.oname_ig:before, .bot-editor ul.nodes > li > div span.oname_ig.new:before, .bot-editor ul.nodes > li > div label.oname_ig.new:before, .bot-editor ul.nodes div.oname_ig.schedule:before, .bot-editor ul.nodes ol.card li.oname_ig.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_ig:before, section.user-editor section.info header.oname_ig:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_ig:before {
    content: ""; }
  .icon.oname_tw:before, .oname_tw.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_tw.on:before, table.list-view th.oname_tw.sortable:before, .ui-indicator .oname_tw#indicator:before, .search-bar div.oname_tw.queries:before, .simulator > header dd.oname_tw:before, .p3-layout .menu-pane li.oname_tw:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_tw:before, .bot-editor section.actions li h5.oname_tw:before, .bot-editor ul.nodes > li > div span.oname_tw.new:before, .bot-editor ul.nodes > li > div label.oname_tw.new:before, .bot-editor ul.nodes div.oname_tw.schedule:before, .bot-editor ul.nodes ol.card li.oname_tw.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_tw:before, section.user-editor section.info header.oname_tw:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_tw:before {
    content: ""; }
  .icon.oname_wc:before, .oname_wc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_wc.on:before, table.list-view th.oname_wc.sortable:before, .ui-indicator .oname_wc#indicator:before, .search-bar div.oname_wc.queries:before, .simulator > header dd.oname_wc:before, .p3-layout .menu-pane li.oname_wc:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_wc:before, .bot-editor section.actions li h5.oname_wc:before, .bot-editor ul.nodes > li > div span.oname_wc.new:before, .bot-editor ul.nodes > li > div label.oname_wc.new:before, .bot-editor ul.nodes div.oname_wc.schedule:before, .bot-editor ul.nodes ol.card li.oname_wc.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_wc:before, section.user-editor section.info header.oname_wc:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_wc:before {
    content: ""; }
  .icon.oname_line:before, .oname_line.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_line.on:before, table.list-view th.oname_line.sortable:before, .ui-indicator .oname_line#indicator:before, .ui-indicator .simulator > header dd#indicator.line:before, .simulator > header .ui-indicator dd#indicator.line:before, .search-bar div.oname_line.queries:before, .simulator > header dd.oname_line:before, .simulator > header dd.line:before, .p3-layout .menu-pane li.oname_line:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_line:before, .bot-editor section.actions li h5.oname_line:before, .bot-editor ul.nodes > li > div span.oname_line.new:before, .bot-editor ul.nodes > li > div label.oname_line.new:before, .bot-editor ul.nodes div.oname_line.schedule:before, .bot-editor ul.nodes ol.card li.oname_line.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_line:before, section.user-editor section.info header.oname_line:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_line:before {
    content: "";
    background-image: url(/images/ico-line-g.svg?v=2);
    background-size: auto 14px;
    background-position: left 50%;
    width: 16px;
    height: inherit; }
  .icon.oname_line.on:before, .oname_line.on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_line.on:before, .ui-indicator .oname_line.on#indicator:before, .ui-indicator .simulator > header dd.on#indicator.line:before, .simulator > header .ui-indicator dd.on#indicator.line:before, .search-bar div.oname_line.on.queries:before, .simulator > header dd.oname_line.on:before, .simulator > header dd.on.line:before, .p3-layout .menu-pane li.oname_line.on:before, .chat_list_view #simulator footer.send-type-text .type-text b.oname_line.on:before, .bot-editor section.actions li h5.oname_line.on:before, .bot-editor ul.nodes > li > div span.oname_line.on.new:before, .bot-editor ul.nodes > li > div label.oname_line.on.new:before, .bot-editor ul.nodes div.oname_line.on.schedule:before, .bot-editor ul.nodes ol.card li.oname_line.on.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oname_line.on:before, section.user-editor section.info header.oname_line.on:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oname_line.on:before {
    content: "";
    background-image: url(/images/ico-line-d.svg?v=2); }
  .icon.oline_right:before, .oline_right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oline_right.on:before, table.list-view th.oline_right.sortable:before, .ui-indicator .oline_right#indicator:before, .search-bar div.oline_right.queries:before, .simulator > header dd.oline_right:before, .p3-layout .menu-pane li.oline_right:before, .chat_list_view #simulator footer.send-type-text .type-text b.oline_right:before, .bot-editor section.actions li h5.oline_right:before, .bot-editor ul.nodes > li > div span.oline_right.new:before, .bot-editor ul.nodes > li > div label.oline_right.new:before, .bot-editor ul.nodes div.oline_right.schedule:before, .bot-editor ul.nodes ol.card li.oline_right.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oline_right:before, section.user-editor section.info header.oline_right:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oline_right:before {
    content: "";
    background-position: right 50%;
    background-image: url(/images/ico-line-g.svg?v=2);
    background-size: auto 14px;
    width: 16px;
    height: inherit; }
  .icon.oline_right.on:before, .oline_right.on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oline_right.on:before, .ui-indicator .oline_right.on#indicator:before, .search-bar div.oline_right.on.queries:before, .simulator > header dd.oline_right.on:before, .p3-layout .menu-pane li.oline_right.on:before, .chat_list_view #simulator footer.send-type-text .type-text b.oline_right.on:before, .bot-editor section.actions li h5.oline_right.on:before, .bot-editor ul.nodes > li > div span.oline_right.on.new:before, .bot-editor ul.nodes > li > div label.oline_right.on.new:before, .bot-editor ul.nodes div.oline_right.on.schedule:before, .bot-editor ul.nodes ol.card li.oline_right.on.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.oline_right.on:before, section.user-editor section.info header.oline_right.on:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.oline_right.on:before {
    content: "";
    background-image: url(/images/ico-line-g.svg);
    height: inherit; }
  .icon.sort:before, .sort.form-item-autocomplete.loading-autocomplete:before, table.list-view th.sort.on:before, table.list-view th.sort.sortable:before, .ui-indicator .sort#indicator:before, .search-bar div.sort.queries:before, .simulator > header dd.sort:before, .p3-layout .menu-pane li.sort:before, .chat_list_view #simulator footer.send-type-text .type-text b.sort:before, .bot-editor section.actions li h5.sort:before, .bot-editor ul.nodes > li > div span.sort.new:before, .bot-editor ul.nodes > li > div label.sort.new:before, .bot-editor ul.nodes div.sort.schedule:before, .bot-editor ul.nodes ol.card li.sort.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.sort:before, section.user-editor section.info header.sort:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.sort:before {
    content: ""; }
  .icon.asc:before, .asc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.on.asc:before, table.list-view th.asc.sortable:before, .ui-indicator .asc#indicator:before, .search-bar div.asc.queries:before, .simulator > header dd.asc:before, .p3-layout .menu-pane li.asc:before, .chat_list_view #simulator footer.send-type-text .type-text b.asc:before, .bot-editor section.actions li h5.asc:before, .bot-editor ul.nodes > li > div span.asc.new:before, .bot-editor ul.nodes > li > div label.asc.new:before, .bot-editor ul.nodes div.asc.schedule:before, .bot-editor ul.nodes ol.card li.asc.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.asc:before, section.user-editor section.info header.asc:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.asc:before {
    content: ""; }
  .icon.desc:before, .desc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.on.desc:before, table.list-view th.desc.sortable:before, .ui-indicator .desc#indicator:before, .search-bar div.desc.queries:before, .simulator > header dd.desc:before, .p3-layout .menu-pane li.desc:before, .chat_list_view #simulator footer.send-type-text .type-text b.desc:before, .bot-editor section.actions li h5.desc:before, .bot-editor ul.nodes > li > div span.desc.new:before, .bot-editor ul.nodes > li > div label.desc.new:before, .bot-editor ul.nodes div.desc.schedule:before, .bot-editor ul.nodes ol.card li.desc.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.desc:before, section.user-editor section.info header.desc:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.desc:before {
    content: ""; }
  .icon.power-on:before, .power-on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.power-on.on:before, table.list-view th.power-on.sortable:before, .ui-indicator .power-on#indicator:before, .search-bar div.power-on.queries:before, .simulator > header dd.power-on:before, .p3-layout .menu-pane li.power-on:before, .chat_list_view #simulator footer.send-type-text .type-text b.power-on:before, .bot-editor section.actions li h5.power-on:before, .bot-editor ul.nodes > li > div span.power-on.new:before, .bot-editor ul.nodes > li > div label.power-on.new:before, .bot-editor ul.nodes div.power-on.schedule:before, .bot-editor ul.nodes ol.card li.power-on.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.power-on:before, section.user-editor section.info header.power-on:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.power-on:before {
    content: ""; }
  .icon.power-off:before, .power-off.form-item-autocomplete.loading-autocomplete:before, table.list-view th.power-off.on:before, table.list-view th.power-off.sortable:before, .ui-indicator .power-off#indicator:before, .search-bar div.power-off.queries:before, .simulator > header dd.power-off:before, .p3-layout .menu-pane li.power-off:before, .chat_list_view #simulator footer.send-type-text .type-text b.power-off:before, .bot-editor section.actions li h5.power-off:before, .bot-editor ul.nodes > li > div span.power-off.new:before, .bot-editor ul.nodes > li > div label.power-off.new:before, .bot-editor ul.nodes div.power-off.schedule:before, .bot-editor ul.nodes ol.card li.power-off.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.power-off:before, section.user-editor section.info header.power-off:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.power-off:before {
    content: ""; }
  .icon.switch-on:before, .switch-on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.switch-on.on:before, table.list-view th.switch-on.sortable:before, .ui-indicator .switch-on#indicator:before, .search-bar div.switch-on.queries:before, .simulator > header dd.switch-on:before, .p3-layout .menu-pane li.switch-on:before, .chat_list_view #simulator footer.send-type-text .type-text b.switch-on:before, .bot-editor section.actions li h5.switch-on:before, .bot-editor ul.nodes > li > div span.switch-on.new:before, .bot-editor ul.nodes > li > div label.switch-on.new:before, .bot-editor ul.nodes div.switch-on.schedule:before, .bot-editor ul.nodes ol.card li.switch-on.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.switch-on:before, section.user-editor section.info header.switch-on:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.switch-on:before {
    content: ""; }
  .icon.switch-off:before, .switch-off.form-item-autocomplete.loading-autocomplete:before, table.list-view th.switch-off.on:before, table.list-view th.switch-off.sortable:before, .ui-indicator .switch-off#indicator:before, .search-bar div.switch-off.queries:before, .simulator > header dd.switch-off:before, .p3-layout .menu-pane li.switch-off:before, .chat_list_view #simulator footer.send-type-text .type-text b.switch-off:before, .bot-editor section.actions li h5.switch-off:before, .bot-editor ul.nodes > li > div span.switch-off.new:before, .bot-editor ul.nodes > li > div label.switch-off.new:before, .bot-editor ul.nodes div.switch-off.schedule:before, .bot-editor ul.nodes ol.card li.switch-off.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.switch-off:before, section.user-editor section.info header.switch-off:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.switch-off:before {
    content: ""; }
  .icon.upload:before, .upload.form-item-autocomplete.loading-autocomplete:before, table.list-view th.upload.on:before, table.list-view th.upload.sortable:before, .ui-indicator .upload#indicator:before, .search-bar div.upload.queries:before, .simulator > header dd.upload:before, .p3-layout .menu-pane li.upload:before, .chat_list_view #simulator footer.send-type-text .type-text b.upload:before, .bot-editor section.actions li h5.upload:before, .bot-editor ul.nodes > li > div span.upload.new:before, .bot-editor ul.nodes > li > div label.upload.new:before, .bot-editor ul.nodes div.upload.schedule:before, .bot-editor ul.nodes ol.card li.upload.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.upload:before, section.user-editor section.info header.upload:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.upload:before {
    content: ""; }
  .icon.trans-next:before, .trans-next.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trans-next.on:before, table.list-view th.trans-next.sortable:before, .ui-indicator .trans-next#indicator:before, .search-bar div.trans-next.queries:before, .simulator > header dd.trans-next:before, .p3-layout .menu-pane li.trans-next:before, .chat_list_view #simulator footer.send-type-text .type-text b.trans-next:before, .bot-editor section.actions li h5.trans-next:before, .bot-editor ul.nodes > li > div span.trans-next.new:before, .bot-editor ul.nodes > li > div label.trans-next.new:before, .bot-editor ul.nodes div.trans-next.schedule:before, .bot-editor ul.nodes ol.card li.trans-next.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.trans-next:before, section.user-editor section.info header.trans-next:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trans-next:before {
    content: ""; }
  .icon.trans-manual:before, .trans-manual.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trans-manual.on:before, table.list-view th.trans-manual.sortable:before, .ui-indicator .trans-manual#indicator:before, .search-bar div.trans-manual.queries:before, .simulator > header dd.trans-manual:before, .p3-layout .menu-pane li.trans-manual:before, .chat_list_view #simulator footer.send-type-text .type-text b.trans-manual:before, .bot-editor section.actions li h5.trans-manual:before, .bot-editor ul.nodes > li > div span.trans-manual.new:before, .bot-editor ul.nodes > li > div label.trans-manual.new:before, .bot-editor ul.nodes div.trans-manual.schedule:before, .bot-editor ul.nodes ol.card li.trans-manual.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.trans-manual:before, section.user-editor section.info header.trans-manual:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trans-manual:before {
    content: ""; }
  .icon.show:before, .show.form-item-autocomplete.loading-autocomplete:before, table.list-view th.show.on:before, table.list-view th.show.sortable:before, .ui-indicator .show#indicator:before, .search-bar div.show.queries:before, .simulator > header dd.show:before, .p3-layout .menu-pane li.show:before, .chat_list_view #simulator footer.send-type-text .type-text b.show:before, .bot-editor section.actions li h5.show:before, .bot-editor ul.nodes > li > div span.show.new:before, .bot-editor ul.nodes > li > div label.show.new:before, .bot-editor ul.nodes div.show.schedule:before, .bot-editor ul.nodes ol.card li.show.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.show:before, section.user-editor section.info header.show:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.show:before {
    content: ""; }
  .icon.hide:before, .hide.form-item-autocomplete.loading-autocomplete:before, table.list-view th.hide.on:before, table.list-view th.hide.sortable:before, .ui-indicator .hide#indicator:before, .search-bar div.hide.queries:before, .simulator > header dd.hide:before, .p3-layout .menu-pane li.hide:before, .chat_list_view #simulator footer.send-type-text .type-text b.hide:before, .bot-editor section.actions li h5.hide:before, .bot-editor ul.nodes > li > div span.hide.new:before, .bot-editor ul.nodes > li > div label.hide.new:before, .bot-editor ul.nodes div.hide.schedule:before, .bot-editor ul.nodes ol.card li.hide.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.hide:before, section.user-editor section.info header.hide:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.hide:before {
    content: ""; }
  .icon.crop:before, .crop.form-item-autocomplete.loading-autocomplete:before, table.list-view th.crop.on:before, table.list-view th.crop.sortable:before, .ui-indicator .crop#indicator:before, .search-bar div.crop.queries:before, .simulator > header dd.crop:before, .p3-layout .menu-pane li.crop:before, .chat_list_view #simulator footer.send-type-text .type-text b.crop:before, .bot-editor section.actions li h5.crop:before, .bot-editor ul.nodes > li > div span.crop.new:before, .bot-editor ul.nodes > li > div label.crop.new:before, .bot-editor ul.nodes div.crop.schedule:before, .bot-editor ul.nodes ol.card li.crop.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.crop:before, section.user-editor section.info header.crop:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.crop:before {
    content: ""; }
  .icon.arrow-up:before, .arrow-up.form-item-autocomplete.loading-autocomplete:before, table.list-view th.arrow-up.on:before, table.list-view th.arrow-up.sortable:before, .ui-indicator .arrow-up#indicator:before, .search-bar div.arrow-up.queries:before, .simulator > header dd.arrow-up:before, .p3-layout .menu-pane li.arrow-up:before, .chat_list_view #simulator footer.send-type-text .type-text b.arrow-up:before, .bot-editor section.actions li h5.arrow-up:before, .bot-editor ul.nodes > li > div span.arrow-up.new:before, .bot-editor ul.nodes > li > div label.arrow-up.new:before, .bot-editor ul.nodes div.arrow-up.schedule:before, .bot-editor ul.nodes ol.card li.arrow-up.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.arrow-up:before, section.user-editor section.info header.arrow-up:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.arrow-up:before {
    content: ""; }
  .icon.arrow-down:before, .arrow-down.form-item-autocomplete.loading-autocomplete:before, table.list-view th.arrow-down.on:before, table.list-view th.arrow-down.sortable:before, .ui-indicator .arrow-down#indicator:before, .search-bar div.arrow-down.queries:before, .simulator > header dd.arrow-down:before, .p3-layout .menu-pane li.arrow-down:before, .chat_list_view #simulator footer.send-type-text .type-text b.arrow-down:before, .bot-editor section.actions li h5.arrow-down:before, .bot-editor ul.nodes > li > div span.arrow-down.new:before, .bot-editor ul.nodes > li > div label.arrow-down.new:before, .bot-editor ul.nodes div.arrow-down.schedule:before, .bot-editor ul.nodes ol.card li.arrow-down.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.arrow-down:before, section.user-editor section.info header.arrow-down:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.arrow-down:before {
    content: ""; }
  .icon.fa-tags, .fa-tags.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-tags.on, table.list-view th.fa-tags.sortable, .ui-indicator .fa-tags#indicator:before, .search-bar div.fa-tags.queries, .simulator > header dd.fa-tags, .p3-layout .menu-pane li.fa-tags, .chat_list_view #simulator footer.send-type-text .type-text b.fa-tags:before, .bot-editor section.actions li h5.fa-tags, .bot-editor ul.nodes > li > div span.fa-tags.new, .bot-editor ul.nodes > li > div label.fa-tags.new, .bot-editor ul.nodes div.fa-tags.schedule, .bot-editor ul.nodes ol.card li.fa-tags.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover u.fa-tags, section.user-editor section.info header.fa-tags, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.fa-tags:before {
    content: ""; }
  .icon.gtm::before, table.list-view th.gtm.on::before, table.list-view th.gtm.sortable::before, .search-bar div.gtm.queries::before, .simulator > header dd.gtm::before, .p3-layout .menu-pane li.gtm::before, .bot-editor section.actions li h5.gtm::before, .bot-editor ul.nodes > li > div span.gtm.new::before, .bot-editor ul.nodes > li > div label.gtm.new::before, .bot-editor ul.nodes div.gtm.schedule::before, .bot-editor ul.nodes ol.card li.gtm.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.gtm::before, section.user-editor section.info header.gtm::before, .icon.gpt::before, table.list-view th.gpt.on::before, table.list-view th.gpt.sortable::before, .search-bar div.gpt.queries::before, .simulator > header dd.gpt::before, .p3-layout .menu-pane li.gpt::before, .bot-editor section.actions li h5.gpt::before, .bot-editor ul.nodes > li > div span.gpt.new::before, .bot-editor ul.nodes > li > div label.gpt.new::before, .bot-editor ul.nodes div.gpt.schedule::before, .bot-editor ul.nodes ol.card li.gpt.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.gpt::before, section.user-editor section.info header.gpt::before, .icon.msteams::before, table.list-view th.msteams.on::before, table.list-view th.msteams.sortable::before, .search-bar div.msteams.queries::before, .simulator > header dd.msteams::before, .p3-layout .menu-pane li.msteams::before, .bot-editor section.actions li h5.msteams::before, .bot-editor ul.nodes > li > div span.msteams.new::before, .bot-editor ul.nodes > li > div label.msteams.new::before, .bot-editor ul.nodes div.msteams.schedule::before, .bot-editor ul.nodes ol.card li.msteams.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.msteams::before, section.user-editor section.info header.msteams::before {
    display: inline-block;
    content: '';
    filter: saturate(0);
    background-position: center;
    height: 100%;
    width: 17px; }
  .icon.gtm::before, table.list-view th.gtm.on::before, table.list-view th.gtm.sortable::before, .search-bar div.gtm.queries::before, .simulator > header dd.gtm::before, .p3-layout .menu-pane li.gtm::before, .bot-editor section.actions li h5.gtm::before, .bot-editor ul.nodes > li > div span.gtm.new::before, .bot-editor ul.nodes > li > div label.gtm.new::before, .bot-editor ul.nodes div.gtm.schedule::before, .bot-editor ul.nodes ol.card li.gtm.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.gtm::before, section.user-editor section.info header.gtm::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.87 122.89'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238ab4f8%3B%7D.cls-2%7Bfill:%234285f4%3B%7D.cls-3%7Bfill:%23246fdb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Egoogle-tag-manager%3C/title%3E%3Cpolygon class='cls-1' points='72.13 118.22 50.8 96.86 96.63 50.56 118.35 72.28 72.13 118.22 72.13 118.22'/%3E%3Cpath class='cls-2' d='M72.29 26.23 50.56 4.5 4.5 50.56a15.35 15.35 0 0 0 0 21.71h0l46.06 46.06 21.31-21.4L37.07 61.45 72.29 26.23Z'/%3E%3Cpath class='cls-1' d='M118.35 50.56 72.29 4.5A15.36 15.36 0 0 0 50.56 26.22L96.65 72.28a15.36 15.36 0 0 0 21.72-21.72Z'/%3E%3Cpath class='cls-3' d='M76.48 107.66a15.23 15.23 0 1 0-15.22 15.23 15.22 15.22 0 0 0 15.22-15.23Z'/%3E%3C/svg%3E");
    width: 18px; }
  .icon.gpt::before, table.list-view th.gpt.on::before, table.list-view th.gpt.sortable::before, .search-bar div.gpt.queries::before, .simulator > header dd.gpt::before, .p3-layout .menu-pane li.gpt::before, .bot-editor section.actions li h5.gpt::before, .bot-editor ul.nodes > li > div span.gpt.new::before, .bot-editor ul.nodes > li > div label.gpt.new::before, .bot-editor ul.nodes div.gpt.schedule::before, .bot-editor ul.nodes ol.card li.gpt.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.gpt::before, section.user-editor section.info header.gpt::before {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 24 24' role='img' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EOpenAI icon%3C/title%3E%3Cpath d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E");
    margin: 0 9px; }
  .icon.msteams::before, table.list-view th.msteams.on::before, table.list-view th.msteams.sortable::before, .search-bar div.msteams.queries::before, .simulator > header dd.msteams::before, .p3-layout .menu-pane li.msteams::before, .bot-editor section.actions li h5.msteams::before, .bot-editor ul.nodes > li > div span.msteams.new::before, .bot-editor ul.nodes > li > div label.msteams.new::before, .bot-editor ul.nodes div.msteams.schedule::before, .bot-editor ul.nodes ol.card li.msteams.item.new::before, .bot-editor ul.nodes div.react-btns label.colors:hover u.msteams::before, section.user-editor section.info header.msteams::before {
    background-image: url(/images/ico_team.svg); }
  .icon.external-link:before, .external-link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.external-link.on:before, table.list-view th.external-link.sortable:before, .ui-indicator .external-link#indicator:before, .search-bar div.external-link.queries:before, .simulator > header dd.external-link:before, .p3-layout .menu-pane li.external-link:before, .chat_list_view #simulator footer.send-type-text .type-text b.external-link:before, .bot-editor section.actions li h5.external-link:before, .bot-editor ul.nodes > li > div span.external-link.new:before, .bot-editor ul.nodes > li > div label.external-link.new:before, .bot-editor ul.nodes div.external-link.schedule:before, .bot-editor ul.nodes ol.card li.external-link.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.external-link:before, section.user-editor section.info header.external-link:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.external-link:before {
    content: ""; }
  .icon.external-link-square:before, .external-link-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.external-link-square.on:before, table.list-view th.external-link-square.sortable:before, .ui-indicator .external-link-square#indicator:before, .search-bar div.external-link-square.queries:before, .simulator > header dd.external-link-square:before, .p3-layout .menu-pane li.external-link-square:before, .chat_list_view #simulator footer.send-type-text .type-text b.external-link-square:before, .bot-editor section.actions li h5.external-link-square:before, .bot-editor ul.nodes > li > div span.external-link-square.new:before, .bot-editor ul.nodes > li > div label.external-link-square.new:before, .bot-editor ul.nodes div.external-link-square.schedule:before, .bot-editor ul.nodes ol.card li.external-link-square.item.new:before, .bot-editor ul.nodes div.react-btns label.colors:hover u.external-link-square:before, section.user-editor section.info header.external-link-square:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.external-link-square:before {
    content: ""; }

.thaw {
  text-indent: 0 !important; }

.material-icons {
  font-family: 'Material Icons' !important; }

.ui-indicator {
  background: transparent !important; }
  .ui-indicator #indicator {
    background-color: transparent;
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    margin-top: 0px;
    height: calc(100vh);
    overflow: none;
    color: white; }
    .ui-indicator #indicator:before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -80px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center !important;
      font-size: 3.6rem;
      padding: 0 !important;
      -webkit-animation: fa-spin 1s infinite linear;
      animation: fa-spin 1s infinite linear;
      content: ""; }
    .ui-indicator #indicator:after {
      content: 'Loading ...';
      position: absolute;
      width: inherit;
      text-align: center;
      font-size: 1rem;
      top: 50%;
      left: 0;
      margin-top: -10px;
      width: 100%; }

@keyframes indicator-label-present {
  0% {
    transform: translateY(24px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.indicator-mask {
  width: 100vw;
  height: 100vh;
  z-index: 15000;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  transform: none;
  overflow: hidden; }
  .indicator-mask section {
    border-width: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    box-sizing: content-box !important;
    border: 100vw solid rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    transition: all 0.25s ease-in-out;
    cursor: pointer; }
  .indicator-mask div.tips {
    font-size: 16px;
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 12px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    animation: indicator-label-present 0.25s ease-in-out;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    padding-top: 12px;
    padding-bottom: 12px; }
    .indicator-mask div.tips p {
      color: #222;
      font-size: 14px; }
      .indicator-mask div.tips p b {
        color: black;
        font-weight: bold; }
      .indicator-mask div.tips p h1 {
        margin-bottom: 1em;
        font-weight: bold;
        font-size: 1.25em;
        padding: 0;
        line-height: initial;
        height: initial;
        text-transform: uppercase; }
      .indicator-mask div.tips p .key {
        padding: 0.15em 0.5em;
        background-color: #abc;
        border-radius: 0.4em;
        color: #fff; }
      .indicator-mask div.tips p .step {
        display: block;
        position: absolute;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
        color: #D0C9C3; }
        .indicator-mask div.tips p .step::after {
          content: " / " attr(data-max); }
  .indicator-mask div.btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 16px;
    padding-right: 16px; }
    .indicator-mask div.btns button {
      border: 0;
      font-weight: normal;
      color: #D0C9C3;
      padding: 0;
      margin-left: 0; }
    .indicator-mask div.btns button.main {
      color: #5F5BFF;
      font-weight: bold; }
    .indicator-mask div.btns button:hover {
      background: transparent; }
    .indicator-mask div.btns .space {
      flex: 1; }

nav.breadcrumbs h1, nav.breadcrumbs h2 {
  position: relative;
  cursor: pointer; }

.me {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
  cursor: pointer;
  line-height: inherit; }
  .me img {
    width: auto;
    height: 32px;
    border-radius: 16px; }
  .me h6 {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    font-size: 1rem;
    white-space: nowrap; }
  .me:hover {
    transform: scale(1.1);
    transition-duration: .25s;
    font-weight: bold; }

i.file_add {
  background-image: url(/images/ico_plus_white.svg); }

i.info {
  background-image: url(/images/ico_info.svg); }

i.info.on {
  background-image: url(/images/ico_info_on.svg); }

.ballon-text-left, ol.card li.text {
  background-color: #0084FF;
  color: white;
  width: 270px;
  padding: 10px 16px;
  box-sizing: border-box;
  font-size: .8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 16px;
  word-break: break-word; }

dl.tabs {
  display: flex;
  border: 1px solid #D0C9C3;
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  width: auto;
  margin-bottom: 10px;
  justify-content: center;
  width: 80%;
  align-items: stretch; }
  dl.tabs dd {
    font-size: .8rem;
    padding: 0 10px 0 10px;
    width: auto;
    height: inherit;
    line-height: inherit;
    border-right: 1px solid #D0C9C3;
    color: #666;
    position: relative;
    cursor: pointer; }
  dl.tabs dd:last-child {
    border-right: 0; }
  dl.tabs dd.has {
    padding-left: 20px; }
  dl.tabs dd.has:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 6px;
    top: 50%;
    transform: translate(0, -4px);
    border-radius: 4px;
    background-color: #FFAC23; }
  dl.tabs dd.on {
    color: #999;
    font-weight: bold; }
  dl.tabs dd.on.has:before {
    background-color: #0084FF; }

#caption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: inherit;
  text-align: left; }
  #caption > div {
    position: relative;
    width: inherit;
    height: inherit;
    min-height: 60px;
    overflow: hidden;
    background: white; }
  #caption > div > div {
    width: inherit;
    height: inherit;
    min-height: inherit;
    position: relative; }
  #caption .saving:before, #caption .save-error:before, #caption .save-success:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding-left: 16px;
    box-sizing: border-box;
    color: #999; }
  #caption .saving:before {
    content: 'Saving ...';
    animation: scrolling-caption-fixed 0.2s ease-out; }
  #caption .saving button.hiding {
    display: none; }
  #caption .save-error:before {
    content: 'Failed to save the data !!!';
    color: #DB234B;
    animation: scrolling-caption 1s ease-out; }
  #caption .save-success:before {
    content: 'Data has been saved successfully.';
    animation: scrolling-caption 1s ease-out; }

@keyframes scrolling-caption {
  0% {
    top: 100%; }
  10% {
    top: 0; }
  90% {
    top: 0;
    opacity: 1; }
  100% {
    top: -60px;
    opacity: 0; } }

@keyframes scrolling-caption-fixed {
  0% {
    top: 100%; }
  10% {
    top: 0; }
  100% {
    top: 0; } }

.columns {
  display: block;
  position: relative; }
  .columns > div {
    position: relative;
    margin: 20px;
    padding: 8px;
    width: 240px;
    height: 64px;
    border-radius: 4px;
    float: left;
    background-color: white;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .columns > div:hover {
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
    .columns > div * {
      position: relative;
      box-sizing: border-box;
      text-align: left; }
    .columns > div h3 {
      height: 28px;
      line-height: 24px;
      font-size: .9rem;
      font-weight: 600; }
    .columns > div p {
      margin: 0;
      padding: 0;
      font-size: .8rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.check-errors {
  background-color: rgba(255, 255, 255, 0.1);
  overflow: auto;
  max-height: 200px;
  padding: 8px 16px; }
  .check-errors > * {
    display: block !important;
    line-height: 20px;
    font-size: 12px;
    clear: both;
    width: inherit;
    text-decoration: none;
    text-align: left; }
    .check-errors > *:not(h3) {
      font-weight: normal !important; }
    .check-errors > *:not(h3):before {
      content: '・';
      font-weight: bold !important; }
    .check-errors > *:first-child {
      font-weight: bold !important; }
    .check-errors > * b {
      color: #222; }
    .check-errors > * u {
      color: rgba(255, 255, 255, 0.7); }
      .check-errors > * u:first-child {
        font-size: 12px; }

div.thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  box-sizing: border-box; }
  div.thumb.large {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 30px !important; }

aside details summary {
  height: 44px;
  line-height: 44px;
  font-size: 1rem;
  cursor: pointer;
  color: #3A3AB5;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  position: relative; }

aside details summary + ul {
  padding-left: 1.4rem; }
  aside details summary + ul li {
    height: 36px;
    line-height: 36px; }

.left-pane {
  position: relative;
  width: 180px;
  height: inherit;
  background-color: white;
  border-right: 1px solid #D0C9C3;
  display: flex;
  flex-direction: column;
  align-items: top; }
  .left-pane > ul, .left-pane > section {
    flex: 1;
    width: inherit;
    min-height: 48px; }
  .left-pane ul {
    overflow-x: hidden; }
  .left-pane header {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 24px;
    line-height: 24px !important;
    height: auto !important;
    text-align: left;
    color: #D0C9C3;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 0; }
  .left-pane li {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    color: #666;
    cursor: pointer; }
    .left-pane li > * {
      cursor: pointer; }
    .left-pane li:hover {
      background: #D0C9C3; }
    .left-pane li.on {
      background-color: #D0C9C3;
      margin-right: 1px; }
      .left-pane li.on * {
        color: #222; }
    .left-pane li.group {
      height: 36px;
      line-height: 36px;
      margin-top: 48px; }
    .left-pane li.group:hover {
      background: transparent; }
    .left-pane li h4 {
      padding-left: 16px;
      line-height: 40px;
      color: #D0C9C3 !important;
      font-size: 11px; }
    .left-pane li label {
      padding-left: 16px;
      text-transform: capitalize;
      font-weight: normal;
      flex: 1;
      cursor: pointer; }
    .left-pane li dl {
      min-width: 28px;
      width: 28px; }
    .left-pane li.icon, .left-pane li.form-item-autocomplete.loading-autocomplete:before, .left-pane .ui-indicator li#indicator:before, .ui-indicator .left-pane li#indicator:before, .left-pane .p3-layout .menu-pane li, .p3-layout .menu-pane .left-pane li, .left-pane .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .left-pane li.item.new {
      text-indent: 40px;
      padding-left: 0; }
    .left-pane li.icon:before, .left-pane li.form-item-autocomplete.loading-autocomplete:before, .left-pane .ui-indicator li#indicator:before, .ui-indicator .left-pane li#indicator:before, .left-pane .p3-layout .menu-pane li:before, .p3-layout .menu-pane .left-pane li:before, .left-pane .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes ol.card .left-pane li.item.new:before {
      text-indent: 0;
      margin-left: 32px;
      width: 16px;
      background-size: auto 16px;
      background-position: center center; }
  .left-pane .ui-dropdown {
    padding-left: 0; }
  .left-pane footer {
    width: inherit;
    height: auto;
    min-height: 48px;
    padding-bottom: 40px;
    background: #F8F6F5;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
    .left-pane footer button {
      border: 0;
      background: transparent;
      text-align: left;
      padding-right: 10px;
      margin: auto;
      white-space: normal;
      height: auto;
      text-indent: 0;
      padding-left: 24px;
      margin-top: 8px; }
      .left-pane footer button:before {
        text-indent: 8px !important; }
      .left-pane footer button.icon:before, .left-pane footer button.form-item-autocomplete.loading-autocomplete:before, .left-pane footer .ui-indicator button#indicator:before, .ui-indicator .left-pane footer button#indicator:before {
        line-height: 28px; }
      .left-pane footer button:hover {
        background: transparent; }

section.dark {
  background-color: #666; }
  section.dark > * {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7); }
  section.dark footer {
    color: white !important; }
    section.dark footer button {
      color: white; }
    section.dark footer .icon, section.dark footer .form-item-autocomplete.loading-autocomplete:before, section.dark footer table.list-view th.on, table.list-view section.dark footer th.on, section.dark footer table.list-view th.sortable, table.list-view section.dark footer th.sortable, section.dark footer .ui-indicator #indicator:before, .ui-indicator section.dark footer #indicator:before, section.dark footer .search-bar div.queries, .search-bar section.dark footer div.queries, section.dark footer .simulator > header dd, .simulator > header section.dark footer dd, section.dark footer .p3-layout .menu-pane li, .p3-layout .menu-pane section.dark footer li, section.dark .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator section.dark footer.send-type-text .type-text b:before, section.dark footer .bot-editor section.actions li h5, .bot-editor section.actions li section.dark footer h5, section.dark footer .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div section.dark footer span.new, section.dark footer .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div section.dark footer label.new, section.dark footer .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes section.dark footer div.schedule, section.dark footer .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card section.dark footer li.item.new, section.dark footer .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover section.dark footer u, section.dark footer section.user-editor section.info header, section.user-editor section.info section.dark footer header, section.dark section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats section.dark footer.simulator-footer.send-type-text .type-text b:before {
      color: white; }

.center-pane {
  flex: 1;
  height: inherit; }
  .center-pane > section {
    flex: 1; }
  .center-pane.list-view-frame footer {
    height: 48px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    position: relative;
    background: white; }
    .center-pane.list-view-frame footer .buttons {
      margin-right: 24px;
      line-height: 40px;
      display: flex; }
  .center-pane li {
    width: inherit;
    position: relative; }
  .center-pane footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }

.right-pane {
  position: relative;
  width: 360px;
  height: inherit;
  background-color: white;
  border-left: 1px solid #D0C9C3;
  overflow-y: hidden; }

.popover.vars, section.vars.pop-inline {
  z-index: 999; }
  .popover.vars i.close, section.vars.pop-inline i.close {
    position: absolute;
    right: 12px;
    top: 12px; }
  .popover.vars dl, section.vars.pop-inline dl {
    min-height: 36px;
    max-height: 200px;
    overflow-y: auto;
    overflow: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px; }
  .popover.vars dd, section.vars.pop-inline dd {
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    color: #FFFFFF;
    background-color: #A79CE1;
    text-align: left;
    border-radius: 4px;
    margin: 6px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .popover.vars dd.api, section.vars.pop-inline dd.api {
      background-color: #FDC73E; }
    .popover.vars dd.emoticon, section.vars.pop-inline dd.emoticon {
      padding: 0px;
      background-color: #FFFFFF;
      height: 40px;
      width: 40px; }
  .popover.vars footer, section.vars.pop-inline footer {
    background-color: transparent; }
  .popover.vars header ul, section.vars.pop-inline header ul {
    display: flex; }
    .popover.vars header ul li, section.vars.pop-inline header ul li {
      cursor: pointer;
      margin-right: 8px; }
      .popover.vars header ul li.on, section.vars.pop-inline header ul li.on {
        color: #FFFFFF; }

.popover.white.users-csv-btns li, section.white.users-csv-btns.pop-inline li, section.users-csv-btns.pop-inline.dict-editor li, section.popover.users-csv-btns.dict-editor li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3; }
  .popover.white.users-csv-btns li:last-child, section.white.users-csv-btns.pop-inline li:last-child, section.users-csv-btns.pop-inline.dict-editor li:last-child, section.popover.users-csv-btns.dict-editor li:last-child {
    border-bottom: 0; }
  .popover.white.users-csv-btns li button.label, section.white.users-csv-btns.pop-inline li button.label, section.users-csv-btns.pop-inline.dict-editor li button.label, section.popover.users-csv-btns.dict-editor li button.label {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    background-color: transparent; }
  .popover.white.users-csv-btns li button.label:before, section.white.users-csv-btns.pop-inline li button.label:before, section.users-csv-btns.pop-inline.dict-editor li button.label:before, section.popover.users-csv-btns.dict-editor li button.label:before {
    height: 44px;
    line-height: 44px; }

.normal-window, .wide-window {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.2);
  padding-top: 70px; }
  .normal-window > section, .wide-window > section {
    width: 800px;
    height: 480px;
    max-height: 640px;
    margin: auto;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    position: relative;
    align-content: stretch;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }
    .normal-window > section > dl, .wide-window > section > dl {
      height: 100%; }
    .normal-window > section > section, .wide-window > section > section {
      flex: 1;
      height: 100%;
      min-height: auto !important;
      box-sizing: border-box; }
    .normal-window > section footer, .wide-window > section footer {
      position: absolute;
      width: inherit;
      right: 0;
      left: 0;
      text-align: left; }
  .normal-window i.close, .wide-window i.close {
    top: 12px;
    background-image: url(/images/ico-cross-dark.svg);
    background-size: 16px auto;
    right: 16px; }
  .normal-window header h2, .wide-window header h2 {
    padding-left: 0; }
  .normal-window form, .wide-window form {
    min-height: auto !important; }
  .normal-window textarea, .wide-window textarea {
    height: 180px; }
  .normal-window .ui-tab-menu, .wide-window .ui-tab-menu {
    align-items: stretch;
    flex-direction: column;
    width: 160px;
    height: inherit;
    justify-content: flex-start;
    background-color: #D0C9C3;
    border: 0;
    border-right: 1px solid #D0C9C3; }
    .normal-window .ui-tab-menu dd, .wide-window .ui-tab-menu dd {
      width: inherit;
      height: 44px;
      line-height: 44px;
      border: 0px;
      width: initial;
      border-bottom: 1px solid #D0C9C3;
      padding-left: 36px !important;
      text-align: left; }
      .normal-window .ui-tab-menu dd.on, .wide-window .ui-tab-menu dd.on {
        background-color: white;
        border-right-color: white; }
      .normal-window .ui-tab-menu dd:before, .wide-window .ui-tab-menu dd:before {
        left: 8px; }

.wide-window > section {
  width: 1200px;
  height: 80vh;
  display: flex;
  flex-direction: column !important; }
  .wide-window > section h2 {
    height: 48px;
    line-height: 48px;
    width: inherit;
    border-bottom: 1px solid #D0C9C3;
    text-align: left;
    padding-left: 16px; }

.wide-window footer {
  background: white; }

.plus-minus {
  width: 24px;
  height: 48px;
  position: absolute;
  left: 330px;
  top: 6px;
  color: #999; }
  .plus-minus i:before {
    color: #666; }
  .plus-minus .minus-square {
    top: 20px; }

textarea:focus ~ .plus-minus i:before {
  color: #FFFFFF; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid var(--ln);
  border-bottom: 0; }

.empty {
  color: #D0C9C3; }

.video-player {
  position: absolute;
  width: 268px;
  height: 180px;
  z-index: 1; }

.logo {
  height: 24px; }

header .logo {
  cursor: pointer;
  background-size: 2rem;
  min-width: 2rem;
  width: 2rem; }

.vip {
  padding-right: 0; }
  .vip:after {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    padding: 0;
    padding-left: 6px !important;
    width: 18px !important;
    content: "";
    text-indent: 0;
    font-size: 0.9rem; }

h4.vip:after {
  color: #FDC73E; }

@keyframes editor-thumb-ol {
  0% {
    top: 24px;
    opacity: 0.25; }
  100% {
    top: 0;
    opacity: 1; } }

dl#ol_editors {
  height: 24px;
  line-height: 24px;
  width: 140px;
  box-sizing: border-box;
  margin-top: 18px;
  position: relative;
  overflow: hidden;
  margin-left: 10px;
  cursor: pointer; }
  dl#ol_editors dd {
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin-right: 4px;
    position: relative;
    overflow: hidden; }
    dl#ol_editors dd img {
      width: inherit;
      height: inherit;
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      animation: editor-thumb-ol 0.4s ease-in-out; }

@keyframes show-hint {
  0% {
    top: 90px;
    opacity: 0.1; }
  25% {
    top: 54px;
    opacity: 1; }
  75% {
    top: 54px;
    opacity: 1; }
  100% {
    top: 54px;
    opacity: 0; } }

div.hint {
  position: fixed;
  right: 16px;
  z-index: 1000;
  background-color: #5F5BFF;
  color: white;
  text-align: center;
  width: 120px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  animation: show-hint 1.2s ease-in-out forwards; }
  div.hint:before {
    position: absolute;
    top: -16px;
    right: 10px;
    left: auto;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #5F5BFF;
    content: ""; }

div#hint.hint {
  animation: none;
  background-color: rgba(0, 0, 0, 0.8); }
  div#hint.hint:before {
    width: 0;
    height: 0;
    display: none; }

main.p2-layout {
  display: flex;
  flex-direction: row; }
  main.p2-layout .left-pane {
    width: 200px;
    background: #F8F6F5; }
  main.p2-layout .center-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px; }
    main.p2-layout .center-pane h2 {
      height: 80px; }
    main.p2-layout .center-pane .content {
      width: inherit;
      background-color: white; }
    main.p2-layout .center-pane section {
      height: auto; }
    main.p2-layout .center-pane form {
      height: auto;
      margin: 0;
      padding-left: 24px; }
      main.p2-layout .center-pane form li {
        text-align: left; }
        main.p2-layout .center-pane form li h4 {
          margin-left: 0; }
      main.p2-layout .center-pane form li[type=hidden] {
        display: none; }
      main.p2-layout .center-pane form li.on {
        border-bottom: 1px solid #999; }

main.p3-layout {
  display: flex;
  flex-direction: row;
  overflow: hidden; }
  main.p3-layout .left-pane.groups {
    width: 240px;
    background-color: #F8F6F5; }
  main.p3-layout .left-pane.items {
    width: 240px;
    background-color: #FFFFFF; }
  main.p3-layout .center-pane {
    flex: 1;
    display: flex;
    flex-direction: column; }
    main.p3-layout .center-pane .content {
      width: inherit;
      background-color: white; }
    main.p3-layout .center-pane section {
      height: auto; }

.search-bar {
  min-height: 72px;
  height: 72px !important;
  line-height: 72px;
  width: calc(100% - 64px);
  margin: auto;
  border-bottom: 2px solid #F8F6F5;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  flex: 0 !important; }
  .search-bar input[type=text] {
    border: 0;
    background: #FFFFFF;
    width: 280px; }
  .search-bar div.queries {
    height: 48px;
    line-height: 48px;
    align-items: center;
    display: flex;
    flex-direction: row; }
    .search-bar div.queries:before {
      line-height: 48px; }
    .search-bar div.queries > *:first-child {
      margin-left: 24px; }
  .search-bar h4 {
    font-weight: normal;
    text-transform: none;
    color: #999; }
  .search-bar .ui-tab-menu {
    margin-left: auto; }
  .search-bar i.menu-switch {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px; }

.hide-menu .left-pane {
  transform: rotateY(90deg) !important;
  transition-duration: 0s;
  flex-shrink: 1 !important;
  position: fixed;
  left: 0; }

.hide-menu .center-pane {
  width: 100vw !important;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  padding-left: 20px; }
  .hide-menu .center-pane:before {
    content: "";
    background-color: #222;
    height: 100%;
    width: 28px;
    position: absolute;
    top: 0;
    left: 0; }
  .hide-menu .center-pane .search-bar {
    min-width: calc(100vw - 60px);
    margin-right: 20px; }
  .hide-menu .center-pane .list-frame {
    min-width: 100%; }
  .hide-menu .center-pane > footer {
    width: 100%;
    background-color: transparent; }
  .hide-menu .center-pane i.menu-switch {
    transform: translateX(-38px);
    color: white; }

#cursor {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: rgba(224, 192, 64, 0.4);
  position: fixed;
  display: block;
  z-index: 999999;
  top: -20px;
  left: -20px; }

#anybot_widget {
  position: fixed;
  width: 375px;
  height: 650px;
  z-index: 9999;
  background: white;
  right: 24px;
  bottom: 24px;
  border: 0;
  outline: 0;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }

.ui-progress-bar {
  display: flex;
  margin: auto;
  flex-direction: row;
  margin: 2px;
  justify-content: flex-start;
  width: 100px;
  box-sizing: border-box;
  padding: 2px;
  height: 20px;
  background: #666;
  transform-origin: top left; }
  .ui-progress-bar dd {
    background: white;
    height: 16px;
    width: 16px;
    margin-right: 2px; }
  .ui-progress-bar dd:last-child {
    margin-right: 0; }

.progress-window section {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  align-items: center; }

.csv-encoding-window {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px; }
  .csv-encoding-window h3 {
    cursor: auto; }
  .csv-encoding-window section {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .csv-encoding-window section .form-type-radio {
      flex-direction: row; }
  .csv-encoding-window.with-dates section {
    height: 100%; }
    .csv-encoding-window.with-dates section h4 {
      width: 150px; }
    .csv-encoding-window.with-dates section div.form-type-date {
      max-width: 180px;
      min-width: 180px; }
      .csv-encoding-window.with-dates section div.form-type-date input[type="date"] {
        width: 100%; }
  .csv-encoding-window footer {
    margin-bottom: 16px;
    width: auto; }

.popup.qr-download {
  width: 480px; }
  .popup.qr-download dl {
    width: auto;
    margin: auto;
    justify-content: center;
    margin-bottom: 40px; }
  .popup.qr-download dd {
    text-align: center;
    justify-content: center; }
  .popup.qr-download dd h3 {
    text-align: center;
    margin: auto;
    height: 48px;
    line-height: 48px; }
  .popup.qr-download dd footer button {
    margin-left: 0 !important; }
  .popup.qr-download a.show_link {
    line-height: 20px;
    color: #FDC73E;
    word-break: break-all; }
  .popup.qr-download .qr_views {
    margin: 10px 0px; }

.popup.qr-download.store {
  width: 600px; }

.popup.qr-download.miniapp {
  width: 600px; }
  .popup.qr-download.miniapp dd div.oname-icon {
    display: flex;
    flex-direction: row;
    margin: 0px 0px 16px 0px;
    width: 100%;
    height: 24px; }
    .popup.qr-download.miniapp dd div.oname-icon div {
      margin: 0px;
      width: 36px;
      height: 24px;
      width: inherit;
      color: #999; }
    .popup.qr-download.miniapp dd div.oname-icon div.icon, .popup.qr-download.miniapp dd div.oname-icon div.form-item-autocomplete.loading-autocomplete:before, .popup.qr-download.miniapp dd div.oname-icon .ui-indicator div#indicator:before, .ui-indicator .popup.qr-download.miniapp dd div.oname-icon div#indicator:before, .popup.qr-download.miniapp dd div.oname-icon .search-bar div.queries, .search-bar .popup.qr-download.miniapp dd div.oname-icon div.queries, .popup.qr-download.miniapp dd div.oname-icon .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .popup.qr-download.miniapp dd div.oname-icon div.schedule {
      padding: 0 !important; }
    .popup.qr-download.miniapp dd div.oname-icon div.icon:before, .popup.qr-download.miniapp dd div.oname-icon div.form-item-autocomplete.loading-autocomplete:before, .popup.qr-download.miniapp dd div.oname-icon .ui-indicator div#indicator:before, .ui-indicator .popup.qr-download.miniapp dd div.oname-icon div#indicator:before, .popup.qr-download.miniapp dd div.oname-icon .search-bar div.queries:before, .search-bar .popup.qr-download.miniapp dd div.oname-icon div.queries:before, .popup.qr-download.miniapp dd div.oname-icon .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .popup.qr-download.miniapp dd div.oname-icon div.schedule:before {
      font-size: 24px;
      text-align: center;
      width: 100%;
      padding-top: 0px; }
    .popup.qr-download.miniapp dd div.oname-icon div.iconf {
      background-position: center 0px;
      width: 100%;
      height: 24px;
      padding-top: 2px; }
      .popup.qr-download.miniapp dd div.oname-icon div.iconf.line {
        background-image: url(/images/ico-line-g.svg?v=1);
        background-size: 22px auto; }
  .popup.qr-download.miniapp .miniapp-qr {
    display: block;
    text-align: center; }
    .popup.qr-download.miniapp .miniapp-qr p {
      padding: 0 8px 0 0;
      line-height: initial; }

.popup.payment h3.center {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 16px; }

.popup.payment .description {
  background-color: #F8F6F5;
  margin: 20px 180px;
  text-align: left;
  padding: 20px; }

.popup.payment .coupons {
  display: flex;
  justify-content: center;
  padding: 8px; }
  .popup.payment .coupons .ui-dropdown {
    width: 180px;
    margin: 0px 12px; }

.popup.invite input[type=text] {
  display: block;
  margin: auto; }

.popup.plans {
  height: 640px; }
  .popup.plans > section {
    width: 960px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .popup.plans h3 {
    text-align: center;
    font-size: 16px; }
  .popup.plans h5 {
    font-size: 24px;
    font-weight: bold;
    height: 48px;
    line-height: 48px; }
  .popup.plans section .container {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .popup.plans section .container > div {
      display: flex;
      flex-direction: column;
      width: 200px;
      margin: 8px;
      overflow: hidden;
      text-align: center;
      border: 1px solid #D0C9C3;
      padding-bottom: 16px;
      border-radius: 8px;
      margin-top: 16px; }
    .popup.plans section .container > div.titles {
      border: 0; }
      .popup.plans section .container > div.titles .header {
        background-color: transparent; }
      .popup.plans section .container > div.titles li, .popup.plans section .container > div.titles .header + div {
        text-align: left; }
      .popup.plans section .container > div.titles .header + div:after {
        background-color: transparent; }
      .popup.plans section .container > div.titles li.hr:after {
        margin-left: 0; }
    .popup.plans section .container .header {
      padding-top: 12px;
      padding-bottom: 8px;
      height: 76px;
      background-color: #F8F6F5; }
    .popup.plans section .container .header + div {
      height: 90px;
      margin-bottom: 16px; }
      .popup.plans section .container .header + div:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        left: 40px; }
    .popup.plans section .container h3 {
      font-weight: 600;
      color: #222;
      height: 32px;
      line-height: 32px; }
    .popup.plans section .container h3 + span {
      font-size: 13px; }
    .popup.plans section .container h5 {
      font-weight: 600;
      color: #222;
      margin-top: 4px; }
    .popup.plans section .container h5 + span {
      height: 24px;
      line-height: 24px; }
    .popup.plans section .container li {
      height: 28px;
      line-height: 28px;
      text-align: center;
      cursor: pointer; }
    .popup.plans section .container li:hover {
      background-color: #F8F6F5; }
    .popup.plans section .container b, .popup.plans section .container li.hr:after {
      width: 16px;
      height: 1px;
      background: #D0C9C3;
      border-radius: 8px;
      display: block;
      margin: auto;
      box-sizing: border-box;
      margin-top: 12px;
      content: ""; }
    .popup.plans section .container b.icon.checked, .popup.plans section .container b.checked.form-item-autocomplete.loading-autocomplete:before, .popup.plans section .container .ui-indicator b.checked#indicator:before, .ui-indicator .popup.plans section .container b.checked#indicator:before, .popup.plans section .container .chat_list_view #simulator footer.send-type-text .type-text b.checked:before, .chat_list_view #simulator footer.send-type-text .type-text .popup.plans section .container b.checked:before, .popup.plans section.user-editor .container section.chats footer.simulator-footer.send-type-text .type-text b.checked:before, .popup.plans section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .container b.checked:before {
      background-image: url(/images/ico-checked.svg);
      background-size: 16px;
      background-color: transparent;
      height: 16px;
      margin-top: 0px; }
    .popup.plans section .container button {
      margin-left: 0;
      margin-top: 8px; }
    .popup.plans section .container button.c-dd {
      color: white; }
  .popup.plans section p {
    font-size: 14px; }

section.mobile-view {
  font-family: 'Noto Sans JP','Poppins',"Meiryo","Hiragino Maru Gothic Pro",sans-serif; }

#mask.walkthrough {
  background-color: #5F5BFF;
  background-image: url(/images/deco_a1_footer.svg);
  background-position: center bottom;
  background-size: auto 50%; }
  #mask.walkthrough .popup {
    background-color: white;
    width: 480px; }
    #mask.walkthrough .popup * {
      color: #222; }
    #mask.walkthrough .popup form {
      padding-top: 60px;
      padding-bottom: 32px;
      width: 480px;
      background-image: url(/images/logo-full.svg);
      background-position: center 28px;
      background-size: auto 36px; }
      #mask.walkthrough .popup form h3 {
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        height: 40px;
        margin: auto; }
      #mask.walkthrough .popup form li {
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px; }
        #mask.walkthrough .popup form li input[type=text], #mask.walkthrough .popup form li input[type=password] {
          height: 44px;
          line-height: 44px;
          width: 80%;
          margin: auto;
          font-size: 14px; }
        #mask.walkthrough .popup form li textarea {
          width: 80%;
          margin: auto;
          font-size: 14px; }
        #mask.walkthrough .popup form li p {
          padding-left: 12px;
          padding-right: 12px;
          font-size: 14px; }
      #mask.walkthrough .popup form .form-type-radio {
        flex-direction: row;
        justify-content: center; }
        #mask.walkthrough .popup form .form-type-radio label {
          font-size: 14px; }
      #mask.walkthrough .popup form li.error cite {
        display: block; }
      #mask.walkthrough .popup form cite {
        white-space: normal;
        width: 80px;
        line-height: 20px;
        right: 11%; }
    #mask.walkthrough .popup footer {
      text-align: center;
      justify-content: center; }
    #mask.walkthrough .popup button {
      width: 320px;
      height: 48px;
      line-height: 48px;
      background-color: #5F5BFF;
      color: white;
      margin-left: 0;
      font-size: 16px; }
      #mask.walkthrough .popup button:hover {
        background-color: #839BFB; }
      #mask.walkthrough .popup button:active {
        background-color: #3A3AB5; }

.tutorial-outline {
  z-index: 200;
  position: fixed;
  right: 0;
  top: 50%;
  transform-origin: right center;
  transform: scale(0.8) translateY(-50%);
  background-color: rgba(0, 0, 0, 0.55);
  padding: 10px;
  transition: transform .3s;
  border: solid 1px rgba(0, 0, 0, 0.2);
  opacity: 0.75; }
  .tutorial-outline-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    transform: translateX(calc(-100% - 10px)) translateY(-50%);
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    .tutorial-outline-close::after {
      content: '';
      background-image: url(/images/ico_chevron.svg);
      filter: brightness(10);
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      transition: transform .3s; }
  .tutorial-outline h2 {
    text-align: right;
    font-size: 20px;
    color: white; }
  .tutorial-outline ul li {
    text-align: right;
    position: relative;
    transition: all .3s;
    color: rgba(255, 255, 255, 0.6); }
    .tutorial-outline ul li.entrypoint {
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      padding-top: 8px;
      margin-top: 8px;
      font-size: 16px;
      margin-bottom: 8px; }
    .tutorial-outline ul li::after {
      content: '';
      display: inline-block;
      width: 0;
      margin-left: 0;
      transition: all .3s; }
  .tutorial-outline[data-current="1"] ul li:nth-of-type(1) {
    color: #fff; }
    .tutorial-outline[data-current="1"] ul li:nth-of-type(1)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="2"] ul li:nth-of-type(2) {
    color: #fff; }
    .tutorial-outline[data-current="2"] ul li:nth-of-type(2)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="3"] ul li:nth-of-type(3) {
    color: #fff; }
    .tutorial-outline[data-current="3"] ul li:nth-of-type(3)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="4"] ul li:nth-of-type(4) {
    color: #fff; }
    .tutorial-outline[data-current="4"] ul li:nth-of-type(4)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="5"] ul li:nth-of-type(5) {
    color: #fff; }
    .tutorial-outline[data-current="5"] ul li:nth-of-type(5)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="6"] ul li:nth-of-type(6) {
    color: #fff; }
    .tutorial-outline[data-current="6"] ul li:nth-of-type(6)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="7"] ul li:nth-of-type(7) {
    color: #fff; }
    .tutorial-outline[data-current="7"] ul li:nth-of-type(7)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="8"] ul li:nth-of-type(8) {
    color: #fff; }
    .tutorial-outline[data-current="8"] ul li:nth-of-type(8)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="9"] ul li:nth-of-type(9) {
    color: #fff; }
    .tutorial-outline[data-current="9"] ul li:nth-of-type(9)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="10"] ul li:nth-of-type(10) {
    color: #fff; }
    .tutorial-outline[data-current="10"] ul li:nth-of-type(10)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="11"] ul li:nth-of-type(11) {
    color: #fff; }
    .tutorial-outline[data-current="11"] ul li:nth-of-type(11)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="12"] ul li:nth-of-type(12) {
    color: #fff; }
    .tutorial-outline[data-current="12"] ul li:nth-of-type(12)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="13"] ul li:nth-of-type(13) {
    color: #fff; }
    .tutorial-outline[data-current="13"] ul li:nth-of-type(13)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="14"] ul li:nth-of-type(14) {
    color: #fff; }
    .tutorial-outline[data-current="14"] ul li:nth-of-type(14)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="15"] ul li:nth-of-type(15) {
    color: #fff; }
    .tutorial-outline[data-current="15"] ul li:nth-of-type(15)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="16"] ul li:nth-of-type(16) {
    color: #fff; }
    .tutorial-outline[data-current="16"] ul li:nth-of-type(16)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="17"] ul li:nth-of-type(17) {
    color: #fff; }
    .tutorial-outline[data-current="17"] ul li:nth-of-type(17)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="18"] ul li:nth-of-type(18) {
    color: #fff; }
    .tutorial-outline[data-current="18"] ul li:nth-of-type(18)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="19"] ul li:nth-of-type(19) {
    color: #fff; }
    .tutorial-outline[data-current="19"] ul li:nth-of-type(19)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="20"] ul li:nth-of-type(20) {
    color: #fff; }
    .tutorial-outline[data-current="20"] ul li:nth-of-type(20)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="21"] ul li:nth-of-type(21) {
    color: #fff; }
    .tutorial-outline[data-current="21"] ul li:nth-of-type(21)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="22"] ul li:nth-of-type(22) {
    color: #fff; }
    .tutorial-outline[data-current="22"] ul li:nth-of-type(22)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="23"] ul li:nth-of-type(23) {
    color: #fff; }
    .tutorial-outline[data-current="23"] ul li:nth-of-type(23)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="24"] ul li:nth-of-type(24) {
    color: #fff; }
    .tutorial-outline[data-current="24"] ul li:nth-of-type(24)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="25"] ul li:nth-of-type(25) {
    color: #fff; }
    .tutorial-outline[data-current="25"] ul li:nth-of-type(25)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="26"] ul li:nth-of-type(26) {
    color: #fff; }
    .tutorial-outline[data-current="26"] ul li:nth-of-type(26)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="27"] ul li:nth-of-type(27) {
    color: #fff; }
    .tutorial-outline[data-current="27"] ul li:nth-of-type(27)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="28"] ul li:nth-of-type(28) {
    color: #fff; }
    .tutorial-outline[data-current="28"] ul li:nth-of-type(28)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="29"] ul li:nth-of-type(29) {
    color: #fff; }
    .tutorial-outline[data-current="29"] ul li:nth-of-type(29)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="30"] ul li:nth-of-type(30) {
    color: #fff; }
    .tutorial-outline[data-current="30"] ul li:nth-of-type(30)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="31"] ul li:nth-of-type(31) {
    color: #fff; }
    .tutorial-outline[data-current="31"] ul li:nth-of-type(31)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="32"] ul li:nth-of-type(32) {
    color: #fff; }
    .tutorial-outline[data-current="32"] ul li:nth-of-type(32)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="33"] ul li:nth-of-type(33) {
    color: #fff; }
    .tutorial-outline[data-current="33"] ul li:nth-of-type(33)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="34"] ul li:nth-of-type(34) {
    color: #fff; }
    .tutorial-outline[data-current="34"] ul li:nth-of-type(34)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="35"] ul li:nth-of-type(35) {
    color: #fff; }
    .tutorial-outline[data-current="35"] ul li:nth-of-type(35)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="36"] ul li:nth-of-type(36) {
    color: #fff; }
    .tutorial-outline[data-current="36"] ul li:nth-of-type(36)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="37"] ul li:nth-of-type(37) {
    color: #fff; }
    .tutorial-outline[data-current="37"] ul li:nth-of-type(37)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="38"] ul li:nth-of-type(38) {
    color: #fff; }
    .tutorial-outline[data-current="38"] ul li:nth-of-type(38)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="39"] ul li:nth-of-type(39) {
    color: #fff; }
    .tutorial-outline[data-current="39"] ul li:nth-of-type(39)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="40"] ul li:nth-of-type(40) {
    color: #fff; }
    .tutorial-outline[data-current="40"] ul li:nth-of-type(40)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="41"] ul li:nth-of-type(41) {
    color: #fff; }
    .tutorial-outline[data-current="41"] ul li:nth-of-type(41)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="42"] ul li:nth-of-type(42) {
    color: #fff; }
    .tutorial-outline[data-current="42"] ul li:nth-of-type(42)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="43"] ul li:nth-of-type(43) {
    color: #fff; }
    .tutorial-outline[data-current="43"] ul li:nth-of-type(43)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="44"] ul li:nth-of-type(44) {
    color: #fff; }
    .tutorial-outline[data-current="44"] ul li:nth-of-type(44)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="45"] ul li:nth-of-type(45) {
    color: #fff; }
    .tutorial-outline[data-current="45"] ul li:nth-of-type(45)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="46"] ul li:nth-of-type(46) {
    color: #fff; }
    .tutorial-outline[data-current="46"] ul li:nth-of-type(46)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="47"] ul li:nth-of-type(47) {
    color: #fff; }
    .tutorial-outline[data-current="47"] ul li:nth-of-type(47)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="48"] ul li:nth-of-type(48) {
    color: #fff; }
    .tutorial-outline[data-current="48"] ul li:nth-of-type(48)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="49"] ul li:nth-of-type(49) {
    color: #fff; }
    .tutorial-outline[data-current="49"] ul li:nth-of-type(49)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="50"] ul li:nth-of-type(50) {
    color: #fff; }
    .tutorial-outline[data-current="50"] ul li:nth-of-type(50)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline:not(.on), .tutorial-outline[data-current="0"] {
    transform: scale(0.8) translateX(100%) translateY(-50%) !important; }
    .tutorial-outline:not(.on) .tutorial-outline-close::after, .tutorial-outline[data-current="0"] .tutorial-outline-close::after {
      transform: rotate(90deg) !important; }
  .tutorial-outline.on, .tutorial-outline:not([data-current="0"]) {
    transform: scale(0.8) translateX(0%) translateY(-50%); }
    .tutorial-outline.on .tutorial-outline-close::after, .tutorial-outline:not([data-current="0"]) .tutorial-outline-close::after {
      transform: rotate(-90deg); }

[class*='view'] .ui-calendar {
  width: 100%;
  height: initial;
  position: relative; }

.ui-calendar {
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  padding: 0px 6px 8px 6px; }
  .ui-calendar table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed; }
  .ui-calendar tr {
    height: 36px; }
  .ui-calendar tr:last-child {
    height: 0;
    font-size: 0; }
  .ui-calendar tr.space-s {
    display: none; }
  .ui-calendar tr.week-row {
    border-top: 1px solid #D0C9C3; }
    .ui-calendar tr.week-row th {
      padding-top: 12px;
      border-top: 1px solid #D0C9C3;
      height: 44px; }
  .ui-calendar td, .ui-calendar th {
    text-align: center; }
  .ui-calendar th {
    color: #5F5BFF;
    font-size: 14px; }
    .ui-calendar th:nth-child(7) {
      color: #666; }
    .ui-calendar th:nth-child(8) {
      color: #666; }
  .ui-calendar td {
    font-size: 16px;
    height: 36px;
    position: relative; }
    .ui-calendar td.drum {
      height: 100%;
      border-top: 1px solid #D0C9C3; }
      .ui-calendar td.drum .scroll-frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        height: 180px;
        max-height: 180px;
        overflow: hidden; }
        .ui-calendar td.drum .scroll-frame > div {
          height: 100%;
          width: auto;
          overflow-y: auto;
          flex: 1;
          -webkit-overflow-scrolling: touch; }
      .ui-calendar td.drum ul {
        text-align: right; }
      .ui-calendar td.drum .years ul {
        border-right: 0;
        border-right: 1px solid #D0C9C3; }
      .ui-calendar td.drum li {
        height: 36px;
        line-height: 36px;
        transition-duration: 0.2s;
        transform-origin: center right;
        padding-right: 0;
        margin-right: 16px;
        text-align: right; }
      .ui-calendar td.drum .scale1 {
        transform: scale(1, 1);
        opacity: .4; }
      .ui-calendar td.drum .scale2 {
        transform: scale(1.25, 1.25);
        opacity: .6; }
      .ui-calendar td.drum .scale3 {
        transform: scale(1.5, 1.5);
        opacity: 1; }
    .ui-calendar td.gray {
      color: #ccc; }
    .ui-calendar td:before {
      content: attr(dd);
      background-color: #5F5BFF;
      color: #FFFFFF;
      border-radius: 16px;
      z-index: 1;
      position: absolute;
      left: 50%;
      top: 16px;
      line-height: 32px;
      width: 0;
      height: 0;
      opacity: 0; }
    .ui-calendar td.on:before {
      width: 32px;
      height: 32px;
      border-radius: 16px;
      z-index: 1;
      opacity: 1;
      top: 0;
      transition-duration: 0.2s;
      margin-left: -16px; }
  .ui-calendar thead th {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    height: 48px; }
    .ui-calendar thead th b {
      width: 24px;
      height: 24px;
      position: absolute;
      background-position: center;
      background-size: 20px auto;
      top: 14px;
      color: #5F5BFF; }
    .ui-calendar thead th b.left {
      left: 0px;
      background-image: url(/images/ico-cal-left.svg); }
    .ui-calendar thead th b.right {
      right: 0px;
      background-image: url(/images/ico-cal-right.svg); }
    .ui-calendar thead th b.check {
      right: 8px;
      width: 40px;
      height: 24px; }
  .ui-calendar u {
    text-decoration: none;
    font-size: 14px; }
  .ui-calendar tr.time-row td {
    border-top: 1px solid #D0C9C3;
    height: 44px;
    line-height: 44px; }
    .ui-calendar tr.time-row td label {
      background-position: 4px center;
      display: inline-block;
      height: 44px;
      line-height: 44px;
      width: 50%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      overflow: hidden;
      text-indent: 28px;
      text-align: left;
      position: absolute;
      top: 0; }
    .ui-calendar tr.time-row td .date-selected {
      background-image: url("/images/widgets/ico-cal.svg");
      left: 0; }
    .ui-calendar tr.time-row td .time-selected {
      background-image: url("/images/widgets/ico-clock.svg");
      width: auto;
      min-width: 60px;
      right: 8px; }

.verticals {
  background-color: #F8F6F5 !important; }
  .verticals header {
    color: #222 !important;
    font-size: 16px;
    text-align: left;
    background-color: white;
    background-image: url(/images/favicon.png);
    padding-left: 44px;
    background-size: 16px;
    background-position: 16px center;
    background-repeat: no-repeat;
    height: 60px;
    line-height: 60px; }
  .verticals ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 12px 40px 40px 40px; }
    .verticals ul li {
      width: 180px;
      display: flex;
      cursor: pointer;
      margin: 10px;
      padding: 8px;
      border-radius: 4px;
      background-color: white;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); }
      .verticals ul li i {
        width: 40px;
        height: 40px;
        opacity: 0.8;
        display: block;
        position: relative;
        cursor: pointer; }
      .verticals ul li label {
        color: #222 !important;
        cursor: pointer;
        font-size: 14px; }
    .verticals ul li:hover {
      box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.15); }
      .verticals ul li:hover i {
        opacity: 1; }
  .verticals ul.hor li label {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 16px; }

.ui-drum {
  height: 100%;
  border-top: 1px solid #D0C9C3; }
  .ui-drum .scroll-frame {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 180px;
    max-height: 180px;
    overflow: hidden; }
    .ui-drum .scroll-frame > div {
      height: 100%;
      width: auto;
      overflow-y: auto;
      flex: 1;
      -webkit-overflow-scrolling: touch; }
  .ui-drum ul {
    text-align: right; }
  .ui-drum li {
    height: 36px;
    line-height: 36px;
    transition-duration: 0.2s;
    transform-origin: center right;
    padding-right: 0;
    margin-right: 16px;
    text-align: right; }
  .ui-drum .scale1 {
    transform: scale(1, 1);
    opacity: .4; }
  .ui-drum .scale2 {
    transform: scale(1.25, 1.25);
    opacity: .6; }
  .ui-drum .scale3 {
    transform: scale(1.5, 1.5);
    opacity: 1; }

.not-available {
  padding: 4px 16px 4px 16px;
  background-color: #F8F6F5;
  border: 1px solid #D0C9C3;
  border-radius: 4px;
  color: #222; }
  .not-available.no-border {
    border: 0; }

.hbox {
  display: flex;
  flex-direction: row;
  align-items: center; }

.vbox {
  display: flex;
  flex-direction: column; }

.disabled {
  pointer-events: none; }

body.genova .genova-disabled {
  display: none !important; }

.history_list_view nav a.icon.on, .history_list_view nav a.on.form-item-autocomplete.loading-autocomplete:before, .history_list_view nav .ui-indicator a.on#indicator:before, .ui-indicator .history_list_view nav a.on#indicator:before {
  color: #5F5BFF; }

.domain-protect .alt-domain:not(.protect) {
  display: none !important; }

.tooltip {
  position: relative; }
  .tooltip:after {
    content: attr(hint);
    display: none;
    position: absolute; }
  .tooltip:hover:after {
    display: block;
    height: 24px;
    line-height: 24px;
    min-width: max-content;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    top: calc(100% + 4px);
    text-indent: 0;
    font-size: 13px;
    font-style: normal;
    z-index: 1000 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; }
  .tooltip.top:hover:after {
    top: -40px; }

.tooltip-general:hover:after {
  left: 100% !important; }

.tooltip.me.hovering::after {
  left: 0 !important; }

.overlap {
  position: relative;
  cursor: pointer;
  transition: all 0.3s; }
  .overlap:after {
    content: attr(hint);
    display: inline-block;
    max-width: 0px;
    transition: all 0.3s;
    margin-right: 0px; }
  .overlap:before {
    display: inline-block; }
  .overlap:hover {
    width: max-content !important;
    min-width: max-content !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0; }
  .overlap:hover:before {
    position: relative;
    padding-left: 8px; }
  .overlap:hover:after {
    max-width: 280px;
    margin-right: 12px; }

.notes-form {
  all: none;
  overflow-y: auto; }
  .notes-form .editor-toolbar {
    border-radius: 0;
    display: flex;
    flex-direction: row;
    height: 36px;
    line-height: 36px;
    background-color: #F8F6F5; }
    .notes-form .editor-toolbar a {
      position: relative;
      height: 36px;
      line-height: 36px;
      outline: none;
      border-radius: 0; }
    .notes-form .editor-toolbar a:before {
      width: 100%;
      height: 36px;
      line-height: 36px; }
    .notes-form .editor-toolbar a.active, .notes-form .editor-toolbar a:hover {
      background: #ccc;
      color: white;
      border: 0; }
      .notes-form .editor-toolbar a.active:before, .notes-form .editor-toolbar a:hover:before {
        color: white; }
    .notes-form .editor-toolbar i.separator {
      width: 8px;
      height: 36px;
      position: relative;
      min-width: 0;
      margin: 0;
      margin-left: 8px; }
  .notes-form .editor-statusbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 36px;
    background-color: #F8F6F5; }
    .notes-form .editor-statusbar span {
      position: relative; }
    .notes-form .editor-statusbar .ctrl {
      text-align: left;
      flex: 1; }
    .notes-form .editor-statusbar .lines, .notes-form .editor-statusbar .cursor, .notes-form .editor-statusbar .autosave, .notes-form .editor-statusbar .words {
      display: none; }
    .notes-form .editor-statusbar .reply-to b {
      color: #222;
      font-weight: bold; }
  .notes-form .CodeMirror {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    height: 160px;
    min-height: 160px; }
    .notes-form .CodeMirror .CodeMirror-scroll {
      margin: 0;
      text-align: left;
      padding-bottom: 0;
      padding: 12px;
      min-height: auto; }
    .notes-form .CodeMirror .CodeMirror-code .cm-link {
      color: #5F5BFF; }

.notes-frame i.icon.close, .notes-frame i.close.form-item-autocomplete.loading-autocomplete:before, .notes-frame .ui-indicator i.close#indicator:before, .ui-indicator .notes-frame i.close#indicator:before {
  top: 12px;
  right: 12px;
  z-index: 1000; }

.notes-frame div.notes-scroll {
  overflow: hidden;
  overflow-y: auto;
  flex: 1; }

.notes-frame ul.notes {
  padding: 20px 16px 8px 16px;
  margin: 0; }
  .notes-frame ul.notes li {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    overflow: visible !important; }
    .notes-frame ul.notes li div.thumb {
      margin-right: 8px;
      line-height: 32px;
      text-align: center; }
    .notes-frame ul.notes li div.body {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .notes-frame ul.notes li div.body dl {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .notes-frame ul.notes li div.body dt {
        font-weight: bold;
        font-size: 14px;
        color: #222;
        margin-right: 12px; }
      .notes-frame ul.notes li div.body dd {
        display: block; }
      .notes-frame ul.notes li div.body dd.time {
        font-size: 12px;
        text-align: left;
        color: #999; }
      .notes-frame ul.notes li div.body dd.btns {
        display: flex;
        flex-direction: row;
        margin-right: 8px;
        margin-right: auto;
        height: 20px;
        line-height: 20px;
        padding: 0;
        width: 60px;
        justify-content: flex-end; }
      .notes-frame ul.notes li div.body dd.btns i {
        width: 20px;
        height: 20px;
        display: block;
        position: relative; }
      .notes-frame ul.notes li div.body dd.btns i:before {
        width: 20px;
        height: 20px;
        line-height: 20px; }
      .notes-frame ul.notes li div.body dd.space {
        flex: 1; }
      .notes-frame ul.notes li div.body p {
        font-size: 14px;
        text-align: left;
        padding: 4px;
        padding-left: 0;
        word-break: break-word; }
      .notes-frame ul.notes li div.body p.edited:after {
        content: "(edited)";
        color: #ccc;
        font-size: 12px; }
      .notes-frame ul.notes li div.body u {
        color: #5F5BFF;
        font-size: 14px;
        padding-left: 4px;
        padding-right: 4px;
        text-decoration: none;
        background: #EBF0FF;
        border-radius: 4px;
        margin-left: 4px;
        margin-right: 4px; }
      .notes-frame ul.notes li div.body .replies {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 8px; }
        .notes-frame ul.notes li div.body .replies .thumbs {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          margin-right: 8px;
          align-items: center;
          height: 20px;
          line-height: 20px; }
          .notes-frame ul.notes li div.body .replies .thumbs s {
            text-align: center;
            width: 20px;
            height: 20px;
            line-height: 20px;
            border-radius: 2px;
            margin-right: 2px;
            text-decoration: none; }
        .notes-frame ul.notes li div.body .replies .thumb {
          height: 24px;
          width: 24px;
          line-height: 24px; }
        .notes-frame ul.notes li div.body .replies label {
          color: #5F5BFF;
          margin-right: 8px;
          cursor: pointer;
          font-weight: 400; }
        .notes-frame ul.notes li div.body .replies span {
          color: #999;
          font-size: 12px; }
        .notes-frame ul.notes li div.body .replies ol {
          padding: 8px;
          background-color: #F8F6F5;
          border-radius: 4px;
          width: 100%; }
    .notes-frame ul.notes li .hidden {
      display: none !important; }

.ace_editor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 16px; }
  .ace_editor * {
    font: inherit !important; }

.ace-nord-dark * {
  color: #d8dee9; }

.ace-nord-dark .ace_gutter * {
  color: #616e88; }

.CodeMirror {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; }
  .CodeMirror * {
    font: inherit !important; }

dl.pick {
  justify-content: flex-start; }
  dl.pick dt {
    display: none;
    height: 2.4rem;
    line-height: 2.4rem; }
  dl.pick dd {
    color: var(--d1);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0.7;
    font-size: 1rem;
    height: 2.4rem;
    line-height: 2.4rem; }
  dl.pick dd.on {
    font-weight: 500;
    opacity: 1; }
  dl.pick dd:hover {
    opacity: 0.8; }
  dl.pick dd:before {
    content: "";
    background-repeat: none;
    background-size: contain; }
  dl.pick.checkbox.vertical {
    flex-direction: column;
    min-width: fit-content; }
  dl.pick.checkbox dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem;
    padding-left: 1.6rem; }
  dl.pick.checkbox.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.checkbox dd:before {
    width: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-checkbox-off.svg);
    background-position: center; }
  dl.pick.checkbox dd.on:before {
    background-image: url(/images/widgets/ico-form-checkbox-a.svg); }
  dl.pick.checkbox dd:hover {
    opacity: 1; }
  dl.pick.checkbox.black dd {
    padding-left: 1rem; }
    dl.pick.checkbox.black dd::before {
      margin: auto; }
    dl.pick.checkbox.black dd label {
      padding-left: 1.5rem; }
  dl.pick.radio.vertical {
    flex-direction: column;
    min-width: fit-content; }
  dl.pick.radio dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem;
    padding-left: 1.6rem; }
  dl.pick.radio.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.radio dd:before {
    width: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-radio-off.svg);
    background-position: center; }
  dl.pick.radio dd.on:before {
    background-image: url(/images/widgets/ico-form-radio-a.svg); }
  dl.pick.radio dd:hover {
    opacity: 1; }
  dl.pick.tags dd {
    background-color: #D8D8D8;
    border-radius: 0.3rem;
    margin-inline-start: 1rem;
    opacity: 0.7;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 1rem; }
  dl.pick.tags dd.on {
    background-color: #5F5BFF;
    color: white;
    opacity: 1; }
  dl.pick.tags dd:hover {
    opacity: 1; }
  dl.pick.tags dd.on:hover {
    background-color: #3A3AB5; }
  dl.pick.tabmenu {
    width: max-content;
    margin-inline-start: 1rem;
    box-sizing: content-box; }
    dl.pick.tabmenu dd {
      color: #222;
      padding: 0 1.6rem;
      margin: 0;
      border: 1px solid #222;
      border-right: 0;
      overflow: hidden; }
    dl.pick.tabmenu dd:hover {
      border-right: 1px solid #222; }
    dl.pick.tabmenu dd.on {
      background-color: #5F5BFF;
      color: #FFFFFF;
      opacity: 1;
      border-color: #3A3AB5;
      border-right: 1px solid #3A3AB5; }
    dl.pick.tabmenu > dd:first-child, dl.pick.tabmenu template + dd {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem; }
    dl.pick.tabmenu > dd:last-child {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      border-right: 1px solid #222; }
  dl.pick.pulldown {
    position: relative;
    display: flex;
    width: fit-content; }
    dl.pick.pulldown .wrapper {
      position: unset; }
    dl.pick.pulldown dt {
      --count: 0;
      display: block;
      width: 100%;
      border: 1px solid #222;
      border-radius: 0.25rem;
      padding: 0 2rem 0 1rem;
      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      min-width: 6rem;
      white-space: nowrap;
      padding-right: 2rem !important;
      width: calc( ( var(--count) + 6 ) * 1rem);
      height: 3.2rem;
      line-height: 3.2rem; }
    dl.pick.pulldown dt:empty {
      opacity: 0.3; }
    dl.pick.pulldown dt:empty:before {
      content: attr(placeHolder);
      padding-left: 1rem;
      align-items: center;
      display: flex; }
    dl.pick.pulldown dt:after {
      content: "";
      position: absolute;
      right: 0;
      width: 2rem;
      height: 100%;
      background-image: url(/images/widgets/ico-triangle-down.svg);
      background-repeat: no-repeat;
      background-position: center; }
    dl.pick.pulldown dt.on {
      opacity: 1;
      border-color: #5F5BFF; }
    dl.pick.pulldown dt.on:after {
      background-image: url(/images/widgets/ico-triangle-down.svg); }
    dl.pick.pulldown dl {
      --count: 0;
      flex-direction: column;
      display: none;
      position: absolute;
      min-width: 100%;
      width: 100%;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1000;
      background-color: white;
      margin-top: 0;
      overflow: hidden;
      overflow-y: auto;
      max-height: 18rem;
      transform: translateY(3.2rem);
      flex-direction: column;
      width: calc( ( var(--count) + 6 ) * 1rem); }
    dl.pick.pulldown:hover dl {
      display: block; }
    dl.pick.pulldown:hover dl:empty {
      display: none; }
    dl.pick.pulldown:hover dt {
      box-shadow: none;
      background-color: #F8F6F5; }
    dl.pick.pulldown dd {
      padding: auto 1rem;
      border: 0;
      overflow: hidden;
      width: 100%;
      display: block;
      margin: 0;
      position: relative;
      display: flex;
      flex-direction: row;
      height: 3.2rem;
      line-height: 3.2rem;
      font-size: 1.4rem; }
      dl.pick.pulldown dd label {
        flex: 1;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        padding-left: 1rem; }
      dl.pick.pulldown dd b {
        width: 2rem;
        background-size: 1rem auto;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        cursor: pointer;
        display: none; }
      dl.pick.pulldown dd:hover b.delete {
        background-image: url(/images/widgets/ico-trash.svg); }
      dl.pick.pulldown dd:hover b.knob {
        background-image: url(/images/widgets/ico-knob-v.svg); }
      dl.pick.pulldown dd.group, dl.pick.pulldown dd[data-classname='group'] {
        font-size: 1rem;
        height: initial;
        line-height: 2.4rem;
        opacity: 0.5;
        pointer-events: none;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
    dl.pick.pulldown dl[editable=true] b {
      display: block; }
    dl.pick.pulldown dl[editable=true] label {
      padding-left: 0; }
    dl.pick.pulldown dd:not(.group):not([data-classname='group']):hover {
      background-color: #F8F6F5;
      opacity: 0.8; }
    dl.pick.pulldown dd.on {
      background-color: #5F5BFF;
      color: #FFFFFF;
      opacity: 1; }
    dl.pick.pulldown.black .pulldown-container {
      background-color: #222; }
      dl.pick.pulldown.black .pulldown-container dd {
        opacity: 1; }
        dl.pick.pulldown.black .pulldown-container dd.on {
          background-color: inherit; }
        dl.pick.pulldown.black .pulldown-container dd:hover {
          background-color: #222; }
          dl.pick.pulldown.black .pulldown-container dd:hover label {
            color: #FBB036; }
        dl.pick.pulldown.black .pulldown-container dd label {
          color: #fff; }
  dl.pick.switch dd {
    opacity: 1;
    margin: 0; }
    dl.pick.switch dd label {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 24px;
      /* The slider */ }
      dl.pick.switch dd label input {
        opacity: 0;
        width: 0;
        height: 0; }
      dl.pick.switch dd label .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 24px;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s; }
      dl.pick.switch dd label .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        top: 4px;
        left: 4px;
        bottom: 4px;
        border-radius: 50%;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s; }
      dl.pick.switch dd label input:checked + .slider {
        background-color: #5F5BFF; }
      dl.pick.switch dd label input:focus + .slider {
        box-shadow: 0 0 1px #5F5BFF; }
      dl.pick.switch dd label input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px); }

@-webkit-keyframes circle-effect {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle-effect {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

div.images-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  div.images-panel img {
    width: 7rem;
    height: 7rem;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
  div.images-panel figure {
    position: relative;
    width: 7rem;
    height: 7rem;
    margin: 1rem;
    border-radius: 0.25rem;
    background-color: #F8F6F5;
    cursor: pointer; }
  div.images-panel figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  div.images-panel figure:hover::before {
    -webkit-animation: circle-effect .75s;
    animation: circle-effect .75s; }
  div.images-panel button.add {
    width: 7rem;
    height: 7rem;
    border: 0;
    background-color: #F8F6F5;
    margin: 1rem;
    cursor: pointer;
    position: relative;
    line-height: 9rem;
    color: #999;
    outline: 0;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); }
    div.images-panel button.add:hover {
      background-color: #F8F6F5;
      color: #222;
      transition-duration: 0.2s;
      box-shadow: none; }
    div.images-panel button.add:hover:before {
      opacity: 1; }
    div.images-panel button.add:before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(/images/widgets/ico-camera.svg);
      position: absolute;
      background-size: 2rem;
      background-repeat: no-repeat;
      background-position: center 1.5rem;
      opacity: 0.3; }
  div.images-panel img[fit-style='cover'] {
    object-fit: cover; }
  div.images-panel img[fit-style='contain'] {
    object-fit: contain; }
  div.images-panel figcaption {
    font-size: 0.8rem;
    font-style: italic;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  div.images-panel figcaption:empty {
    display: none; }
  div.images-panel i.trash {
    width: 2rem;
    background-size: 1.2rem auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-image: url(/images/widgets/ico-trash-w.svg); }

input.ipt, textarea.ipt, div[contenteditable].ipt {
  --count: 0;
  opacity: 0.3;
  font-size: 1rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 0.25rem;
  padding: 0 1rem;
  outline: 0;
  border: 1px solid #222;
  color: #222;
  width: calc( ( var(--count) + 2 ) * 1rem); }
  input.ipt[value]:not([value=""]), input.ipt:focus, input.ipt:not(:empty), input.ipt:not(:placeholder-shown), textarea.ipt[value]:not([value=""]), textarea.ipt:focus, textarea.ipt:not(:empty), textarea.ipt:not(:placeholder-shown), div[contenteditable].ipt[value]:not([value=""]), div[contenteditable].ipt:focus, div[contenteditable].ipt:not(:empty), div[contenteditable].ipt:not(:placeholder-shown) {
    opacity: 1;
    border-color: #D0C9C3; }
  input.ipt:focus, textarea.ipt:focus, div[contenteditable].ipt:focus {
    border-color: #5F5BFF; }

form input.ipt, form textarea.ipt, form div[contenteditable].ipt {
  min-width: 6rem;
  width: calc( ( var(--count) + 2 ) * 1rem); }

*[direction=row] {
  display: flex;
  flex-direction: row; }

*[direction=column] {
  display: flex;
  flex-direction: column; }

article.pop-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center; }
  article.pop-mask > section.pop {
    background: white;
    margin: auto;
    height: max-content;
    width: max-content;
    min-width: 16rem;
    min-height: 8rem;
    max-width: 80vw;
    overflow: hidden;
    position: relative; }
    article.pop-mask > section.pop i.close {
      width: 2rem;
      height: 2rem;
      top: 0;
      right: 0;
      background-size: 1rem auto;
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      height: 100%;
      cursor: pointer;
      background-image: url(/images/widgets/ico-close.svg); }

.v2 form h4, .v2 form small, .v2 form sub {
  padding-left: 1rem; }

.v2 form h4 {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.25rem 0 0.25rem 1rem; }

.v2 form small {
  opacity: 0.3;
  text-align: right;
  padding-top: 0.1rem; }

.v2 form sub {
  color: #DB234B; }

.v2 form *[class*="-row"] {
  margin: 1rem 0; }

.v2 form *[class*="-wrapper"] {
  border-radius: 4px;
  border: 1px solid #D0C9C3;
  align-items: center;
  margin-left: 1rem;
  padding-right: 1rem; }
  .v2 form *[class*="-wrapper"] input, .v2 form *[class*="-wrapper"] select, .v2 form *[class*="-wrapper"] .pick {
    border: none;
    margin: 0; }
  .v2 form *[class*="-wrapper"] label {
    font-size: 0.9rem;
    padding: 0 0.5rem; }
  .v2 form *[class*="-wrapper"].discount-wrapper {
    align-items: center;
    border: none; }
    .v2 form *[class*="-wrapper"].discount-wrapper input[type=number] {
      width: 2rem; }
    .v2 form *[class*="-wrapper"].discount-wrapper label {
      width: 1.2rem;
      height: 1.2rem; }
    .v2 form *[class*="-wrapper"].discount-wrapper input {
      display: none; }
  .v2 form *[class*="-wrapper"] .pick {
    height: 1.6rem;
    line-height: 1.6rem; }
    .v2 form *[class*="-wrapper"] .pick dd {
      height: 1.6rem;
      line-height: 1.6rem;
      font-size: 0.8rem; }

body[vert=anybot] .check-anyhook {
  display: none !important; }

body[vert=anyhook] .check-anybot {
  display: none !important; }

body[vert=anyhook] .expire-alert {
  display: none !important; }

body[vert=anyhook] div.logo {
  background-image: url(/images/anyhook/logo.svg); }

body:not([com=evolany]) .check-evolany {
  display: none !important; }

body:not([partner=genova]) .check-genova {
  display: none !important; }

.pops {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  transition: all .1s; }
  .pops:not(:empty) {
    pointer-events: all;
    backdrop-filter: blur(0.5rem);
    z-index: 65535; }
  .pops .pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
    perspective: 100rem; }
    .pops .pop.active {
      opacity: 1;
      pointer-events: all;
      transition-duration: .2s; }
      .pops .pop.active .window {
        opacity: 1; }
    .pops .pop .dismiss {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
    .pops .pop .window {
      position: relative;
      z-index: 1;
      width: initial;
      min-width: 360px;
      max-width: calc(100vw - 4rem);
      max-height: calc(100vh - 4rem);
      transform: translateY(-100px); }
      .pops .pop .window *:not(input[type=text]):not(input[type=number]) {
        color: white; }
      .pops .pop .window .content {
        overflow-y: auto;
        overflow-x: hidden;
        max-width: calc(100vw - 7.2rem);
        max-height: calc(100vh - 7.2rem);
        padding-bottom: 16px; }
        .pops .pop .window .content header {
          background-color: transparent;
          height: 48px;
          line-height: 48px;
          font-size: 13px;
          text-align: center;
          position: relative;
          width: inherit;
          display: block;
          border-color: #999; }
        .pops .pop .window .content p {
          margin: 8px 16px 0; }
        .pops .pop .window .content textarea {
          background: rgba(255, 255, 255, 0.1);
          width: 360px;
          margin: auto; }
        .pops .pop .window .content footer {
          align-items: flex-end;
          background: transparent;
          margin-top: 0;
          border-color: transparent;
          position: relative;
          height: 48px; }
          .pops .pop .window .content footer button {
            color: #FFFFFF;
            background-color: #666;
            border: 0; }
            .pops .pop .window .content footer button:disabled {
              opacity: 0.5; }
              .pops .pop .window .content footer button:disabled:hover {
                cursor: default; }
            .pops .pop .window .content footer button:hover {
              background-color: #666; }
        .pops .pop .window .content .light {
          background-color: transparent;
          color: #FFFFFF;
          border-color: transparent; }
      .pops .pop .window i.close {
        background-image: url(/images/ico_close_no_bg.svg?v=1);
        z-index: 100; }
      .pops .pop .window[name='confirm'] .content .confirm {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .pops .pop .window[name='confirm'] .content .confirm > *:not(:first-child) {
          margin-top: 1rem; }
        .pops .pop .window[name='confirm'] .content .confirm span {
          align-self: stretch;
          padding-bottom: 1rem;
          border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
      .pops .pop .window[name='alert'] .content header.hidden,
      .pops .pop .window[name='alert'] .content footer.hidden {
        display: none; }
      .pops .pop .window[name="ui-colorpicker"] section div {
        display: flex; }
        .pops .pop .window[name="ui-colorpicker"] section div dl {
          display: flex;
          flex-direction: column; }
          .pops .pop .window[name="ui-colorpicker"] section div dl + dl {
            margin-left: 2px; }
          .pops .pop .window[name="ui-colorpicker"] section div dl dd {
            padding: 10px;
            box-sizing: border-box;
            border: 1px solid var(--l3);
            border-radius: 100%;
            cursor: pointer; }
            .pops .pop .window[name="ui-colorpicker"] section div dl dd + dd {
              margin-top: 2px; }
  .pops .elogs li {
    display: flex;
    flex-direction: column; }
    .pops .elogs li code {
      background-color: var(--l1);
      width: 100%;
      padding: 1rem; }

.video-upload-field, .image-upload-field {
  min-height: 15rem;
  padding: 1rem;
  flex: 0 0 auto;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex; }
  .video-upload-field > *:not(input) + *:not(input), .image-upload-field > *:not(input) + *:not(input) {
    margin-top: 1rem; }
  .video-upload-field .suggest-upload, .image-upload-field .suggest-upload {
    width: 100%;
    height: 100%;
    min-height: 7rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed #777;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box; }
    .video-upload-field .suggest-upload input, .image-upload-field .suggest-upload input {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
    .video-upload-field .suggest-upload::before, .image-upload-field .suggest-upload::before {
      content: '';
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 7rem;
      background: url(/images/ico-camera.svg) center/contain no-repeat;
      opacity: 0.5; }
    .video-upload-field .suggest-upload::after, .image-upload-field .suggest-upload::after {
      content: attr(data-text);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; }
  .video-upload-field .uploaded-video, .video-upload-field .uploaded-image, .image-upload-field .uploaded-video, .image-upload-field .uploaded-image {
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .2s; }
    .video-upload-field .uploaded-video .remove, .video-upload-field .uploaded-image .remove, .image-upload-field .uploaded-video .remove, .image-upload-field .uploaded-image .remove {
      opacity: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      width: 1.5em;
      height: 1.5em;
      border-radius: 100%;
      color: white;
      font-weight: bold;
      font-size: 1em;
      background-color: #222;
      transform: translate(50%, -50%);
      cursor: pointer;
      z-index: 100;
      transition: .2s; }
    .video-upload-field .uploaded-video:hover, .video-upload-field .uploaded-image:hover, .image-upload-field .uploaded-video:hover, .image-upload-field .uploaded-image:hover {
      border-color: #222;
      position: relative; }
      .video-upload-field .uploaded-video:hover .remove, .video-upload-field .uploaded-image:hover .remove, .image-upload-field .uploaded-video:hover .remove, .image-upload-field .uploaded-image:hover .remove {
        opacity: 1; }
    .video-upload-field .uploaded-video img, .video-upload-field .uploaded-image img, .image-upload-field .uploaded-video img, .image-upload-field .uploaded-image img {
      width: 100%; }
    .video-upload-field .uploaded-video .video-player, .video-upload-field .uploaded-image .video-player, .image-upload-field .uploaded-video .video-player, .image-upload-field .uploaded-image .video-player {
      position: initial;
      width: 100%;
      height: unset; }
      .video-upload-field .uploaded-video .video-player video, .video-upload-field .uploaded-image .video-player video, .image-upload-field .uploaded-video .video-player video, .image-upload-field .uploaded-image .video-player video {
        width: 100%;
        height: unset; }

#message-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  /* 元素永远不会成为鼠标事件的target */
  pointer-events: none; }

.overall-situation-message-list {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 1000;
  list-style: none; }

.message-item {
  display: flex;
  justify-content: center;
  padding: 8px; }
  .message-item div {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #ccc; }
    .message-item div span {
      font-size: 14px;
      line-height: 20px; }
  .message-item .icon, .message-item .form-item-autocomplete.loading-autocomplete:before, .message-item table.list-view th.on, table.list-view .message-item th.on, .message-item table.list-view th.sortable, table.list-view .message-item th.sortable, .message-item .ui-indicator #indicator:before, .ui-indicator .message-item #indicator:before, .message-item .search-bar div.queries, .search-bar .message-item div.queries, .message-item .simulator > header dd, .simulator > header .message-item dd, .message-item .p3-layout .menu-pane li, .p3-layout .menu-pane .message-item li, .message-item .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .message-item b:before, .message-item .bot-editor section.actions li h5, .bot-editor section.actions li .message-item h5, .message-item .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .message-item span.new, .message-item .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .message-item label.new, .message-item .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .message-item div.schedule, .message-item .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .message-item li.item.new, .message-item .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .message-item u, .message-item section.user-editor section.info header, section.user-editor section.info .message-item header, .message-item section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .message-item b:before {
    width: 16px;
    height: 16px;
    margin-right: 10px; }
  .message-item .loading {
    animation: loading 1s linear infinite; }

@keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fade-in {
  animation: fadeIn .3s ease forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fade-out {
  animation: fadeOut .3s ease forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-100%); } }

.simulator {
  max-width: 100%;
  max-height: 100%;
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column; }
  .simulator * {
    font-family: "Poppins", "Noto Sans JP",  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Meiryo", Arial, "Lucida Grande", sans-serif; }
  .simulator .content-mask {
    z-index: 9997;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.2);
    display: block; }
    .simulator .content-mask > section.answers-list {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background-color: #FFFFFF;
      border-radius: 8px;
      position: absolute;
      margin: auto;
      left: 10px;
      right: 10px;
      height: auto;
      bottom: 20px; }
      .simulator .content-mask > section.answers-list > header {
        border-bottom: 1px solid #D0C9C3;
        height: 44px;
        line-height: 44px;
        font-size: 12px;
        font-weight: 400;
        color: #222; }
      .simulator .content-mask > section.answers-list > ul > li, .simulator .content-mask > section.answers-list > footer {
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        font-size: 11px;
        font-weight: bold;
        color: #5F5BFF;
        padding: 0px 16px; }
      .simulator .content-mask > section.answers-list > ul li {
        border-bottom: 1px solid #D0C9C3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition-property: background-color, color;
        transition-duration: 0.3s;
        padding-right: 30px; }
        .simulator .content-mask > section.answers-list > ul li:after {
          content: "";
          font-family: "FontAwesome" !important;
          font-size: 18px;
          position: absolute;
          right: 26px;
          width: 0;
          height: 0;
          color: #5F5BFF; }
        .simulator .content-mask > section.answers-list > ul li.highlight {
          transition-duration: 0.1s;
          color: #FFF;
          background-color: #5F5BFF; }
          .simulator .content-mask > section.answers-list > ul li.highlight:after {
            color: inherit; }
      .simulator .content-mask > section.answers-list > footer {
        display: block;
        border: 0px;
        background-color: #FFFFFF;
        text-align: center; }
  .simulator .hide {
    display: none; }
  .simulator > header {
    z-index: 9998;
    flex: none;
    display: block;
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: auto;
    min-height: 48px;
    background-color: #F8F6F5; }
    .simulator > header dd {
      cursor: pointer;
      width: 24px;
      height: inherit; }
    .simulator > header dd.fb {
      line-height: inherit;
      color: #999; }
    .simulator > header dd.line:before {
      content: "";
      background-image: url(/images/ico-line-g.svg);
      background-size: auto 15px;
      background-position: left 50%;
      width: 16px;
      height: inherit; }
    .simulator > header i.close {
      top: 1.4rem;
      right: 1rem;
      width: 24px;
      height: 24px;
      background-size: auto 16px;
      background-image: url(/images/ico-x-w.svg);
      cursor: pointer; }
    .simulator > header h2 {
      width: inherit;
      flex: 1;
      word-wrap: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0px;
      padding: 0px 24px 0px 0px;
      height: 100%;
      line-height: inherit;
      text-align: left;
      font-style: normal;
      font-weight: bold;
      font-size: 14px; }
    .simulator > header img {
      width: 12px;
      height: auto; }
    .simulator > header .title-bar {
      display: flex;
      padding-left: 16px;
      padding-right: 16px; }
      @media only screen and (max-width: 480px) {
        .simulator > header .title-bar {
          max-width: 200px; }
          .simulator > header .title-bar h2 {
            padding: 0px; } }
  .simulator.test-view {
    width: 375px !important;
    height: 628px !important;
    margin: auto !important;
    top: calc(40vh - 568px/2); }
    .simulator.test-view > header dl {
      width: unset !important; }
      .simulator.test-view > header dl dd.fb {
        display: block; }
      .simulator.test-view > header dl dd.line {
        display: block; }
      .simulator.test-view > header dl dd.web::before {
        content: '';
        background-size: unset;
        background-image: none;
        width: unset;
        height: unset;
        border-radius: unset;
        background-color: transparent;
        background-position: unset;
        top: unset;
        margin-top: unset; }
  .simulator section.header {
    display: none;
    flex: none; }
  .simulator section.body {
    flex: 1;
    overflow: hidden;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column; }
  .simulator > section {
    flex: 1;
    position: relative;
    width: inherit;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .simulator > footer {
    position: relative;
    background-color: #FAFAFA;
    border-top: 1px solid #CECFCE;
    max-height: 168px;
    height: 60px;
    width: 100%;
    justify-content: center; }
    .simulator > footer ::-webkit-input-placeholder {
      color: #999 !important; }
    .simulator > footer .hide {
      display: none !important; }
  .simulator form .form-item-files {
    padding-top: 14px; }
  .simulator #simulator_mask {
    z-index: 9999;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    border: 2px solid #ECEAE8;
    border-radius: 4px; }
    .simulator #simulator_mask .widgets {
      position: absolute;
      /*top:calc(50% - 180px);*/
      left: 0;
      top: 20%;
      right: 0;
      bottom: 0px;
      width: 100%;
      height: 80%;
      overflow: hidden;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-color: #FFFFFF;
      /**** normal checkbox ****/
      /**** checklist ****/ }
      .simulator #simulator_mask .widgets.fullscreen {
        height: 100%;
        top: 0;
        border-radius: 4px; }
      .simulator #simulator_mask .widgets h2 {
        height: 60px;
        line-height: 60px;
        font-size: 15px;
        padding-left: 16px;
        background-image: url(/images/logo-simple.svg);
        background-size: 48px 48px;
        background-position: 2px 4px;
        font-weight: bold;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .simulator #simulator_mask .widgets i {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 20px;
        height: 20px;
        z-index: 2;
        background-image: url(/images/ico-cross-dark.svg);
        background-size: 20px auto; }
      .simulator #simulator_mask .widgets ul {
        padding: 0;
        margin: 0;
        margin-bottom: auto; }
      .simulator #simulator_mask .widgets li {
        color: #666;
        line-height: 48px;
        height: 48px;
        padding-left: 16px;
        cursor: pointer;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 60px;
        border-bottom: 1px solid #D0C9C3;
        font-size: 14px;
        background-color: #FFFFFF; }
      .simulator #simulator_mask .widgets li.on {
        color: #5F5BFF;
        font-weight: bold; }
      .simulator #simulator_mask .widgets button {
        text-align: center;
        margin: auto;
        height: 36px;
        line-height: 36px;
        width: auto;
        padding-left: 24px;
        padding-right: 24px;
        background-color: #D0C9C3;
        color: white;
        border-radius: 4px;
        cursor: pointer;
        box-sizing: border-box;
        font-size: 1rem; }
      .simulator #simulator_mask .widgets ul#checkbox, .simulator #simulator_mask .widgets ul#tasklist, .simulator #simulator_mask .widgets ul#mytasklist, .simulator #simulator_mask .widgets ul#radio {
        position: relative;
        overflow-x: hidden;
        height: calc(100% - 164px); }
        .simulator #simulator_mask .widgets ul#checkbox li.list-msg, .simulator #simulator_mask .widgets ul#tasklist li.list-msg, .simulator #simulator_mask .widgets ul#mytasklist li.list-msg, .simulator #simulator_mask .widgets ul#radio li.list-msg {
          background-image: none !important;
          height: auto !important;
          border: 0px;
          padding: 0px 0px 0px 0px !important;
          text-indent: 0px !important;
          text-align: left !important;
          color: #222;
          white-space: pre-wrap;
          word-wrap: break-word;
          word-break: break-word;
          height: auto;
          line-height: 20px !important;
          font-size: 14px; }
        .simulator #simulator_mask .widgets ul#checkbox li, .simulator #simulator_mask .widgets ul#tasklist li, .simulator #simulator_mask .widgets ul#mytasklist li, .simulator #simulator_mask .widgets ul#radio li {
          width: 84%;
          min-width: 0;
          margin-left: 8%;
          margin-right: 8%;
          box-sizing: border-box;
          text-indent: 24px;
          background-image: url(/images/ico-check-off.svg);
          background-position: 4px 14px;
          color: #222;
          font-size: 14px;
          padding-left: 32px;
          text-indent: 16px;
          padding-right: 16px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          .simulator #simulator_mask .widgets ul#checkbox li div.quantity:after, .simulator #simulator_mask .widgets ul#tasklist li div.quantity:after, .simulator #simulator_mask .widgets ul#mytasklist li div.quantity:after, .simulator #simulator_mask .widgets ul#radio li div.quantity:after {
            content: '>';
            color: #222 !important; }
          .simulator #simulator_mask .widgets ul#checkbox li div.quantity select, .simulator #simulator_mask .widgets ul#tasklist li div.quantity select, .simulator #simulator_mask .widgets ul#mytasklist li div.quantity select, .simulator #simulator_mask .widgets ul#radio li div.quantity select {
            border: none;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 48px;
            line-height: 48px;
            position: absolute;
            right: 0px;
            color: #222 !important;
            background-color: transparent;
            width: 30px; }
        .simulator #simulator_mask .widgets ul#checkbox li.group, .simulator #simulator_mask .widgets ul#tasklist li.group, .simulator #simulator_mask .widgets ul#mytasklist li.group, .simulator #simulator_mask .widgets ul#radio li.group {
          background-image: none;
          padding-left: 0;
          font-size: 13px;
          border-bottom: 0;
          font-weight: bold;
          text-align: center !important;
          display: block;
          background-color: #f8f6f5;
          margin-top: 8px;
          height: 40px;
          line-height: 40px; }
        .simulator #simulator_mask .widgets ul#checkbox li.on, .simulator #simulator_mask .widgets ul#tasklist li.on, .simulator #simulator_mask .widgets ul#mytasklist li.on, .simulator #simulator_mask .widgets ul#radio li.on {
          background-image: url(/images/ico-check-on.svg);
          font-weight: normal;
          color: #5F5BFF; }
      .simulator #simulator_mask .widgets ul#tasklist li.on, .simulator #simulator_mask .widgets ul#mytasklist li.on {
        text-decoration: line-through; }
      .simulator #simulator_mask .widgets ul#radio li {
        background-image: url(/images/ico-radio-off.svg); }
      .simulator #simulator_mask .widgets ul#radio li.on {
        background-image: url(/images/ico-radio-on.svg); }
      .simulator #simulator_mask .widgets p {
        text-align: center;
        padding: 8px 20px 8px 20px; }
      .simulator #simulator_mask .widgets button:active, .simulator #simulator_mask .widgets button.on {
        background-color: #5F5BFF;
        box-shadow: none;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
      .simulator #simulator_mask .widgets footer {
        position: absolute;
        bottom: 0px;
        z-index: 100;
        width: inherit;
        min-width: auto;
        background-color: transparent;
        border-top: 0;
        height: 80px; }
      .simulator #simulator_mask .widgets main {
        position: relative;
        width: inherit;
        height: 100%;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        -webkit-overflow-scrolling: touch;
        align-items: stretch;
        padding: 0px 0px 0px 0px;
        margin-top: 0;
        box-sizing: border-box; }
      .simulator #simulator_mask .widgets main.sdk_embed {
        height: 100% !important; }
      .simulator #simulator_mask .widgets main.inquiry {
        background-color: #F8F6F5;
        display: flex;
        box-sizing: border-box; }
      .simulator #simulator_mask .widgets main.inquiry form {
        flex: 1;
        margin-top: 0;
        margin-bottom: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden; }
      .simulator #simulator_mask .widgets main.inquiry textarea {
        border: 0;
        flex: 1;
        height: 100%;
        margin: 16px;
        font-size: 14px;
        padding: 16px;
        box-sizing: border-box;
        border-radius: 8px;
        background-color: #FFFFFF;
        width: calc(100% - 32px);
        max-width: 100%; }
      .simulator #simulator_mask .widgets main.inquiry + footer {
        background-color: #F8F6F5; }
      .simulator #simulator_mask .widgets main.comment {
        min-height: calc(100% - 164px);
        height: calc(100% - 164px);
        padding-bottom: 0; }
      .simulator #simulator_mask .widgets footer button {
        width: 80%;
        margin-top: 6px; }
      .simulator #simulator_mask .widgets cite {
        display: relative;
        text-align: center;
        color: #AAB2BD;
        font-size: .8rem;
        line-height: 44px;
        height: 44px;
        font-weight: lighter;
        font-style: normal;
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 0;
        background-image: url("/images/white-label-web.svg");
        background-position: center;
        background-repeat: no-repeat; }
      .simulator #simulator_mask .widgets footer {
        min-width: auto; }
      .simulator #simulator_mask .widgets .calendar li {
        display: flex;
        justify-content: space-between !important; }
        .simulator #simulator_mask .widgets .calendar li.disabled {
          background-color: #F8F6F5;
          color: #666; }
        .simulator #simulator_mask .widgets .calendar li.sel span {
          color: #5F5BFF;
          font-weight: 600; }
        .simulator #simulator_mask .widgets .calendar li.sel b.w0, .simulator #simulator_mask .widgets .calendar li ul#dates li.sel b.w6 {
          color: #5F5BFF; }
        .simulator #simulator_mask .widgets .calendar li b {
          font-weight: normal; }
        .simulator #simulator_mask .widgets .calendar li b.w0 {
          color: #DB234B; }
        .simulator #simulator_mask .widgets .calendar li b.w6 {
          color: #3A3AB5; }
        .simulator #simulator_mask .widgets .calendar li span.time {
          padding-right: 10px; }
      .simulator #simulator_mask .widgets > #mask {
        position: absolute;
        width: 100%;
        height: calc(100% - 48px);
        top: 48px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.1); }

@keyframes show-right-pane2 {
  0% {
    right: -240px; }
  100% {
    right: 0; } }
      .simulator #simulator_mask .widgets > #mask .times {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 180px;
        height: 100%;
        margin: 0px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        animation: show-right-pane2 .15s ease-out;
        border: 0;
        padding-top: 12px;
        background-color: white; }
        .simulator #simulator_mask .widgets > #mask .times ul#radio, .simulator #simulator_mask .widgets > #mask .times ul#checkbox {
          height: calc(100% - 80px); }
        .simulator #simulator_mask .widgets > #mask .times li.disabled {
          background-color: #F8F6F5;
          color: #666; }
        .simulator #simulator_mask .widgets > #mask .times li {
          width: 120px;
          margin-left: 30px;
          padding-left: 36px; }
        .simulator #simulator_mask .widgets > #mask .times footer {
          width: 180px;
          box-sizing: border-box; }
      .simulator #simulator_mask .widgets > #mask .times.web {
        animation: show-right .15s ease-out; }
  .simulator ul#chats {
    height: auto;
    flex: 1;
    padding: 12px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .simulator ul#chats.manual-only li.auto {
    display: none; }
  .simulator #whitelabel {
    background-image: url(/images/white-label-web.svg);
    height: 48px;
    line-height: 48px;
    background-size: auto 18px;
    background-position: center center;
    padding-top: 0;
    padding-bottom: 0; }
  .simulator #whitelabel-chatgpt {
    background-image: url(/images/white-label-web-chatgpt.svg);
    height: 48px;
    line-height: 48px;
    background-size: auto 18px;
    background-position: center center;
    padding-top: 0;
    padding-bottom: 0; }
  .simulator li.text {
    height: auto; }
    .simulator li.text p {
      height: auto;
      line-height: normal; }
  .simulator li.empty {
    display: none !important; }
  .simulator li.left, .simulator li.right {
    flex: 1 0 auto;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-end; }
    .simulator li.left > span, .simulator li.right > span {
      margin-top: 4px; }
    .simulator li.left > *, .simulator li.right > * {
      width: 100%;
      max-width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important;
      overflow-x: auto;
      overflow-y: hidden;
      word-break: break-all; }
      .simulator li.left > *.card, .simulator li.right > *.card {
        width: initial !important; }
  .simulator li.left > span, .simulator li.right > span {
    font-size: 11px;
    text-align: center;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    color: #B2B2B2;
    box-sizing: border-box;
    order: 1; }
  .simulator li.left {
    padding-left: 0;
    align-items: flex-start;
    padding-left: 48px;
    overflow: initial; }
    .simulator li.left > span {
      padding-right: 48px;
      text-align: left;
      margin-left: 60px; }
    .simulator li.left > b {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      left: 0;
      position: absolute;
      display: block;
      background-size: 100% auto;
      border-radius: 20px; }
    .simulator li.left .chat-resend-btn {
      cursor: pointer;
      position: absolute;
      bottom: 42px;
      width: fit-content;
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      border-radius: 50%;
      font-size: 16px;
      padding: 2px; }
    .simulator li.left > ol.with-items {
      min-width: 200px; }
    .simulator li.left.with-btns > b {
      bottom: 60px; }
    .simulator li.left p {
      font-size: 14px; }
    .simulator li.left.fullsize > b {
      top: 0; }
    .simulator li.left.with-btns dl.btns {
      margin-left: 60px; }
    .simulator li.left.with-btns dl.btns::-webkit-scrollbar {
      width: 0;
      height: 0; }
  .simulator li.right > span {
    text-align: right; }
  .simulator li.right > * {
    max-width: calc(100% - 80px); }
  .simulator ol.card {
    border-color: transparent;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15); }
    .simulator ol.card.text {
      box-shadow: none; }
    .simulator ol.card li.text {
      width: auto;
      padding: 0;
      background: transparent; }
      .simulator ol.card li.text p {
        background-color: #F0F0F0;
        color: #222;
        font-size: 13px;
        padding: 12px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 16px;
        display: inline-block;
        border: 0; }
        .simulator ol.card li.text p img.emoji {
          transform: translateY(3px);
          width: 16px;
          height: 16px; }
        .simulator ol.card li.text p .gpt-ans-markdown video {
          max-width: 100%;
          margin: 15px auto;
          display: block; }
          .simulator ol.card li.text p .gpt-ans-markdown video.action-file {
            width: 320px;
            height: 180px;
            margin: auto; }
        .simulator ol.card li.text p .gpt-ans-markdown img {
          max-width: 70%;
          display: block;
          margin: 15px auto; }
          .simulator ol.card li.text p .gpt-ans-markdown img.action-file {
            max-width: 270px;
            max-height: 270px;
            margin: auto; }
        .simulator ol.card li.text p .gpt-ans-markdown a.action-file {
          color: #5F5BFF; }
        .simulator ol.card li.text p .gpt-ans-markdown p, .simulator ol.card li.text p .gpt-ans-markdown h1, .simulator ol.card li.text p .gpt-ans-markdown h2, .simulator ol.card li.text p .gpt-ans-markdown h3, .simulator ol.card li.text p .gpt-ans-markdown h4, .simulator ol.card li.text p .gpt-ans-markdown h5, .simulator ol.card li.text p .gpt-ans-markdown h6 {
          width: 100%;
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-left: 0 !important;
          margin-right: 0 !important; }
        .simulator ol.card li.text p .gpt-ans-markdown p:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h1:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h2:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h3:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h4:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h5:first-of-type, .simulator ol.card li.text p .gpt-ans-markdown h6:first-of-type {
          margin-top: 0;
          padding-top: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
        .simulator ol.card li.text p .gpt-ans-markdown br:last-of-type {
          display: none; }
        .simulator ol.card li.text p .gpt-ans-markdown ul br:first-of-type {
          display: none; }
        .simulator ol.card li.text p .gpt-ans-markdown ul li {
          list-style: circle !important;
          display: list-item !important;
          margin-left: 1em !important;
          overflow: unset !important; }
          .simulator ol.card li.text p .gpt-ans-markdown ul li p {
            display: inline; }
        .simulator ol.card li.text p .gpt-ans-markdown ul br:last-of-type {
          display: none; }
        .simulator ol.card li.text p .gpt-ans-markdown ol br:first-of-type {
          display: none; }
        .simulator ol.card li.text p .gpt-ans-markdown ol li {
          list-style: decimal !important;
          display: list-item !important;
          margin-left: 1em !important;
          overflow: unset !important; }
          .simulator ol.card li.text p .gpt-ans-markdown ol li p {
            display: inline; }
        .simulator ol.card li.text p .gpt-ans-markdown ol br:last-of-type {
          display: none; }
        .simulator ol.card li.text p .gpt-ans-markdown br {
          content: "";
          display: block;
          margin: 0.5em; }
    .simulator ol.card li.item {
      height: 40px;
      line-height: 40px;
      color: #5F5BFF;
      border-top: 1px solid #EBEBEB;
      text-decoration: underline;
      font-weight: normal;
      font-size: 14px; }
    .simulator ol.card li.desc {
      white-space: pre;
      word-break: break-word;
      padding-bottom: 12px;
      max-height: 100px;
      overflow-y: auto; }
    .simulator ol.card ol.card.image {
      height: auto; }
      .simulator ol.card ol.card.image li.image {
        height: auto;
        max-height: 1000px !important; }
      .simulator ol.card ol.card.image img {
        width: 270px; }
    .simulator ol.card img.user-image {
      max-height: initial;
      height: initial;
      width: 270px;
      cursor: pointer; }
      .simulator ol.card img.user-image:hover {
        transform: scale(1.1, 1.1);
        transition-duration: 0.2s; }
  .simulator ol.card + .btns {
    margin-top: 12px; }
  .simulator ol.text, .simulator ol.image, .simulator .cards {
    margin-right: auto;
    margin-left: 60px;
    margin-top: 0px;
    overflow: hidden;
    max-width: calc(100vw - 60px);
    position: relative; }
  .simulator ol.card.imagecard {
    width: 240px;
    height: 240px;
    background-size: cover;
    text-align: center;
    background-size: cover; }
    .simulator ol.card.imagecard:after {
      content: "";
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.3); }
    .simulator ol.card.imagecard li.item {
      position: absolute;
      z-index: 1;
      width: 180px;
      height: 28px;
      border-radius: 12px;
      line-height: 28px;
      background: rgba(0, 0, 0, 0.7);
      color: #FFFFFF;
      border-top: 0;
      margin-top: 200px;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      transform: translateX(-50%); }
  .simulator ol.card.imagemap, .simulator ol.card.flyer {
    width: calc(100% - 8px) !important;
    max-width: 400px;
    margin-left: 4px;
    margin-top: 24px;
    border-radius: 8px;
    background-size: cover; }
    .simulator ol.card.imagemap li.imagemap, .simulator ol.card.flyer li.imagemap {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .simulator ol.card.flyer {
    margin-top: 48px; }
  .simulator ol.card.with-items {
    border-color: #EBEBEB; }
    .simulator ol.card.with-items li.text {
      background: #F0F0F0; }
  .simulator ol.card.stamp {
    margin-left: 64px;
    width: 64px !important;
    height: 64px;
    box-shadow: none; }
    .simulator ol.card.stamp li.image {
      background-color: transparent;
      height: 64px;
      background-size: 64px;
      width: 60px; }
  .simulator dl.btns {
    line-height: 52px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow-x: auto;
    width: auto;
    flex-wrap: wrap;
    -webkit-overflow-scrolling: touch;
    margin-bottom: -10px; }
    .simulator dl.btns dd {
      border: 1px solid #5F5BFF;
      height: 30px;
      line-height: 29px;
      border-radius: 16px;
      text-align: left;
      padding-left: 12px;
      padding-right: 12px;
      color: #5F5BFF;
      cursor: pointer;
      white-space: nowrap;
      margin: 5px 10px 5px 0px; }
    .simulator dl.btns dd.icon, .simulator dl.btns dd.form-item-autocomplete.loading-autocomplete:before, .simulator dl.btns .ui-indicator dd#indicator:before, .ui-indicator .simulator dl.btns dd#indicator:before, .simulator > header dl.btns dd {
      padding-left: 24px; }
    .simulator dl.btns dd.colors {
      padding-left: 28px; }
      .simulator dl.btns dd.colors u {
        display: block;
        position: absolute;
        width: 12px;
        height: 26px;
        top: 2px;
        left: 2px;
        background-color: #222;
        background-size: cover;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px; }
  .simulator li[type=file] {
    padding-top: 0; }
  .simulator dl.fhs form.fileup {
    width: 100%; }
    .simulator dl.fhs form.fileup ul {
      width: 100%;
      text-align: center; }
      .simulator dl.fhs form.fileup ul li {
        width: 100%; }
      .simulator dl.fhs form.fileup ul li[type=hidden] {
        padding-top: 0;
        padding-bottom: 0; }
  .simulator dl.fhs div.form-item-file {
    width: 240px;
    height: 40px;
    line-height: 40px;
    background-color: #5F5BFF;
    color: white;
    border-radius: 4px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    margin-left: auto;
    position: relative; }
    .simulator dl.fhs div.form-item-file .default:before {
      content: "";
      display: none; }
    .simulator dl.fhs div.form-item-file .default:after {
      content: "";
      display: none; }
    .simulator dl.fhs div.form-item-file label {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      color: white;
      font-size: 16px; }
  .simulator li.right {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto; }
    .simulator li.right > * {
      margin-right: 0;
      margin-left: auto; }
    .simulator li.right ol.card li.text {
      text-align: right;
      height: auto; }
    .simulator li.right ol.card li.text p {
      text-align: left; }
    .simulator li.right ol.card li.text p, .simulator li.right ol.card .user-file > p {
      background: #5F5BFF;
      font-weight: normal;
      min-height: 18px;
      border-radius: 16px; }
    .simulator li.right ol.card .user-file > p {
      font-size: 12px;
      line-height: 18px; }
    .simulator li.right ol.card li.user-image {
      height: auto;
      min-height: 40px; }
      .simulator li.right ol.card li.user-image > img {
        width: 100%; }
    .simulator li.right ol.card li.user-file {
      padding: 10px 16px;
      text-align: right !important;
      width: auto;
      padding-right: 20px !important; }
    .simulator li.right p {
      margin-left: auto;
      margin-right: 0;
      box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.25);
      width: auto;
      border: 0;
      padding: 12px 16px 12px 16px;
      display: inline-block;
      border-radius: 16px;
      line-height: 22px;
      font-size: 14px;
      color: #FFFFFF;
      background: #5F5BFF; }
      .simulator li.right p img.emoji {
        transform: translateY(3px);
        width: 16px;
        height: 16px; }
  .simulator div.cards {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2px 8px; }
    .simulator div.cards div.scroller {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      padding-bottom: 12px; }
      .simulator div.cards div.scroller ol.card {
        width: 240px;
        margin-right: 8px;
        border-radius: 12px; }
  .simulator .opt-bar {
    background-color: transparent;
    width: inherit;
    height: 60px;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 100; }
    .simulator .opt-bar button {
      min-width: max-content;
      display: flex;
      position: relative;
      border: 0;
      margin: auto;
      font-weight: normal;
      border-radius: 8px;
      height: 36px;
      line-height: 36px;
      padding-left: 12px;
      padding-right: 12px;
      background-color: rgba(255, 255, 255, 0.7);
      align-items: center; }
    .simulator .opt-bar button:hover {
      border-bottom: 0;
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.7);
      padding-left: 12px;
      padding-right: 12px; }
    .simulator .opt-bar button:hover:before {
      color: #FFFFFF !important; }
    .simulator .opt-bar button:hover:after {
      color: #FFFFFF !important; }
    .simulator .opt-bar button:before {
      display: block;
      position: relative; }
    .simulator .opt-bar button:after {
      content: "";
      width: 16px;
      height: 16px;
      line-height: 16px;
      margin-left: 8px;
      font-size: 16px; }
    .simulator .opt-bar button.show {
      color: #D0C9C3; }
    .simulator .opt-bar button.show:before {
      content: attr(hide-msg); }
    .simulator .opt-bar button.show:after {
      content: ""; }
    .simulator .opt-bar button.hide {
      color: #5F5BFF; }
    .simulator .opt-bar button.hide:before {
      content: attr(show-msg); }
    .simulator .opt-bar button.hide:after {
      content: ""; }
  .simulator .preview-pane {
    position: absolute;
    bottom: 80px;
    left: 12px;
    height: 80px;
    width: 100%;
    z-index: 999;
    align-items: center;
    display: flex;
    /*LINE*/ }
    .simulator .preview-pane dl {
      display: flex;
      flex-direction: row; }
    .simulator .preview-pane dl.stamps {
      justify-content: center;
      align-items: center; }
    .simulator .preview-pane dd {
      width: 80px;
      height: 80px;
      background-color: rgba(0, 0, 0, 0.1);
      background-size: contain;
      position: relative;
      background-position: center;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); }
      .simulator .preview-pane dd i.close {
        width: 16px;
        height: 16px;
        position: absolute;
        z-index: 1;
        background-image: url(/images/widgets/ico-cross-rounded.svg);
        cursor: pointer;
        top: -8px;
        right: -8px; }
    .simulator .preview-pane dd.emoji {
      background-size: 39px auto; }
    .simulator .preview-pane dd.stamp {
      background-size: 57px; }
  .simulator .emoji-pane {
    position: absolute;
    margin-left: -200px;
    height: 448px;
    width: 480px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 16px;
    border-radius: 12px; }
    .simulator .emoji-pane dl {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
    .simulator .emoji-pane dd {
      width: 32px;
      height: 32px;
      background-size: 24px auto;
      position: relative;
      background-position: center;
      cursor: pointer;
      transition-duration: 0.3s; }
      .simulator .emoji-pane dd:hover {
        transform: scale(1.2, 1.2); }
  .simulator .stamps-pane {
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -240px;
    height: 448px;
    width: 448px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-radius: 12px;
    overflow-y: auto; }
    .simulator .stamps-pane dl {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
    .simulator .stamps-pane dd {
      width: 40px;
      height: 40px;
      background-size: 35px auto;
      position: relative;
      background-position: center;
      cursor: pointer;
      transition-duration: 0.3s;
      background-color: white;
      margin: 3px;
      border-radius: 10%; }
      .simulator .stamps-pane dd:hover {
        transform: scale(1.2, 1.2); }

.skiptranslate iframe {
  display: none !important; }

.simulator.fb #whitelabel {
  display: none; }

.simulator.fb > footer {
  display: block;
  display: block;
  /*flex-direction:column;*/
  height: auto;
  max-height: 100%;
  padding: 10px 0px 0px 0px; }
  .simulator.fb > footer .line-f-bar {
    display: none; }
  .simulator.fb > footer .web-f-bar {
    display: none; }
  .simulator.fb > footer div.rmenu {
    display: none;
    background-repeat: no-repeat; }
  .simulator.fb > footer ul.pmenu {
    display: block; }
  .simulator.fb > footer ul.pmenu.empty {
    height: 10px; }
  .simulator.fb > footer ul.pmenu li,
  .simulator.fb > footer ul.pmenu-sub li {
    padding: 0px 16px;
    text-decoration: none !important;
    /*text-decoration:underline;*/
    border-bottom: 1px solid #CECFCE;
    height: 39px;
    line-height: 39px;
    color: #222;
    cursor: pointer; }
  .simulator.fb > footer ul.pmenu-sub li.sub-title {
    padding: 0px;
    display: flex;
    align-items: flex-start; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title button {
      border: 0px;
      background-color: transparent;
      height: 100%;
      width: 16px;
      margin: 0px;
      padding-left: 12px;
      padding-right: 12px; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title button:hover {
      border-radius: 0px;
      background-color: #F8F6F5; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title span {
      text-align: center;
      flex: 1;
      margin-right: 40px;
      font-size: 1.1rem;
      font-weight: bold; }
  .simulator.fb > footer:before {
    content: "";
    display: absolute;
    z-index: 1;
    width: 28px;
    height: 4px;
    border-radius: 2px;
    background-color: #E0E0E0;
    left: calc(50% - 14px);
    margin-left: 0px;
    top: 6px;
    cursor: pointer; }
  .simulator.fb > footer > .msg {
    padding: 0px 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px; }
  .simulator.fb > footer > div {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .simulator.fb > footer > div button {
      margin: 0px;
      border: 0px;
      color: inherit;
      background-color: transparent; }
      .simulator.fb > footer > div button:hover {
        opacity: 0.9;
        background-color: transparent; }
      .simulator.fb > footer > div button:before {
        left: calc(50% - 8px);
        transform: translate(-50%); }
  .simulator.fb > footer input {
    height: 30px;
    line-height: 30px;
    border: 1px solid #D5D5D5;
    background-color: #F2F2F2;
    border-radius: 16px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-left: 16px; }
    .simulator.fb > footer input:focus {
      -webkit-appearance: none;
      outline: none;
      background-color: white;
      border-color: #B2B2B2; }

.simulator.fb header dd.fb:before {
  color: #222; }

.simulator.fb header dd.web:before {
  opacity: .6; }

.simulator.fb header i.close {
  background-image: url(/images/ico-x.svg);
  cursor: pointer; }

.simulator.fb dl.btns {
  padding-left: 3px; }
  .simulator.fb dl.btns dd {
    border: 0 !important;
    color: #000 !important;
    font-size: 15px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }

.simulator.fb dl.fhs div.form-item-file {
  background-color: #222; }

.simulator.fb li.left.with-btns > b {
  bottom: 25px; }

.simulator.fb li.left ol.card.with-items {
  background: #f0f0f0;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }

.simulator.fb li.left ol.card.text {
  justify-content: center; }
  .simulator.fb li.left ol.card.text li.text {
    padding: 1px 4px 4px 2px !important; }
  .simulator.fb li.left ol.card.text p {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }

.simulator.fb li.left ol.card.with-items.text li.text {
  padding: 0px !important; }

.simulator.fb li.left ol.card.with-items.text p {
  box-shadow: none; }

.simulator.fb li.left ol.card li.title {
  background: transparent;
  color: #222; }

.simulator.fb li.left ol.card li.desc {
  color: #666; }

.simulator.fb li.left ol.card li.item {
  margin-bottom: 12px;
  width: 238px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  text-decoration: none;
  background: white;
  margin-left: 16px;
  margin-right: 16px;
  color: #000;
  font-weight: 600;
  font-size: 15px; }

.simulator.fb li.left ol.card li.item:first-child {
  margin-top: 12px; }

.simulator.fb li.right p {
  background: #0084FF !important;
  border: 0;
  font-weight: normal;
  color: white;
  padding-top: 8px;
  padding-bottom: 8px; }

.simulator.line {
  --line-a1: #92AAD4;
  --line-a2: #93DF83;
  --line-d1: #496496;
  --line-l1: #FAFAFA; }
  .simulator.line #whitelabel {
    display: none; }
  .simulator.line > header {
    background: var(--line-a1);
    opacity: 0.9;
    border-bottom: 0; }
    .simulator.line > header h2 {
      color: #FFF; }
    .simulator.line > header dd.fb:before {
      color: #FFF;
      opacity: .5; }
    .simulator.line > header dd.web:before {
      color: #FFF;
      opacity: .5; }
    .simulator.line > header dd.line:before {
      background-image: url(/images/ico-line-w.svg); }
  .simulator.line > section {
    background: var(--line-a1); }
  .simulator.line > footer {
    height: auto;
    max-height: 100%;
    min-height: 46px;
    padding-left: 0;
    padding-right: 0;
    background-color: white;
    border: 0;
    display: flex;
    flex-direction: column; }
    .simulator.line > footer ul.pmenu {
      display: none; }
    .simulator.line > footer ul.pmenu-sub {
      display: none; }
    .simulator.line > footer .web-f-bar {
      display: none; }
    .simulator.line > footer .fb-f-bar {
      display: none; }
    .simulator.line > footer .line-f-bar {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-items: flex-start;
      width: 100%;
      height: 50px; }
      .simulator.line > footer .line-f-bar button.switch-input-btn {
        display: block;
        box-sizing: border-box;
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin: 0px;
        padding: 0px !important;
        color: #222;
        background-color: transparent;
        border-radius: 0px;
        border: 0;
        border-right: 0px solid #ccc !important; }
        .simulator.line > footer .line-f-bar button.switch-input-btn:before {
          display: block;
          position: relative;
          font-size: 24px;
          line-height: 50px;
          height: 50px;
          text-align: left;
          padding: 0px !important;
          text-indent: 0; }
        .simulator.line > footer .line-f-bar button.switch-input-btn.menu::after {
          display: none; }
      .simulator.line > footer .line-f-bar .msg {
        padding: 0px 16px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-left: 6px;
        display: flex;
        flex-direction: row;
        align-items: center; }
        .simulator.line > footer .line-f-bar .msg button {
          margin: 0px;
          border: 0px;
          color: #222;
          background-color: transparent; }
          .simulator.line > footer .line-f-bar .msg button:before {
            left: calc(50% - 8px);
            transform: translate(-50%); }
      .simulator.line > footer .line-f-bar input {
        height: 30px;
        line-height: 30px;
        border: 1px solid #F0F0F0;
        background-color: #F5F5F5;
        border-radius: 16px;
        width: 100%;
        display: block;
        margin: 0px;
        padding-left: 16px; }
        .simulator.line > footer .line-f-bar input:focus {
          -webkit-appearance: none;
          outline: none;
          border-color: #B2B2B2; }
    .simulator.line > footer div.rmenu-bar {
      z-index: 10; }
      .simulator.line > footer div.rmenu-bar > .menu-text {
        width: 100%;
        margin: 0px;
        padding: 0px !important;
        color: #222;
        text-align: center;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
        text-decoration: none;
        text-indent: 0px; }
      .simulator.line > footer div.rmenu-bar > .menu-text:before {
        content: "";
        opacity: 1;
        padding: 0px !important;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 20px;
        height: 20px;
        line-height: 20px; }
      .simulator.line > footer div.rmenu-bar > .menu-text.open:before {
        opacity: 1;
        transition: opacity 0.2s ease-out;
        -webkit-transition: opacity .2s ease-out; }
      .simulator.line > footer div.rmenu-bar > .menu-text.close:before {
        opacity: 1;
        transition: opacity 0.2s ease-out;
        -webkit-transition: opacity .2s ease-out;
        background-image: none;
        content: ""; }
    .simulator.line > footer div.rmenu {
      z-index: 9;
      position: relative;
      display: block;
      width: 100%;
      height: 0px;
      cursor: pointer;
      background-color: #FFFFFF;
      color: white;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: 0 auto; }
      .simulator.line > footer div.rmenu div.area {
        position: absolute;
        margin: 0px;
        padding: 0px; }
    .simulator.line > footer input {
      display: none; }
  .simulator.line li.left.with-btns > b {
    bottom: 43px; }
  .simulator.line li.left ol.text, .simulator.line li.left ol.image, .simulator.line li.left .cards {
    margin-left: 4rem; }
  .simulator.line li.left > span {
    padding-right: 0;
    width: 4rem;
    margin: .8rem auto;
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    font-size: .8rem; }
  .simulator.line li.left > span.time-bar {
    background-color: transparent; }
  .simulator.line li.left.with-btns dl.btns {
    margin-left: 4rem; }
    .simulator.line li.left.with-btns dl.btns dd {
      border: 1px solid var(--line-l1);
      color: var(--line-d1);
      background-color: white;
      padding-left: 1.8rem; }
      .simulator.line li.left.with-btns dl.btns dd u {
        height: 24px; }
  .simulator.line li.right span {
    display: none; }
  .simulator.line li.right p {
    background-color: var(--line-a2) !important;
    color: black;
    padding: .5rem 1.2rem;
    box-shadow: none;
    max-width: 20.5rem; }
  .simulator.line ol.card {
    border-color: transparent;
    border-radius: 16px;
    background-color: var(--line-l1); }
    .simulator.line ol.card li.text {
      padding: 0;
      background-color: transparent; }
      .simulator.line ol.card li.text p {
        background-color: var(--line-l1); }
    .simulator.line ol.card li.item {
      color: var(--line-d1);
      text-decoration: none;
      border-top: 0;
      background-color: white; }
    .simulator.line ol.card li.title {
      font-size: 12px; }
    .simulator.line ol.card li.desc {
      font-size: 11px;
      color: #666; }
  .simulator.line ol.card.imagecard {
    height: 240px;
    min-height: 240px; }
    .simulator.line ol.card.imagecard li.image {
      height: 100%;
      min-height: 100%; }
    .simulator.line ol.card.imagecard li.image.imagecard {
      height: 100%;
      min-height: 100%; }
    .simulator.line ol.card.imagecard li.image + li.item {
      display: block !important;
      position: absolute;
      bottom: 12px;
      left: 40px;
      width: 180px;
      height: 24px;
      line-height: 24px;
      background: rgba(0, 0, 0, 0.7);
      color: #FFFFFF;
      border-radius: 12px;
      z-index: 1; }
      .simulator.line ol.card.imagecard li.image + li.item i {
        color: #FFFFFF; }
    .simulator.line ol.card.imagecard li.image + li.item:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  .simulator.line ol.card.with-items {
    background-color: white;
    padding-bottom: 0px; }
    .simulator.line ol.card.with-items li.text {
      border-bottom: 1px solid #CECFCE; }
  .simulator.line .scroller ol.card {
    border-radius: 16px !important;
    background-color: white; }

.web_view {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .web_view main {
    margin: auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    max-height: 100%;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 480px) {
      .web_view main {
        height: 100vh;
        width: 100vw; } }
    .web_view main .left-pane {
      min-width: 180px;
      border: none; }
      .web_view main .left-pane::-webkit-scrollbar {
        display: none; }
      @media only screen and (max-width: 480px) {
        .web_view main .left-pane {
          display: none; } }
      .web_view main .left-pane p {
        margin: 16px 0;
        padding: 24px 32px 0 40px;
        line-height: 24px !important;
        height: auto !important;
        text-align: left;
        color: #D0C9C3;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 11px;
        border-bottom: 0; }
        @media only screen and (max-width: 480px) {
          .web_view main .left-pane p {
            margin: 8px 0;
            padding: 4px 16px 0 16px;
            color: #FFFFFF; } }
      .web_view main .left-pane i.menu {
        top: 44px;
        left: 16px;
        color: #D0C9C3;
        cursor: default; }
        @media only screen and (max-width: 480px) {
          .web_view main .left-pane i.menu {
            top: 16px;
            color: #666666;
            cursor: pointer; } }
      .web_view main .left-pane .menu-bar {
        z-index: 10000;
        overflow: scroll; }
        @media only screen and (max-width: 480px) {
          .web_view main .left-pane .menu-bar {
            overflow: unset; } }
        .web_view main .left-pane .menu-bar dl {
          flex-direction: column;
          gap: 8px;
          margin: 0 4px; }
        .web_view main .left-pane .menu-bar dd {
          padding: 8px;
          cursor: pointer;
          text-align: left;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .web_view main .left-pane .menu-bar dd:hover {
            background-color: #D0C9C3; }
      .web_view main .left-pane .btn-dropdown {
        display: none; }
        @media only screen and (max-width: 480px) {
          .web_view main .left-pane .btn-dropdown {
            display: block; } }
    .web_view main .simulator {
      border-radius: 0px; }
      .web_view main .simulator header, .web_view main .simulator footer {
        border-radius: 0px; }
      .web_view main .simulator header {
        display: flex;
        flex-direction: row; }
      .web_view main .simulator .trans-bar {
        margin-right: 8px; }
        @media only screen and (max-width: 480px) {
          .web_view main .simulator .trans-bar {
            margin: auto; } }
        .web_view main .simulator .trans-bar .fa-language:before {
          font-size: 24px;
          left: -32px;
          top: -32px; }
          @media only screen and (max-width: 480px) {
            .web_view main .simulator .trans-bar .fa-language:before {
              left: 42px;
              top: -30px; } }
        .web_view main .simulator .trans-bar .fa-share-alt:before {
          font-size: 24px;
          left: -32px; }
        .web_view main .simulator .trans-bar .skiptranslate {
          display: flex;
          flex-direction: row;
          gap: 4px;
          color: white;
          font-size: 10px; }
          .web_view main .simulator .trans-bar .skiptranslate a {
            color: white;
            font-size: 10px; }
          .web_view main .simulator .trans-bar .skiptranslate img {
            width: 40px;
            filter: brightness(100);
            margin: 2px 0 0 0; }
          @media only screen and (max-width: 480px) {
            .web_view main .simulator .trans-bar .skiptranslate {
              display: block;
              line-height: 5px; }
              .web_view main .simulator .trans-bar .skiptranslate img {
                width: 38px;
                margin: 1px 0 0 0; }
              .web_view main .simulator .trans-bar .skiptranslate select {
                width: 100px; } }

.simulator.web {
  width: 100%;
  height: 100%;
  position: relative;
  margin: auto;
  transform: none;
  background-color: #F8F6F5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: none; }
  .simulator.web.free ul#chats {
    height: calc(100% - 48px); }
  .simulator.web ul#chats li.left {
    overflow: hidden !important; }
    .simulator.web ul#chats li.left.with-btns > b {
      bottom: 37px; }
    .simulator.web ul#chats li.left > span {
      padding-right: 0;
      color: #aaa; }
      .simulator.web ul#chats li.left > span.hidden {
        display: none; }
      .simulator.web ul#chats li.left > span span {
        color: inherit; }
      .simulator.web ul#chats li.left > span .staff-name:not(:empty) {
        padding: 2px 6px;
        border-radius: 12px;
        background-color: #bbb;
        color: white;
        margin-right: 0.5em; }
    .simulator.web ul#chats li.left[failedsend] ol.card {
      border: 1px solid rgba(200, 0, 0, 0.5) !important; }
    .simulator.web ul#chats li.left dl.btns {
      padding: 12px 4px 12px 4px; }
    .simulator.web ul#chats li.left dl.btns dd {
      border: 0;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
      border-radius: 8px; }
  .simulator.web ul#chats #bot_dummy_row {
    padding: 0; }
  .simulator.web ul#chats dd.colors u {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  .simulator.web > footer {
    padding: 0px;
    height: auto;
    max-height: 100%;
    line-height: 24px;
    position: relative;
    display: flex;
    flex-direction: row;
    border: 2px solid #ECEAE8;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
    .simulator.web > footer:before {
      height: 0px;
      display: none; }
    .simulator.web > footer .msg {
      margin: 0px;
      padding: 0px 10px;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center; }
    .simulator.web > footer .fb-f-bar {
      display: none; }
    .simulator.web > footer ul.pmenu {
      display: none; }
    .simulator.web > footer ul.pmenu-sub {
      display: none; }
    .simulator.web > footer .line-f-bar {
      display: none; }
    .simulator.web > footer div.rmenu {
      display: none;
      background-repeat: no-repeat; }
    .simulator.web > footer:before {
      content: "";
      display: absolute;
      z-index: 1;
      width: 28px;
      height: 4px;
      border-radius: 2px;
      background-color: #E0E0E0;
      left: calc(50% - 14px);
      margin-left: 0px;
      top: 6px;
      cursor: pointer; }
    .simulator.web > footer input {
      height: 30px;
      line-height: 30px;
      border: 1px solid #D5D5D5;
      background-color: #F2F2F2;
      border-radius: 16px;
      width: 100%;
      margin: 0px;
      background-color: white;
      border: 0;
      padding-left: 8px; }
      .simulator.web > footer input:focus {
        -webkit-appearance: none;
        outline: none;
        background-color: white;
        border-color: #B2B2B2; }
      .simulator.web > footer input::-webkit-input-placeholder {
        /* WebKit browsers */
        font-size: 13px; }
    .simulator.web > footer button {
      margin: 0px;
      border: 0px;
      color: #5F5BFF; }
      .simulator.web > footer button:hover {
        opacity: 0.9;
        background-color: transparent; }
      .simulator.web > footer button:before {
        left: calc(50% - 8px);
        transform: translate(-50%); }
  .simulator.web > section {
    border-left: 2px solid #ECEAE8;
    border-right: 2px solid #ECEAE8; }
    .simulator.web > section[noinput=true] {
      border-bottom: 2px solid #ECEAE8;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px; }
      .simulator.web > section[noinput=true] + footer {
        display: none; }
  .simulator.web > header {
    color: #FFFFFF;
    border-top: 0;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    border-bottom: none; }
    .simulator.web > header dl {
      width: 40px; }
    .simulator.web > header dd.fb {
      display: block; }
    .simulator.web > header dd.line {
      display: block; }
    .simulator.web > header dd.fb:before {
      color: #FFF;
      opacity: .5; }
    .simulator.web > header dd.line:before {
      background-image: url(/images/ico-line-w.svg);
      opacity: .5; }
    .simulator.web > header dd.web:before {
      content: "";
      background-size: 16px auto;
      background-image: url(/images/icon.svg);
      width: 28px;
      height: 28px;
      border-radius: 14px;
      background-color: white;
      background-position: center center;
      top: 50%;
      margin-top: -14px; }
  .simulator.web > header.with-tabmenu {
    height: 84px; }
    .simulator.web > header.with-tabmenu .title-bar {
      color: inherit;
      height: 40px;
      line-height: 40px; }
      .simulator.web > header.with-tabmenu .title-bar dl {
        width: unset !important; }
        .simulator.web > header.with-tabmenu .title-bar dl dd.fb {
          display: block; }
          .simulator.web > header.with-tabmenu .title-bar dl dd.fb::before {
            opacity: .5;
            color: #FFF; }
        .simulator.web > header.with-tabmenu .title-bar dl dd.line {
          display: block; }
          .simulator.web > header.with-tabmenu .title-bar dl dd.line::before {
            opacity: .5;
            background-image: url(/images/ico-line-w.svg); }
        .simulator.web > header.with-tabmenu .title-bar dl dd.web::before {
          content: '';
          background-size: unset;
          background-image: none;
          width: unset;
          height: unset;
          border-radius: unset;
          background-color: transparent;
          background-position: unset;
          top: unset;
          margin-top: unset; }
      .simulator.web > header.with-tabmenu .title-bar dd, .simulator.web > header.with-tabmenu .title-bar h2 {
        line-height: 40px;
        color: inherit !important; }
      .simulator.web > header.with-tabmenu .title-bar i.close {
        top: 0.6rem; }
    .simulator.web > header.with-tabmenu .menu-bar {
      height: 44px;
      line-height: 44px;
      padding: 0px 6px;
      color: inherit; }
      .simulator.web > header.with-tabmenu .menu-bar dl {
        color: inherit;
        display: flex;
        flex-direction: row;
        height: 100%; }
        .simulator.web > header.with-tabmenu .menu-bar dl dd {
          margin: 0px;
          padding: 10px;
          color: inherit;
          font-size: 11px;
          flex-shrink: 0;
          cursor: pointer;
          line-height: 24px;
          width: auto !important;
          text-indent: 0; }
          .simulator.web > header.with-tabmenu .menu-bar dl dd.nested {
            padding-right: 16px; }
          .simulator.web > header.with-tabmenu .menu-bar dl dd.nested:after {
            font-family: "FontAwesome" !important;
            font-size: 14px;
            content: "";
            position: absolute;
            right: 1px;
            width: 16px;
            height: 16px;
            line-height: 16px;
            top: calc(50% - 8px);
            transition-duration: .2s;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg); }
          .simulator.web > header.with-tabmenu .menu-bar dl dd.nested.on:after {
            transition-duration: .2s;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg); }
          .simulator.web > header.with-tabmenu .menu-bar dl dd.off {
            opacity: 0.8;
            cursor: initial; }
          .simulator.web > header.with-tabmenu .menu-bar dl dd.off:after {
            content: ''; }
        .simulator.web > header.with-tabmenu .menu-bar dl dd.on {
          font-weight: bold;
          word-wrap: none;
          white-space: nowrap; }
      .simulator.web > header.with-tabmenu .menu-bar .btn-dropdown {
        padding: 0px;
        position: absolute;
        top: 12px;
        right: 16px;
        color: inherit;
        width: 21px;
        height: 21px;
        background-color: transparent;
        border: 0px;
        background-image: url("/images/ico_arrow_alt_circle_left.svg");
        background-size: 21px 21px;
        background-position: center;
        transition-duration: .2s;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg); }
        .simulator.web > header.with-tabmenu .menu-bar .btn-dropdown.on {
          animation: none;
          transition-duration: .2s;
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg); }
  .simulator.web ol.card.text {
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15); }
    .simulator.web ol.card.text .text p {
      background: transparent; }
  .simulator.web .card li.item {
    text-decoration: none;
    font-weight: 600;
    padding-bottom: 4px;
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px; }
  .simulator.web .card.text.with-items {
    background: white; }
  .simulator.web .card.text.with-items li.text {
    background: white;
    padding: auto; }
  .simulator.web .card.text.with-items p {
    box-shadow: none;
    background: transparent; }
  .simulator.web dl.btns dd {
    background: #FFFFFF; }
  .simulator.web li.right {
    display: flex;
    height: auto;
    padding-top: 8px;
    flex-direction: column; }
  .simulator.web li.right p {
    margin-left: auto;
    margin-right: 0;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.25);
    width: auto;
    border: 0;
    padding: 12px 16px 12px 16px;
    display: inline-block;
    border-radius: 16px;
    line-height: 22px; }
    .simulator.web li.right p img.emoji {
      transform: translateY(3px);
      width: 16px;
      height: 16px; }

#simulator.web.mobile footer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0; }

#simulator.web.mobile section.body {
  border-left: 0;
  border-right: 0; }

.bot_edit_view .simulator.web > header:not(.with-tabmenu) .close {
  top: 0.8rem; }

.bot_edit_view .simulator.web > header dl,
.bot_edit_view .simulator.web > header.with-tabmenu dl {
  width: 40px !important; }
  .bot_edit_view .simulator.web > header dl dd.fb,
  .bot_edit_view .simulator.web > header.with-tabmenu dl dd.fb {
    display: none; }
    .bot_edit_view .simulator.web > header dl dd.fb::before,
    .bot_edit_view .simulator.web > header.with-tabmenu dl dd.fb::before {
      color: #FFF; }
  .bot_edit_view .simulator.web > header dl dd.line,
  .bot_edit_view .simulator.web > header.with-tabmenu dl dd.line {
    display: none; }
  .bot_edit_view .simulator.web > header dl dd.web:before,
  .bot_edit_view .simulator.web > header.with-tabmenu dl dd.web:before {
    content: "";
    background-size: 16px auto;
    background-image: url(/images/icon.svg);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: white;
    background-position: center center;
    top: 50%;
    margin-top: -14px; }

.bot_edit_view .simulator.web > header h2,
.bot_edit_view .simulator.web > header.with-tabmenu h2 {
  padding-left: 0px !important; }

.greeting.open ~ #bonp .simulator.web > header:not(.with-tabmenu) .close {
  top: 0.8rem; }

.greeting.open ~ #bonp .simulator.web > header .title-bar,
.greeting.open ~ #bonp .simulator.web > header.with-tabmenu .title-bar {
  max-width: 100%; }

.greeting.open ~ #bonp .simulator.web > header dl,
.greeting.open ~ #bonp .simulator.web > header.with-tabmenu dl {
  width: 40px !important; }
  .greeting.open ~ #bonp .simulator.web > header dl dd.fb,
  .greeting.open ~ #bonp .simulator.web > header.with-tabmenu dl dd.fb {
    display: none; }
    .greeting.open ~ #bonp .simulator.web > header dl dd.fb::before,
    .greeting.open ~ #bonp .simulator.web > header.with-tabmenu dl dd.fb::before {
      color: #FFF; }
  .greeting.open ~ #bonp .simulator.web > header dl dd.line,
  .greeting.open ~ #bonp .simulator.web > header.with-tabmenu dl dd.line {
    display: none; }
  .greeting.open ~ #bonp .simulator.web > header dl dd.web:before,
  .greeting.open ~ #bonp .simulator.web > header.with-tabmenu dl dd.web:before {
    content: "";
    background-size: 16px auto;
    background-image: url(/images/icon.svg);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: white;
    background-position: center center;
    top: 50%;
    margin-top: -14px; }

.greeting.open ~ #bonp .simulator.web > header h2,
.greeting.open ~ #bonp .simulator.web > header.with-tabmenu h2 {
  padding-left: 0px !important; }

.popup-menu-web {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  opacity: 0; }
  .popup-menu-web.show {
    opacity: 1;
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity .2s ease-out; }
  .popup-menu-web .arrow-box {
    position: absolute;
    width: 16px;
    height: 12px;
    top: -12px;
    left: 20px;
    overflow: hidden; }
    .popup-menu-web .arrow-box:before {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 13.9px 8px;
      border-color: transparent transparent #FFFFFF transparent;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); }
  .popup-menu-web > section {
    background-color: #FFFFFF;
    border-radius: 8px; }
    .popup-menu-web > section ul {
      z-index: 2;
      border-radius: 8px;
      overflow: hidden;
      padding: 2px; }
      .popup-menu-web > section ul li {
        background-color: #FFFFFF;
        cursor: pointer;
        padding: 0px 30px 0px 14px;
        color: #5F5BFF;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #D0C9C3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .popup-menu-web > section ul li.nested:after {
        content: "";
        font-family: "FontAwesome" !important;
        font-size: 18px;
        position: absolute;
        right: 24px;
        width: 0;
        height: 0;
        color: #5F5BFF; }
      .popup-menu-web > section ul li:nth-last-of-type(1) {
        border-bottom: 0px; }
      .popup-menu-web > section ul li:hover {
        background-color: #F8F6F5; }
  .popup-menu-web:after {
    display: none; }

article#bonp .simulator {
  box-shadow: none;
  border-radius: 0; }

dl#autoplayer {
  position: fixed;
  width: 410px;
  height: 48px; }
  dl#autoplayer dd {
    width: 60px;
    height: inherit; }
  dl#autoplayer dd:before {
    line-height: 48px; }
  dl#autoplayer dd.space-holder {
    flex: 1; }
  dl#autoplayer dd.on {
    background-color: transparent; }
  dl#autoplayer dd.on:before {
    color: #DB234B;
    text-shadow: 0 0 5px #DB234B; }

#simulator.web > header {
  background: #5F5BFF; }

#simulator.web > header h2 {
  color: #FFFFFF; }

#simulator.web > section {
  background: #F8F6F5; }

#simulator.web li.right p {
  background: #5F5BFF;
  color: #FFFFFF; }

#simulator.web > footer {
  height: 60px;
  background: #fff; }

#simulator.web li.item {
  color: #5F5BFF; }

#simulator.web dl.btns dd {
  color: #5F5BFF;
  border-color: #5F5BFF; }

#typing_bot {
  position: absolute;
  left: 40px;
  top: 12px;
  transform: translateY(-50%); }
  #typing_bot, #typing_bot > * {
    color: rgba(0, 0, 0, 0.35); }
  #typing_bot .anim {
    float: left;
    display: block;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    animation: wave 0.5s infinite;
    animation-timing-function: ease-in-out;
    margin-right: 2px;
    animation-fill-mode: forwards; }
    #typing_bot .anim:nth-of-type(1) {
      animation-delay: 0.1s; }
    #typing_bot .anim:nth-of-type(2) {
      animation-delay: 0.2s; }
    #typing_bot .anim:nth-of-type(3) {
      animation-delay: 0.3s; }
    #typing_bot .anim:nth-of-type(4) {
      animation-delay: 0.4s; }
    #typing_bot .anim:nth-of-type(5) {
      animation-delay: 0.5s; }
    #typing_bot .anim:nth-of-type(6) {
      animation-delay: 0.6s; }

span ~ #typing_bot {
  margin-top: 7px; }

.right #typing_bot {
  left: unset;
  right: 48px; }
  .right #typing_bot .anim {
    background-color: rgba(255, 255, 255, 0.6); }

@keyframes wave {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0px); } }

.user-editor #simulator {
  border-radius: 0;
  border: 0; }
  .user-editor #simulator footer {
    border-radius: 0;
    border: 0; }
  .user-editor #simulator article#mask {
    background-color: transparent; }

body.vip #whitelabel {
  display: none !important; }

.miniapp-frame form {
  width: 20rem;
  margin-left: 5rem;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1); }
  .miniapp-frame form > ul > li {
    flex-direction: column;
    padding-top: 0; }
    .miniapp-frame form > ul > li textarea, .miniapp-frame form > ul > li input[type=text], .miniapp-frame form > ul > li input[type=password], .miniapp-frame form > ul > li input[type=email], .miniapp-frame form > ul > li input[type=url], .miniapp-frame form > ul > li input[type=tel], .miniapp-frame form > ul > li form[type=search],
    .miniapp-frame form > ul > li .form-item-autocomplete,
    .miniapp-frame form > ul > li .ui-dropdown {
      width: 100%; }
    .miniapp-frame form > ul > li .buttons {
      height: 4rem;
      width: 100%;
      border-top: 0;
      margin-top: 0; }
      .miniapp-frame form > ul > li .buttons button {
        height: 3.2rem;
        background: #5F5BFF;
        color: white;
        text-align: center;
        margin: 0;
        font-size: 1.1rem;
        width: inherit;
        box-sizing: border-box;
        margin: 1rem 0;
        padding-left: 0; }
    .miniapp-frame form > ul > li .tabmenu {
      width: 100%; }
    .miniapp-frame form > ul > li dl.ui-tab-menu {
      width: 100%; }
      .miniapp-frame form > ul > li dl.ui-tab-menu dd {
        border-bottom: 0;
        text-align: center;
        margin-right: 0;
        padding: 0 .5rem;
        font-size: 1rem; }
      .miniapp-frame form > ul > li dl.ui-tab-menu dd.on {
        color: white; }
    .miniapp-frame form > ul > li .sel-option {
      padding-left: 24px;
      text-indent: 0;
      line-height: 2rem; }
    .miniapp-frame form > ul > li p[class^=desc] {
      font-size: .7rem; }

body[vert=anyhook] article.web_view main {
  width: 100%;
  height: 100%; }
  body[vert=anyhook] article.web_view main .simulator {
    border-radius: 0; }
    body[vert=anyhook] article.web_view main .simulator > header {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }

@media (min-width: 768px) {
  article.web_view .simulator #simulator_mask {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    article.web_view .simulator #simulator_mask .widgets {
      max-width: 414px;
      position: relative;
      max-height: 720px;
      height: 80vh;
      position: relative;
      top: auto;
      left: auto;
      bottom: auto;
      right: auto; } }

.p3-layout {
  height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: 1280px; }
  .p3-layout main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-y: hidden;
    width: 100%;
    height: calc( 100vh - 60px);
    padding: 0;
    flex: 1; }
    .p3-layout main > header {
      min-width: 980px !important; }
  .p3-layout section {
    height: inherit;
    position: relative;
    background-color: white;
    display: flex;
    flex-direction: column;
    margin: 0; }
    .p3-layout section header {
      width: inherit;
      min-width: inherit;
      height: 48px;
      line-height: 48px;
      position: relative;
      display: flex;
      flex-direction: row;
      text-align: center;
      justify-content: space-between; }
      .p3-layout section header h2 {
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #D0C9C3;
        position: relative;
        font-size: 1.0rem;
        font-weight: bold; }
      .p3-layout section header .search {
        text-align: left;
        width: 280px; }
        .p3-layout section header .search input {
          width: 240px !important; }
    .p3-layout section section {
      width: inherit;
      flex: 1;
      overflow-y: auto; }
    .p3-layout section footer {
      height: 48px;
      line-height: 48px;
      position: relative;
      width: inherit !important;
      display: flex;
      flex-direction: row;
      background: white;
      margin: 0; }
  .p3-layout .menu-pane {
    width: 220px;
    box-sizing: border-box;
    text-align: center; }
    .p3-layout .menu-pane ul {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .p3-layout .menu-pane li {
      cursor: pointer;
      position: relative;
      height: 60px;
      line-height: 60px;
      text-indent: 20px;
      background-color: #666;
      color: #FFFFFF; }
      .p3-layout .menu-pane li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0px;
        top: 0;
        background-color: #999; }
      .p3-layout .menu-pane li:hover {
        background-color: #999; }
      .p3-layout .menu-pane li.on {
        background-color: #FDC73E !important;
        color: white;
        box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.1);
        border-right-color: white; }
        .p3-layout .menu-pane li.on:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          right: 0px;
          top: 17px;
          z-index: 1;
          background-color: transparent;
          border: 12px solid transparent;
          border-right-color: white; }
      .p3-layout .menu-pane li:last-child {
        flex: 1; }
      .p3-layout .menu-pane li:last-child:hover {
        background-color: #666; }
      .p3-layout .menu-pane li label {
        color: white;
        cursor: pointer; }
  .p3-layout .center-pane {
    flex: 1; }
  .p3-layout .left-pane {
    width: 240px;
    box-sizing: border-box;
    overflow-y: auto;
    max-width: 240px; }
    .p3-layout .left-pane li {
      cursor: pointer; }
      .p3-layout .left-pane li.icon, .p3-layout .left-pane li.form-item-autocomplete.loading-autocomplete:before, .p3-layout .left-pane .ui-indicator li#indicator:before, .ui-indicator .p3-layout .left-pane li#indicator:before, .p3-layout .left-pane .menu-pane li, .p3-layout .menu-pane .left-pane li, .p3-layout .left-pane .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .p3-layout .left-pane li.item.new {
        padding-left: 60px !important; }
      .p3-layout .left-pane li.icon:before, .p3-layout .left-pane li.form-item-autocomplete.loading-autocomplete:before, .p3-layout .left-pane .ui-indicator li#indicator:before, .ui-indicator .p3-layout .left-pane li#indicator:before, .p3-layout .left-pane .menu-pane li:before, .p3-layout .menu-pane .left-pane li:before, .p3-layout .left-pane .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes ol.card .p3-layout .left-pane li.item.new:before {
        width: 20px;
        height: inherit;
        background-size: 16px auto;
        background-position: center center;
        left: 24px; }
    .p3-layout .left-pane footer {
      box-sizing: border-box;
      padding-left: 4px;
      padding-right: 4px; }
  .p3-layout .right-pane {
    width: 480px;
    border-left: 1px solid #D0C9C3;
    overflow: none; }
    .p3-layout .right-pane.on {
      animation: show-forms .15s ease-out; }

.p3-layout.compact .menu-pane {
  width: 100px;
  text-align: center; }
  .p3-layout.compact .menu-pane li {
    height: 100px;
    line-height: 150px;
    text-align: center;
    text-indent: 0;
    padding-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    .p3-layout.compact .menu-pane li:before {
      font-size: 2rem;
      position: absolute;
      top: 10px;
      left: 14px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      padding: 0; }
    .p3-layout.compact .menu-pane li:after {
      top: 37px; }

.bot_edit_view .filters ol {
  min-height: 60px; }

.bot_edit_view .filters td:last-child {
  width: 30%; }

.bot_edit_view .filters td:last-child select {
  max-width: 60px; }

.bot_edit_view .filters input[type=number] {
  width: 90px !important;
  min-width: 90px;
  max-width: 90px;
  box-sizing: border-box; }

.bot_edit_view .filters table {
  margin-top: 8px; }

.bot_edit_view .filters select.comparator {
  width: 60px !important;
  min-width: 60px !important; }

.bot_edit_view .filters li {
  position: relative;
  display: block; }

.bot_edit_view .filters li > i {
  position: absolute;
  display: block;
  right: 8px;
  top: 10px; }

.bot_edit_view li[name=widget_thumb] .form-item-file span {
  cursor: pointer;
  background-size: cover;
  background-position: center center; }

.bot_edit_view .outline.helps li {
  line-height: 48px;
  height: 48px; }

.bot_edit_view .outline.helps .on h3 {
  font-weight: bold; }

.bot_edit_view .desc-container {
  display: flex;
  background-color: white;
  border: 1px solid #D0C9C3;
  border-top: 0; }
  .bot_edit_view .desc-container .desc-bar {
    width: 32px;
    min-width: 32px;
    height: 100%;
    cursor: pointer; }
    .bot_edit_view .desc-container .desc-bar:before {
      color: #D0C9C3;
      left: 50%;
      transform: translate(-50%, 8px);
      max-height: 24px; }
    .bot_edit_view .desc-container .desc-bar:hover {
      background-color: #F8F6F5; }
  .bot_edit_view .desc-container .desc-body {
    transition: all .2s ease-out 0s;
    overflow: auto; }
    .bot_edit_view .desc-container .desc-body .body-wrapper {
      padding: 16px 24px; }
    .bot_edit_view .desc-container .desc-body p {
      padding-top: 0;
      padding-right: 0;
      padding-left: 0; }
    .bot_edit_view .desc-container .desc-body .desc-close {
      min-height: 48px;
      border-bottom: 1px solid #D0C9C3;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px; }
      .bot_edit_view .desc-container .desc-body .desc-close .title {
        height: 24px;
        line-height: 24px;
        cursor: default;
        max-width: calc(100% - 16px);
        overflow: hidden; }
      .bot_edit_view .desc-container .desc-body .desc-close .icon.close, .bot_edit_view .desc-container .desc-body .desc-close .close.form-item-autocomplete.loading-autocomplete:before, .bot_edit_view .desc-container .desc-body .desc-close table.list-view th.close.on, table.list-view .bot_edit_view .desc-container .desc-body .desc-close th.close.on, .bot_edit_view .desc-container .desc-body .desc-close table.list-view th.close.sortable, table.list-view .bot_edit_view .desc-container .desc-body .desc-close th.close.sortable, .bot_edit_view .desc-container .desc-body .desc-close .ui-indicator .close#indicator:before, .ui-indicator .bot_edit_view .desc-container .desc-body .desc-close .close#indicator:before, .bot_edit_view .desc-container .desc-body .desc-close .search-bar div.close.queries, .search-bar .bot_edit_view .desc-container .desc-body .desc-close div.close.queries, .bot_edit_view .desc-container .desc-body .desc-close .simulator > header dd.close, .simulator > header .bot_edit_view .desc-container .desc-body .desc-close dd.close, .bot_edit_view .desc-container .desc-body .desc-close .p3-layout .menu-pane li.close, .p3-layout .menu-pane .bot_edit_view .desc-container .desc-body .desc-close li.close, .bot_edit_view .desc-container .desc-body .desc-close .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .bot_edit_view .desc-container .desc-body .desc-close b.close:before, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor section.actions li h5.close, .bot-editor section.actions li .bot_edit_view .desc-container .desc-body .desc-close h5.close, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .bot_edit_view .desc-container .desc-body .desc-close span.close.new, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .bot_edit_view .desc-container .desc-body .desc-close label.close.new, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .bot_edit_view .desc-container .desc-body .desc-close div.close.schedule, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .bot_edit_view .desc-container .desc-body .desc-close li.close.item.new, .bot_edit_view .desc-container .desc-body .desc-close .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .bot_edit_view .desc-container .desc-body .desc-close u.close, .bot_edit_view .desc-container .desc-body .desc-close section.user-editor section.info header.close, section.user-editor section.info .bot_edit_view .desc-container .desc-body .desc-close header.close, .bot_edit_view .desc-container .desc-body .desc-close section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot_edit_view .desc-container .desc-body .desc-close b.close:before {
        background-image: url(/images/ico_close_popup.svg);
        background-size: auto 12px;
        background-color: white;
        position: absolute;
        right: 16px;
        left: unset;
        top: unset;
        bottom: unset; }
  .bot_edit_view .desc-container.open .desc-body {
    opacity: 1;
    max-width: 240px;
    width: 240px; }
  .bot_edit_view .desc-container.open .desc-bar {
    width: 0;
    min-width: 0; }
    .bot_edit_view .desc-container.open .desc-bar:before {
      content: unset; }
  .bot_edit_view .desc-container.folded .desc-body {
    opacity: 0;
    border: 0;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    max-width: 0;
    width: 0; }

section.outline {
  overflow-x: hidden;
  overflow-y: auto;
  width: 240px;
  max-width: 240px;
  border-right: 1px solid #D0C9C3;
  box-sizing: border-box;
  display: block; }
  section.outline > div {
    margin-bottom: 60px; }
  section.outline summary {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0; }
    section.outline summary > h3 {
      flex: 1;
      height: inherit;
      line-height: inherit;
      color: #999;
      text-indent: 10px;
      padding-left: 6px !important;
      width: auto;
      min-width: auto; }
      section.outline summary > h3:before {
        width: 20px;
        color: inherit; }
    section.outline summary > div {
      align-items: center;
      display: flex;
      flex-direction: row;
      width: 20px;
      height: inherit;
      line-height: 16px;
      margin-right: 0; }
      section.outline summary > div i {
        position: relative; }
    section.outline summary.on input + h3 {
      display: none; }
    section.outline summary h3, section.outline summary h5 {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  section.outline summary:not(:first-child)::-webkit-details-marker {
    display: block !important; }
  section.outline details {
    list-style-type: default; }
  section.outline h3 {
    font-weight: 300; }
  section.outline h5 {
    cursor: pointer;
    text-indent: 30px;
    font-weight: 300;
    flex: 1;
    position: relative; }
  section.outline li {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: .9rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
    section.outline li:hover {
      background-color: #666;
      color: white; }
    section.outline li > i {
      width: 16px;
      height: 16px;
      margin-right: 6px;
      position: relative;
      line-height: 16px;
      background-color: #F8F6F5;
      font-family: "Homenaje";
      font-size: 12px;
      border-radius: 2px;
      text-align: center;
      font-style: normal;
      padding: 0;
      margin: 0; }
    section.outline li.on {
      background-color: #222; }
      section.outline li.on h5 {
        color: white; }
      section.outline li.on .btns {
        display: none; }
      section.outline li.on .seq {
        background-color: #999;
        color: white; }
    section.outline li h5:before {
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      padding: 0;
      border-radius: 9px;
      position: absolute;
      z-index: 1;
      top: 9px;
      left: 6px;
      font-size: .9rem;
      color: white;
      background-size: 14px auto;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      text-indent: 0; }
    section.outline li.text h5:before {
      content: "T";
      background-color: #09EADC; }
    section.outline li.card h5:before {
      content: "C";
      background-color: #A79CE1; }
    section.outline li.list h5:before {
      content: "L";
      background-color: #FF937B; }
    section.outline li.map h5:before {
      content: "M";
      background-color: #0084FF; }
    section.outline li.link h5:before {
      content: "U";
      background-color: #FDC73E; }
    section.outline li.image h5:before {
      content: "I";
      background-color: #09EADC; }
    section.outline li.web h5:before {
      content: "W";
      background-color: #FF937B; }
    section.outline li.logical h5:before {
      content: "IF";
      background-color: #F5A623; }
  section.outline ul[data-key] {
    padding-left: 40px; }
    section.outline ul[data-key] h5 {
      padding: 0;
      text-align: left;
      text-indent: 0 !important; }
  section.outline .dragover {
    border-bottom: 2px solid #999; }
  section.outline .dragover-top {
    border-top: 2px solid #999; }
  section.outline .dragging {
    opacity: .7; }
  section.outline .schedule h3 {
    padding-left: 24px; }
  section.outline .schedule h3:before {
    content: "";
    background-color: #0084FF;
    background-image: url(/images/ico_clock_w.svg);
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    border-radius: 9px;
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 14px;
    font-size: .9rem;
    color: white;
    background-size: 14px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  section.outline input[type=text] {
    height: 28px;
    line-height: 28px;
    background-color: #F8F6F5;
    border-radius: 4px;
    margin-left: 0px;
    margin-top: 4px; }
  section.outline .action input[type=text] {
    margin-left: 12px;
    padding-left: 4px; }
  section.outline details[open] h3, section.outline li.on h5 {
    font-weight: bold;
    color: #666; }
  section.outline li input + h5 {
    display: none; }

section.edit-pane {
  display: flex;
  flex-direction: row;
  width: inherit;
  overflow: hidden;
  height: calc( 100vh - 108px); }

section.canv {
  flex: 1;
  text-align: left;
  overflow-y: auto; }
  section.canv h5 {
    clear: both;
    display: block; }
  section.canv select[name=locale] {
    margin-left: 0px;
    width: 280px; }
  section.canv .qas {
    margin: 0;
    padding: 0;
    height: inherit;
    overflow: auto;
    padding-top: 20px; }
    section.canv .qas li {
      position: relative;
      overflow: hidden;
      text-align: left;
      padding: 8px;
      padding-right: 20px;
      margin-bottom: 10px;
      margin-left: 16px;
      width: auto;
      min-width: 300px;
      width: 80%;
      text-indent: 4px;
      cursor: pointer; }
      section.canv .qas li:before {
        line-height: 60px; }
      section.canv .qas li.unknown:before {
        line-height: 60px;
        color: #DB234B; }
      section.canv .qas li div:first-child {
        padding: 0;
        padding-left: 16px;
        background-color: white;
        margin-left: 10px;
        border: 1px solid #D0C9C3;
        height: 44px;
        line-height: 44px;
        border-radius: 4px; }
      section.canv .qas li div:last-child {
        display: none; }
      section.canv .qas li i.icon, section.canv .qas li i.form-item-autocomplete.loading-autocomplete:before, section.canv .qas li .ui-indicator i#indicator:before, .ui-indicator section.canv .qas li i#indicator:before {
        position: absolute;
        right: 30px;
        top: 21px;
        z-index: 1;
        width: 20px;
        height: 20px; }
      section.canv .qas li i.icon:hover, section.canv .qas li i.form-item-autocomplete.loading-autocomplete:hover:before, section.canv .qas li .ui-indicator i#indicator:hover:before, .ui-indicator section.canv .qas li i#indicator:hover:before {
        color: #FDC73E; }
    section.canv .qas li.on {
      background-color: #F8F6F5;
      border: 1px solid #D0C9C3;
      border-radius: 4px;
      color: #666; }
      section.canv .qas li.on div:first-child {
        border: 1px solid #D0C9C3; }
      section.canv .qas li.on div:last-child {
        display: block; }
    section.canv .qas div {
      display: block;
      overflow: hidden; }
    section.canv .qas p {
      font-size: .8rem;
      background-color: #0084FF;
      display: block;
      margin: 10px auto auto 28px;
      color: #FFFFFF;
      width: auto !important;
      padding: 4px 12px 4px 12px;
      border-radius: 6px;
      font-size: .8rem;
      cursor: pointer;
      min-height: 28px;
      border-top-left-radius: 0;
      line-height: 28px; }
    section.canv .qas li.on p {
      border: 1px solid #D0C9C3; }
    section.canv .qas span {
      padding-right: 10px; }
    section.canv .qas span.tag.unknown, section.canv .qas .form-item-autocomplete.multi span.unknown, .form-item-autocomplete.multi section.canv .qas span.unknown {
      background: #FF937B;
      border-color: #FF5252; }
    section.canv .qas span.tag.regex, section.canv .qas .form-item-autocomplete.multi span.regex, .form-item-autocomplete.multi section.canv .qas span.regex {
      background: #FFAC23;
      border-color: #FFAC23; }
  section.canv form.bot-settings li.with-desc p {
    line-height: 1rem;
    font-size: 0.8rem;
    color: #ccc; }
  section.canv .menu-shuffler {
    width: 680px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 23px; }
    section.canv .menu-shuffler .menu-order-title {
      margin-top: 26px;
      margin-left: 16px;
      overflow: revert;
      font-weight: 400;
      text-transform: none; }
    section.canv .menu-shuffler .menu-name {
      font-weight: 400;
      padding-left: 5px;
      width: 291px;
      height: 100%;
      border-radius: 4px;
      border: 1px solid #D0C9C3; }
    section.canv .menu-shuffler ul {
      padding: 16px; }
      section.canv .menu-shuffler ul li {
        display: flex;
        justify-content: space-between;
        margin: 14px 0; }
    section.canv .menu-shuffler .menu-shuffler-buttons {
      margin-left: 6px; }
      section.canv .menu-shuffler .menu-shuffler-buttons button {
        text-indent: 0px;
        margin-left: 8px;
        padding-left: 17px;
        padding-right: 17px; }
        section.canv .menu-shuffler .menu-shuffler-buttons button::before {
          text-indent: 11px;
          font-size: 18px; }

section.canv:has(.sync-section) {
  display: flex !important;
  flex-direction: row !important; }

section.forms {
  width: 480px;
  border-left: 1px solid #D0C9C3;
  overflow-y: auto; }
  section.forms form {
    margin-top: 0px;
    padding-top: 0px;
    max-width: 540px; }
    section.forms form h2 {
      height: 36px;
      line-height: 28px;
      border-bottom: 1px solid #D0C9C3; }
    section.forms form.filters li {
      height: 40px;
      line-height: 40px; }
    section.forms form.filters dd {
      padding-right: 10px; }
  section.forms.on {
    animation: show-forms .15s ease-out; }
  section.forms.fullsize {
    margin: 0;
    padding: 0px !important;
    height: calc( 100vh - 60px) !important; }
  section.forms footer {
    width: 100%;
    flex-direction: row;
    max-width: auto !important; }
  section.forms li[name=times] label {
    width: 64px; }
  section.forms select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F8F6F5;
    padding: 0 20px 0 6px;
    outline: 0;
    box-sizing: border-box;
    margin-top: 2px;
    height: 32px;
    line-height: 28px;
    box-sizing: border-box;
    border: 2px solid #F8F6F5; }
    section.forms select:focus {
      background-color: #999;
      color: #09EADC;
      border: 2px solid #09EADC; }

.pmenus {
  width: 580px;
  height: auto;
  margin-left: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 50px; }
  .pmenus ul {
    width: 280px;
    margin-left: 0;
    float: left;
    margin-right: 10px; }
  .pmenus li {
    width: 280px;
    height: 36px;
    line-height: 36px;
    background-color: #f8f8f8;
    text-align: center;
    border: 1px solid #F8F6F5;
    font-size: 12px;
    color: #222;
    cursor: pointer;
    margin-left: 20px;
    margin-left: 0; }
  .pmenus li.new {
    color: #0084FF; }
  .pmenus li.new.off {
    color: #fff;
    background-color: #222; }
  .pmenus li.on {
    color: #999;
    font-weight: bold; }
  .pmenus .pmenu-sub {
    animation: show-submenu .35s ease-out; }

@keyframes show-submenu {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.cards .scroller {
  width: max-content; }

ol.card, ol.list {
  width: 270px;
  height: auto;
  border-radius: 16px;
  background-color: white;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column; }
  ol.card + .card, ol.list + .card {
    margin-left: 10px; }
  ol.card .item, ol.list .item {
    color: #5F5BFF;
    font-size: .9rem;
    font-weight: 600;
    /*border-top:1px solid $c_a1l;*/
    text-align: center;
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    ol.card .item:nth-of-type(1), ol.list .item:nth-of-type(1) {
      border-top: 1px solid #839BFB; }
    ol.card .item:hover, ol.list .item:hover {
      color: #FDC73E; }
    ol.card .item.new, ol.list .item.new {
      color: #666;
      font-size: .8rem; }
    ol.card .item.on, ol.list .item.on {
      color: #FDC73E;
      font-weight: bold; }
      ol.card .item.on i.icon, ol.card .item.on i.form-item-autocomplete.loading-autocomplete:before, ol.card .item.on .ui-indicator i#indicator:before, .ui-indicator ol.card .item.on i#indicator:before, ol.list .item.on i.icon, ol.list .item.on i.form-item-autocomplete.loading-autocomplete:before, ol.list .item.on .ui-indicator i#indicator:before, .ui-indicator ol.list .item.on i#indicator:before {
        color: #FDC73E; }
    ol.card .item.new.on, ol.list .item.new.on {
      color: #FFF;
      background-color: #666;
      font-weight: bold;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
    ol.card .item i.icon, ol.card .item i.form-item-autocomplete.loading-autocomplete:before, ol.card .item .ui-indicator i#indicator:before, .ui-indicator ol.card .item i#indicator:before, ol.list .item i.icon, ol.list .item i.form-item-autocomplete.loading-autocomplete:before, ol.list .item .ui-indicator i#indicator:before, .ui-indicator ol.list .item i#indicator:before {
      position: absolute;
      right: 6px;
      top: 0px;
      color: #0084FF;
      width: 20px;
      height: 20px; }

ol.card li {
  cursor: pointer;
  box-sizing: border-box; }
  ol.card li.text {
    position: relative; }
    ol.card li.text textarea, ol.card li.text textarea:focus {
      color: white !important;
      border: 0 !important;
      font-size: inherit;
      background: #222 !important;
      z-index: 1;
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      bottom: 0px;
      width: 100%;
      padding: 10px 16px;
      margin: 0px;
      height: 100%; }
  ol.card li.image {
    width: 100%;
    height: 140px;
    max-height: 140px;
    background-color: #D0C9C3;
    background-size: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
    background-position: center center;
    overflow: hidden; }
    ol.card li.image:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center; }
    ol.card li.image:hover {
      transform: scale(1.1, 1.1);
      transition-duration: 0.2s; }
    ol.card li.image.default {
      background-image: url(/images/bg_cam_1.jpg); }
      ol.card li.image.default:hover {
        transform: scale(1.4, 1.4);
        transition-duration: 0.3s; }
    ol.card li.image.cover {
      background-size: cover; }
    ol.card li.image.contain {
      background-size: contain; }
    ol.card li.image.square {
      width: 100%;
      height: 270px;
      max-height: 270px; }
    ol.card li.image.rectangle {
      height: 178px;
      max-height: 178px; }
    ol.card li.image.uploading:before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -40px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center !important;
      font-size: 3.6rem;
      z-index: 2;
      padding: 0 !important;
      padding-left: 0 !important;
      -webkit-animation: fa-spin 1s infinite linear;
      animation: fa-spin 1s infinite linear;
      content: ""; }
    ol.card li.image.uploading:after {
      content: 'Uploading ...';
      position: absolute;
      width: inherit;
      text-align: center;
      font-size: 1rem;
      background-color: transparent;
      top: 50%;
      left: 0;
      margin-top: 20px;
      width: 100%; }
  ol.card li.imagemap:hover {
    transform: scale(1, 1);
    transition-duration: 0s; }
  ol.card li.imagemap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0; }
  ol.card li.imagemap .area {
    position: absolute;
    overflow: hidden;
    color: rgba(0, 0, 0, 0); }
  ol.card li.title {
    font-size: .8rem;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #222;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    background: white;
    width: 100%; }
  ol.card li.desc {
    font-size: 12px;
    min-height: 28px;
    line-height: 20px;
    color: #666;
    padding: 0px 10px 4px 10px;
    white-space: pre;
    width: 100%;
    margin: 0; }
    ol.card li.desc + .item {
      margin-top: auto; }
  ol.card li.linkto {
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    color: #666;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin: 0; }
  ol.card li.map {
    height: 140px;
    background-image: url("/images/bg_dummy_map.png");
    background-position: center; }
  ol.card li.web {
    height: 140px; }
  ol.card li input[type=text] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-left: 2px;
    margin: 0; }
  ol.card li textarea {
    min-height: 60px;
    max-height: 60px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 2px;
    margin: 0; }

ol.card i.video.large, ol.card i.camera.large, ol.card i.link.large, ol.card i.trash.large, ol.card i.brush.large {
  width: 36px;
  height: 36px;
  top: 96px;
  right: 6px;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }
  ol.card i.video.large:before, ol.card i.camera.large:before, ol.card i.link.large:before, ol.card i.trash.large:before, ol.card i.brush.large:before {
    padding-left: 0 !important;
    width: inherit;
    height: 36px;
    line-height: 36px;
    text-indent: 0; }

ol.card i.camera.large {
  top: 6px; }

ol.card i.brush.large {
  bottom: 6px;
  left: 6px; }

ol.card i.trash.large {
  right: auto;
  left: 6px;
  top: 6px; }

ol.card i.video.large:hover, ol.card i.camera.large:hover, ol.card i.link.large:hover, ol.card i.trash.large:hover, ol.card i.brush.large:hover {
  background-color: #FDC73E;
  transform: scale(1.05, 1.05);
  transition-duration: 0.2s;
  color: #FFFFFF; }

ol.list li {
  cursor: pointer;
  height: 80px;
  border-bottom: 1px solid #D0C9C3; }
  ol.list li.item {
    border-top: 0; }
  ol.list li > * {
    position: absolute;
    display: block;
    font-size: .8rem;
    width: 270px; }
  ol.list li > b {
    right: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-size: cover;
    border-radius: 4px;
    background-color: #F8F6F5; }
  ol.list li > h6 {
    color: #666;
    top: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    width: 180px !important; }
  ol.list li > p {
    color: #222;
    font-size: .7rem;
    top: 32px;
    height: 52px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 180px !important;
    background-color: white !important;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    max-height: 50px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  ol.list li:last-child {
    border-bottom: 0 !important; }

ol.list.btns > li {
  height: 90px; }

ol.list.enlarge > li:first-child {
  height: 120px;
  border-top-right-radius: 20px; }
  ol.list.enlarge > li:first-child * {
    position: absolute;
    z-index: 1;
    color: white; }
  ol.list.enlarge > li:first-child b {
    width: 270px;
    height: 120px;
    z-index: 0;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 0px;
    background-color: white;
    border-top-right-radius: 20px; }
    ol.list.enlarge > li:first-child b:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 270px;
      height: 120px;
      background-color: rgba(0, 0, 0, 0.2); }
  ol.list.enlarge > li:first-child h6 {
    bottom: 48px;
    top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  ol.list.enlarge > li:first-child p {
    bottom: 10px;
    top: auto;
    opacity: 0.7;
    max-height: 34px; }
  ol.list.enlarge > li:first-child p.desc {
    background-color: rgba(0, 0, 0, 0.2) !important; }

#subform {
  position: fixed;
  top: 60px;
  right: 0px;
  width: 480px;
  height: calc( 100vh - 60px);
  background-color: #666;
  z-index: 101; }
  #subform form {
    margin-top: 16px;
    animation: show-subform .4s ease-out;
    margin-left: 1px;
    background-color: transparent; }
    #subform form label {
      color: #FFFFFF; }
    #subform form .ui-dropdown label {
      color: #999; }

@keyframes show-subform {
  0% {
    margin-top: 100vh;
    opacity: .7; }
  100% {
    margin-top: 60px;
    opacity: 1; } }

.action {
  padding-left: 36px;
  text-align: left; }

.action:before {
  position: absolute;
  left: 6px;
  top: 3px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  color: white;
  font-family: "Exo 2",sans-serif;
  font-weight: normal; }

.action.text:before {
  content: "T";
  background-color: #4DC194; }

.action.card:before {
  content: "C";
  background-color: #A79CE1; }

.action.image:before {
  content: "I";
  background-color: #09EADC; }

.action.map:before {
  content: "M";
  background-color: #19A7F0; }

.action.link:before {
  content: "L";
  background-color: #FFAC23; }

.action.web:before {
  content: "W";
  background-color: #FF937B; }

.action.logical:before {
  content: "IF";
  background-color: #F5A623; }

#bot_name_to_delete + p, #export_name + p {
  display: none; }

#bot_name_to_delete.error + p, #export_name.error + p {
  display: block;
  color: #FF5252;
  font-size: .8rem; }

#bot_name_to_delete ~ div > button {
  display: inline-block; }

/*for json property selecter*/
#json-fields {
  position: relative;
  display: block;
  float: none; }

#json-fields dd {
  margin-top: 4px;
  margin-right: 8px;
  background-color: white;
  border: 1px solid #E1E2E7;
  cursor: pointer;
  color: #5D6882;
  float: left;
  font-size: .9rem;
  padding: 0px 8px 0px 8px;
  border-radius: 4px;
  font-family: 'NTR'; }

#json-fields dd:hover {
  background-color: #0084FF;
  color: white; }

#chat_menu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: inherit;
  min-width: 360px;
  height: 360px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px -4px 2px 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.9); }
  #chat_menu * {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
  #chat_menu h2 {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #D0C9C3;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 1rem; }
  #chat_menu i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    z-index: 2;
    background-image: url(/images/ico_cross.svg); }
  #chat_menu ul {
    padding: 0;
    margin: 0;
    margin-bottom: auto; }
  #chat_menu li {
    line-height: 44px;
    height: 44px;
    padding-left: 16px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 60px;
    border-bottom: 1px solid #e0e3e7;
    font-size: 1rem;
    background-color: white; }
  #chat_menu li.on {
    color: #0084ff;
    font-weight: bold; }
  #chat_menu li.on:after {
    content: "✓";
    position: absolute;
    height: inherit;
    width: 44px;
    right: 16px;
    text-align: right;
    top: 0;
    bottom: 0; }
  #chat_menu button {
    text-align: center;
    margin: auto;
    height: 36px;
    line-height: 36px;
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #D0C9C3;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 1rem; }
  #chat_menu p {
    text-align: center;
    padding: 8px 20px 8px 20px; }
  #chat_menu button:active, #chat_menu button.on {
    background-color: #006Aee;
    box-shadow: none;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
  #chat_menu footer {
    position: fixed;
    z-index: 100;
    width: inherit;
    min-width: auto; }
  #chat_menu main {
    position: relative;
    width: inherit;
    height: calc( 100% - 60px);
    overflow-y: auto;
    padding-top: 0;
    background-color: #f1f3f7;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    margin-top: 0; }
  #chat_menu footer button {
    width: 80%;
    margin-top: 12px; }
  #chat_menu cite {
    position: relative;
    text-align: center;
    color: #AAB2BD;
    font-size: .8rem;
    line-height: 44px;
    font-weight: lighter;
    font-style: normal;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0;
    height: 40px; }
  #chat_menu cite:before {
    content: 'Powered by Anybot. https://anybot.me';
    width: 100%; }

@keyframes err-blink {
  0% {
    border: 3px solid #FF937B;
    opacity: .8; }
  40% {
    border: 3px solid #FF937B;
    opacity: .1; }
  100% {
    border: 1px solid #FF937B;
    opacity: .4; } }

.error-blink {
  animation: err-blink .5s ease-out; }

#form_parser * {
  position: fixed !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden; }

/*upload btn*/
/*.chat_test_view section{overflow-y:auto;height:calc( 100vh - 100px )}*/
#webhooks {
  width: inherit;
  border-collapse: collapse;
  margin: 0;
  margin-top: 1px;
  overflow: hidden;
  text-align: left; }
  #webhooks li[type=checkbox] {
    height: 28px;
    line-height: 28px; }
  #webhooks form label {
    float: left; }
  #webhooks label {
    margin-right: 0; }
  #webhooks i {
    position: relative;
    float: left;
    margin-top: 6px;
    line-height: 16px; }
  #webhooks i.on {
    background-color: transparent;
    color: #FDC73E; }

table.webhooks {
  margin: 0;
  max-width: 500px;
  text-align: left;
  border-collapse: collapse;
  width: inherit; }
  table.webhooks caption {
    color: #999;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    text-align: left;
    height: 47px;
    line-height: 47px; }
  table.webhooks tr {
    height: 36px;
    line-height: 36px; }
    table.webhooks tr:first-child {
      height: 40px;
      line-height: 40px;
      font-size: .8rem; }
    table.webhooks tr:nth-child(2) td, table.webhooks tr:nth-child(2) th {
      font-weight: 600;
      border-top: 1px solid #D0C9C3;
      border-bottom: 1px solid #D0C9C3; }
    table.webhooks tr:last-child td, table.webhooks tr:last-child th {
      border-bottom: 1px solid #D0C9C3; }
    table.webhooks tr td:first-child {
      font-weight: bold; }
  table.webhooks th {
    color: #999;
    padding-left: 10px; }
  table.webhooks td {
    padding-left: 10px; }

.schedules {
  margin: 0;
  padding: 0;
  background-color: #F8F6F5;
  height: 100%;
  padding-top: 10px;
  overflow-y: auto; }
  .schedules h2 {
    height: 48px;
    line-height: 48px;
    font-size: 1.0rem;
    font-weight: 600;
    border-bottom: 1px solid #D0C9C3;
    margin-bottom: 10px; }
  .schedules dd[name=uri] {
    flex: 1; }
  .schedules dd[name=num] {
    max-width: 70px; }
    .schedules dd[name=num] .ui-dropdown {
      max-width: 70px; }
  .schedules dd p {
    padding: 0 !important; }
  .schedules form {
    margin: 10px;
    padding: 16px  !important;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    width: 640px;
    max-width: 640px !important; }
  .schedules input[name='msg'] {
    margin-top: 10px !important; }
  .schedules li[name='msg'] p {
    padding-top: 0px !important; }
  .schedules li:nth-child(5) {
    padding-top: 4px;
    padding-bottom: 10px; }
  .schedules li[type=multiple] dl {
    width: 600px !important; }

.ext {
  height: 24px;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 80%; }
  .ext * {
    display: block;
    position: relative;
    cursor: pointer; }
  .ext h5 {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

p.act-name {
  cursor: pointer; }

p.act-name:hover {
  color: #FDC73E; }

textarea.css {
  resize: none;
  height: 100%; }

.webhook-params li {
  position: relative;
  height: 48px;
  line-height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .webhook-params li input[type=text] {
    max-width: 160px; }
  .webhook-params li .form-item-autocomplete {
    width: max-content;
    height: 32px;
    line-height: 32px;
    min-height: 32px;
    box-sizing: border-box; }
    .webhook-params li .form-item-autocomplete input[type=text] {
      height: unset;
      line-height: unset;
      margin-top: 0;
      margin-bottom: 0; }
  .webhook-params li > label {
    width: 24px;
    text-align: center;
    margin: 0;
    padding: 0; }
  .webhook-params li.radios > label {
    white-space: nowrap;
    padding-left: 28px;
    margin-right: 24px;
    width: auto; }
  .webhook-params li div.ui-dropdown {
    width: 240px !important;
    max-width: 240px !important; }
  .webhook-params li div.btns {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 60px;
    height: inherit;
    align-items: center;
    line-height: 16px;
    margin-left: 10px; }
    .webhook-params li div.btns i.icon, .webhook-params li div.btns i.form-item-autocomplete.loading-autocomplete:before, .webhook-params li div.btns .ui-indicator i#indicator:before, .ui-indicator .webhook-params li div.btns i#indicator:before {
      display: block;
      position: relative; }

.webhook-params li:first-child, .webhook-params li.acts {
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  height: auto;
  line-height: auto; }

.webhook-params li:first-child input[type=text] {
  width: 460px !important;
  max-width: 460px; }

.webhook-params li:first-child p {
  line-height: 20px;
  padding-bottom: 10px; }

.webhook-params li.acts > div {
  display: flex;
  flex-direction: row;
  padding-top: 8px; }
  .webhook-params li.acts > div div.form-item-autocomplete {
    width: 250px;
    margin-right: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .webhook-params li.acts > div div.form-item-autocomplete input[type=text] {
      width: auto;
      max-width: 240px;
      min-width: auto; }

.salesforce-params li, .gsheet-params li, .kintone-params li, .ms365-params li, .msteams-params li {
  display: flex;
  flex-direction: column; }

.salesforce-params li.radios ul, .gsheet-params li.radios ul, .kintone-params li.radios ul, .ms365-params li.radios ul, .msteams-params li.radios ul {
  display: flex;
  flex-direction: row; }

.salesforce-params li.parameters, .salesforce-params li.auto-comp-ms, .gsheet-params li.parameters, .gsheet-params li.auto-comp-ms, .kintone-params li.parameters, .kintone-params li.auto-comp-ms, .ms365-params li.parameters, .ms365-params li.auto-comp-ms, .msteams-params li.parameters, .msteams-params li.auto-comp-ms {
  display: flex;
  flex-direction: row; }
  .salesforce-params li.parameters input[type=text], .salesforce-params li.auto-comp-ms input[type=text], .gsheet-params li.parameters input[type=text], .gsheet-params li.auto-comp-ms input[type=text], .kintone-params li.parameters input[type=text], .kintone-params li.auto-comp-ms input[type=text], .ms365-params li.parameters input[type=text], .ms365-params li.auto-comp-ms input[type=text], .msteams-params li.parameters input[type=text], .msteams-params li.auto-comp-ms input[type=text] {
    max-width: 160px; }
  .salesforce-params li.parameters .form-item-autocomplete, .salesforce-params li.auto-comp-ms .form-item-autocomplete, .gsheet-params li.parameters .form-item-autocomplete, .gsheet-params li.auto-comp-ms .form-item-autocomplete, .kintone-params li.parameters .form-item-autocomplete, .kintone-params li.auto-comp-ms .form-item-autocomplete, .ms365-params li.parameters .form-item-autocomplete, .ms365-params li.auto-comp-ms .form-item-autocomplete, .msteams-params li.parameters .form-item-autocomplete, .msteams-params li.auto-comp-ms .form-item-autocomplete {
    width: max-content;
    height: 32px;
    line-height: 32px;
    min-height: 32px;
    box-sizing: border-box; }
    .salesforce-params li.parameters .form-item-autocomplete input[type=text], .salesforce-params li.auto-comp-ms .form-item-autocomplete input[type=text], .gsheet-params li.parameters .form-item-autocomplete input[type=text], .gsheet-params li.auto-comp-ms .form-item-autocomplete input[type=text], .kintone-params li.parameters .form-item-autocomplete input[type=text], .kintone-params li.auto-comp-ms .form-item-autocomplete input[type=text], .ms365-params li.parameters .form-item-autocomplete input[type=text], .ms365-params li.auto-comp-ms .form-item-autocomplete input[type=text], .msteams-params li.parameters .form-item-autocomplete input[type=text], .msteams-params li.auto-comp-ms .form-item-autocomplete input[type=text] {
      height: unset;
      line-height: unset;
      margin-top: 0;
      margin-bottom: 0; }
    .salesforce-params li.parameters .form-item-autocomplete span, .salesforce-params li.auto-comp-ms .form-item-autocomplete span, .gsheet-params li.parameters .form-item-autocomplete span, .gsheet-params li.auto-comp-ms .form-item-autocomplete span, .kintone-params li.parameters .form-item-autocomplete span, .kintone-params li.auto-comp-ms .form-item-autocomplete span, .ms365-params li.parameters .form-item-autocomplete span, .ms365-params li.auto-comp-ms .form-item-autocomplete span, .msteams-params li.parameters .form-item-autocomplete span, .msteams-params li.auto-comp-ms .form-item-autocomplete span {
      white-space: nowrap; }
  .salesforce-params li.parameters div.btns, .salesforce-params li.auto-comp-ms div.btns, .gsheet-params li.parameters div.btns, .gsheet-params li.auto-comp-ms div.btns, .kintone-params li.parameters div.btns, .kintone-params li.auto-comp-ms div.btns, .ms365-params li.parameters div.btns, .ms365-params li.auto-comp-ms div.btns, .msteams-params li.parameters div.btns, .msteams-params li.auto-comp-ms div.btns {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 60px;
    height: inherit;
    align-items: center;
    line-height: 16px;
    margin-left: 10px;
    max-width: 10rem; }
    .salesforce-params li.parameters div.btns i.icon, .salesforce-params li.parameters div.btns i.form-item-autocomplete.loading-autocomplete:before, .salesforce-params li.parameters div.btns .ui-indicator i#indicator:before, .ui-indicator .salesforce-params li.parameters div.btns i#indicator:before, .salesforce-params li.auto-comp-ms div.btns i.icon, .salesforce-params li.auto-comp-ms div.btns i.form-item-autocomplete.loading-autocomplete:before, .salesforce-params li.auto-comp-ms div.btns .ui-indicator i#indicator:before, .ui-indicator .salesforce-params li.auto-comp-ms div.btns i#indicator:before, .gsheet-params li.parameters div.btns i.icon, .gsheet-params li.parameters div.btns i.form-item-autocomplete.loading-autocomplete:before, .gsheet-params li.parameters div.btns .ui-indicator i#indicator:before, .ui-indicator .gsheet-params li.parameters div.btns i#indicator:before, .gsheet-params li.auto-comp-ms div.btns i.icon, .gsheet-params li.auto-comp-ms div.btns i.form-item-autocomplete.loading-autocomplete:before, .gsheet-params li.auto-comp-ms div.btns .ui-indicator i#indicator:before, .ui-indicator .gsheet-params li.auto-comp-ms div.btns i#indicator:before, .kintone-params li.parameters div.btns i.icon, .kintone-params li.parameters div.btns i.form-item-autocomplete.loading-autocomplete:before, .kintone-params li.parameters div.btns .ui-indicator i#indicator:before, .ui-indicator .kintone-params li.parameters div.btns i#indicator:before, .kintone-params li.auto-comp-ms div.btns i.icon, .kintone-params li.auto-comp-ms div.btns i.form-item-autocomplete.loading-autocomplete:before, .kintone-params li.auto-comp-ms div.btns .ui-indicator i#indicator:before, .ui-indicator .kintone-params li.auto-comp-ms div.btns i#indicator:before, .ms365-params li.parameters div.btns i.icon, .ms365-params li.parameters div.btns i.form-item-autocomplete.loading-autocomplete:before, .ms365-params li.parameters div.btns .ui-indicator i#indicator:before, .ui-indicator .ms365-params li.parameters div.btns i#indicator:before, .ms365-params li.auto-comp-ms div.btns i.icon, .ms365-params li.auto-comp-ms div.btns i.form-item-autocomplete.loading-autocomplete:before, .ms365-params li.auto-comp-ms div.btns .ui-indicator i#indicator:before, .ui-indicator .ms365-params li.auto-comp-ms div.btns i#indicator:before, .msteams-params li.parameters div.btns i.icon, .msteams-params li.parameters div.btns i.form-item-autocomplete.loading-autocomplete:before, .msteams-params li.parameters div.btns .ui-indicator i#indicator:before, .ui-indicator .msteams-params li.parameters div.btns i#indicator:before, .msteams-params li.auto-comp-ms div.btns i.icon, .msteams-params li.auto-comp-ms div.btns i.form-item-autocomplete.loading-autocomplete:before, .msteams-params li.auto-comp-ms div.btns .ui-indicator i#indicator:before, .ui-indicator .msteams-params li.auto-comp-ms div.btns i#indicator:before {
      display: block;
      position: relative; }
  .salesforce-params li.parameters > label, .salesforce-params li.auto-comp-ms > label, .gsheet-params li.parameters > label, .gsheet-params li.auto-comp-ms > label, .kintone-params li.parameters > label, .kintone-params li.auto-comp-ms > label, .ms365-params li.parameters > label, .ms365-params li.auto-comp-ms > label, .msteams-params li.parameters > label, .msteams-params li.auto-comp-ms > label {
    width: 24px;
    text-align: center;
    margin: 0;
    padding: 0; }

.gsheet-params li.parameters label, .kintone-params li.parameters label, .ms365-params li.parameters label {
  line-height: 32px; }
  .gsheet-params li.parameters label.gsheet-column, .kintone-params li.parameters label.gsheet-column, .ms365-params li.parameters label.gsheet-column {
    width: 5rem; }
  .gsheet-params li.parameters label.kintone-column, .kintone-params li.parameters label.kintone-column, .ms365-params li.parameters label.kintone-column {
    width: 5rem; }

.gsheet-params li.parameters .btns, .kintone-params li.parameters .btns, .ms365-params li.parameters .btns {
  line-height: 24px !important; }

.gsheet-params li.to-save, .kintone-params li.to-save, .ms365-params li.to-save {
  padding: 0; }
  .gsheet-params li.to-save h4, .kintone-params li.to-save h4, .ms365-params li.to-save h4 {
    line-height: 46px; }

.kintone-params li.parameters .form-item-autocomplete {
  position: relative; }
  .kintone-params li.parameters .form-item-autocomplete input[type=text] {
    position: absolute; }
  .kintone-params li.parameters .form-item-autocomplete.on span.autocomplete-select {
    opacity: 0; }

.msteams-params h4 {
  width: unset; }

.gsheet-params li.s_name, .gsheet-params li.s_row, .gsheet-params li.auto-comp-ms, .ms365-params li.s_name, .ms365-params li.s_row, .ms365-params li.auto-comp-ms {
  flex-direction: row;
  padding-top: 1rem; }
  .gsheet-params li.s_name h4, .gsheet-params li.s_row h4, .gsheet-params li.auto-comp-ms h4, .ms365-params li.s_name h4, .ms365-params li.s_row h4, .ms365-params li.auto-comp-ms h4 {
    width: fit-content !important; }

.gsheet-params li.parameters input[name=col], .gsheet-params li.s_row input, .ms365-params li.parameters input[name=col], .ms365-params li.s_row input {
  width: 6rem;
  margin-left: 10px; }

.gsheet-params li.s_name input, .ms365-params li.s_name input {
  width: 20rem;
  margin-left: 10px; }

.gsheet-params li.disclaimer, .ms365-params li.disclaimer {
  display: none;
  padding: 8px 10px 16px;
  width: fit-content;
  overflow: visible; }
  .gsheet-params li.disclaimer div.border, .ms365-params li.disclaimer div.border {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 10px; }
    .gsheet-params li.disclaimer div.border h3, .ms365-params li.disclaimer div.border h3 {
      text-transform: revert;
      white-space: revert;
      font-weight: unset;
      cursor: unset; }
      .gsheet-params li.disclaimer div.border h3 span, .ms365-params li.disclaimer div.border h3 span {
        font-weight: 600; }
    .gsheet-params li.disclaimer div.border div.copy-address, .ms365-params li.disclaimer div.border div.copy-address {
      display: flex; }
      .gsheet-params li.disclaimer div.border div.copy-address input, .ms365-params li.disclaimer div.border div.copy-address input {
        height: inherit;
        font: inherit;
        color: inherit;
        border: none;
        padding: 0;
        font-weight: 600;
        width: 330px; }
      .gsheet-params li.disclaimer div.border div.copy-address dd.copy, .ms365-params li.disclaimer div.border div.copy-address dd.copy {
        width: 2rem;
        cursor: pointer;
        margin-left: 1rem; }
  .gsheet-params li.disclaimer.on, .ms365-params li.disclaimer.on {
    display: flex; }

#editors {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 10px;
  justify-content: flex-end; }
  #editors dd {
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    border: 1px solid white;
    cursor: pointer; }
    #editors dd:hover {
      border-color: #D0C9C3; }
    #editors dd img {
      width: 20px;
      height: 20px;
      margin: 10px;
      display: block; }
    #editors dd h6 {
      flex: 1;
      text-align: left;
      color: #999;
      margin-right: 10px; }
    #editors dd i {
      display: block;
      position: relative; }

#bot-editor-export-form ul > li {
  flex-direction: column; }
  #bot-editor-export-form ul > li input.error {
    border: 1px solid red; }
  #bot-editor-export-form ul > li label {
    cursor: initial; }
  #bot-editor-export-form ul > li .form-item-autocomplete {
    height: 32px;
    line-height: 32px;
    min-height: 32px;
    box-sizing: border-box;
    flex-direction: row; }
    #bot-editor-export-form ul > li .form-item-autocomplete input[type=text] {
      height: unset;
      line-height: unset;
      margin-top: 0;
      margin-bottom: 0; }
    #bot-editor-export-form ul > li .form-item-autocomplete span {
      white-space: nowrap;
      color: #222; }

.bot_fb_view main {
  height: 100%;
  display: block; }
  .bot_fb_view main > * {
    width: 800px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    margin-top: 16px; }

.bot_fb_view form ul {
  padding-top: 10px; }

.bot_fb_view form li {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.bot_fb_view form li:hover {
  background-color: #F8F6F5; }

.bot_fb_view form label {
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: left;
  padding-left: 10px; }

.bot_fb_view form li > button {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 6px;
  background-color: white;
  height: 28px;
  line-height: 28px;
  margin-top: 0;
  min-width: 130px;
  text-align: center;
  color: #0084FF;
  font-weight: 600;
  padding-right: 0;
  background-color: transparent;
  margin-right: 0;
  border: 1px solid #0084FF;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.bot_fb_view form li > button.on {
  background-color: #0084FF;
  color: white; }

.bot_fb_view form li > button.exists {
  color: #999; }

.bot_fb_view form dl {
  border: 1px solid #AAB1BC;
  margin: 20px auto 10px auto;
  width: 480px;
  border-radius: 10px; }

.bot_fb_view form dd {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #AAB1BC;
  padding-left: 10px; }

.bot_fb_view form dd:last-child {
  border: 0; }

.bot_fb_view form dd > input[type=text] {
  background-color: transparent;
  color: #0084FF;
  width: 80%;
  margin-left: 0 !important;
  font-size: 1.2rem; }

.bot_fb_view nav.breadcrumbs .icon.home:before, .bot_fb_view nav.breadcrumbs .home.form-item-autocomplete.loading-autocomplete:before, .bot_fb_view nav.breadcrumbs table.list-view th.home.on:before, table.list-view .bot_fb_view nav.breadcrumbs th.home.on:before, .bot_fb_view nav.breadcrumbs table.list-view th.home.sortable:before, table.list-view .bot_fb_view nav.breadcrumbs th.home.sortable:before, .bot_fb_view nav.breadcrumbs .ui-indicator .home#indicator:before, .ui-indicator .bot_fb_view nav.breadcrumbs .home#indicator:before, .bot_fb_view nav.breadcrumbs .search-bar div.home.queries:before, .search-bar .bot_fb_view nav.breadcrumbs div.home.queries:before, .bot_fb_view nav.breadcrumbs .simulator > header dd.home:before, .simulator > header .bot_fb_view nav.breadcrumbs dd.home:before, .bot_fb_view nav.breadcrumbs .p3-layout .menu-pane li.home:before, .p3-layout .menu-pane .bot_fb_view nav.breadcrumbs li.home:before, .bot_fb_view nav.breadcrumbs .chat_list_view #simulator footer.send-type-text .type-text b.home:before, .chat_list_view #simulator footer.send-type-text .type-text .bot_fb_view nav.breadcrumbs b.home:before, .bot_fb_view nav.breadcrumbs .bot-editor section.actions li h5.home:before, .bot-editor section.actions li .bot_fb_view nav.breadcrumbs h5.home:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes > li > div span.home.new:before, .bot-editor ul.nodes > li > div .bot_fb_view nav.breadcrumbs span.home.new:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes > li > div label.home.new:before, .bot-editor ul.nodes > li > div .bot_fb_view nav.breadcrumbs label.home.new:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes div.home.schedule:before, .bot-editor ul.nodes .bot_fb_view nav.breadcrumbs div.home.schedule:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes ol.card li.home.item.new:before, .bot-editor ul.nodes ol.card .bot_fb_view nav.breadcrumbs li.home.item.new:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes div.react-btns label.colors:hover u.home:before, .bot-editor ul.nodes div.react-btns label.colors:hover .bot_fb_view nav.breadcrumbs u.home:before, .bot_fb_view nav.breadcrumbs section.user-editor section.info header.home:before, section.user-editor section.info .bot_fb_view nav.breadcrumbs header.home:before, .bot_fb_view nav.breadcrumbs section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.home:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot_fb_view nav.breadcrumbs b.home:before {
  content: ""; }

.bot_fb_view h2 {
  font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;
  font-size: 1.2rem;
  height: 24px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
  text-align: left; }

.paste-area {
  padding: 10px 16px 10px 16px;
  border-radius: 4px;
  text-align: left; }
  .paste-area code {
    background-color: #999;
    color: #3A3AB5;
    border-radius: 4px;
    line-height: 1.2;
    display: block;
    padding: 20px 16px; }
  .paste-area p {
    color: #222; }

.bot_line_view main {
  text-align: center;
  align-items: flex-start; }

.bot_line_view form {
  width: 800px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto; }
  .bot_line_view form li > h4 {
    width: 260px; }
  .bot_line_view form .buttons {
    flex-direction: row;
    padding-top: 10px; }

.line-manual {
  padding-bottom: 20px;
  padding-top: 10px;
  width: 800px;
  margin-top: 10px; }
  .line-manual h2 {
    text-align: left;
    width: 720px;
    margin: auto;
    height: 60px;
    line-height: 60px;
    font-size: 1.4rem; }
  .line-manual h6 {
    text-align: left;
    width: 720px;
    margin: auto;
    line-height: 32px;
    font-size: 1rem;
    color: #999;
    margin-top: 10px;
    margin-bottom: 10px; }
  .line-manual img {
    width: 680px;
    height: auto; }
  .line-manual a {
    color: #222;
    font-weight: bold;
    font-size: 1rem; }
  .line-manual b {
    font-weight: 600;
    color: #FDC73E; }

.dashboard_view span, .dashboard_view p {
  box-sizing: border-box;
  padding: 0; }

.dashboard_view h2.title {
  text-align: left;
  padding-left: 24px;
  line-height: 60px;
  height: 48px;
  font-size: 16px; }

.dashboard_view main.p2-layout {
  height: 100vh;
  padding-bottom: 0;
  overflow-y: hidden; }

.dashboard_view section.left-pane input[type=date] {
  color: #666; }

.dashboard_view section.left-pane ul {
  padding-left: 0; }
  .dashboard_view section.left-pane ul li {
    padding-left: 32px; }

.dashboard_view section.left-pane ul.date {
  max-height: 48px; }

.dashboard_view section.left-pane .ui-tab-menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto; }
  .dashboard_view section.left-pane .ui-tab-menu dd {
    text-align: left;
    height: 48px;
    line-height: 48px;
    border-bottom: 0 !important;
    padding-left: 32px; }
  .dashboard_view section.left-pane .ui-tab-menu dd.on {
    background: #F8F6F5;
    color: #222; }

.dashboard_view section.left-pane .noclick .ui-input, .dashboard_view section.left-pane .noclick input[type=text], .dashboard_view section.left-pane .noclick input[type=password], .dashboard_view section.left-pane .noclick input[type=autocomplete], .dashboard_view section.left-pane .noclick input[type=email], .dashboard_view section.left-pane .noclick input[type=tel], .dashboard_view section.left-pane .noclick input[type=url], .dashboard_view section.left-pane .noclick input[type=search], .dashboard_view section.left-pane .noclick input[type=date], .dashboard_view section.left-pane .noclick input[type=range], .dashboard_view section.left-pane .noclick input[type=number], .dashboard_view section.left-pane .noclick textarea, .dashboard_view section.left-pane .noclick .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form .dashboard_view section.left-pane .noclick input, .dashboard_view section.left-pane .noclick .ec-editor .center-pane section.store .ec_plans ul li input, .ec-editor .center-pane section.store .ec_plans ul li .dashboard_view section.left-pane .noclick input, .dashboard_view section.left-pane .noclick section.user-editor section.pop-inline.tags-btn form input, section.user-editor section.pop-inline.tags-btn form .dashboard_view section.left-pane .noclick input {
  width: 85%; }

.dashboard_view .tab-container {
  flex: 1;
  padding-top: 0;
  padding-bottom: 30px;
  min-width: 1120px;
  height: calc(100vh - 60px);
  overflow-y: scroll; }

.dashboard_view .cards {
  margin: 20px 0 0 20px; }

.dashboard_view .card_wrapper {
  width: 255px;
  height: 120px;
  margin-right: 20px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  float: left; }
  .dashboard_view .card_wrapper .icon_wrapper {
    text-align: center;
    bottom: 28px;
    z-index: 10;
    position: absolute;
    width: 100%; }
  .dashboard_view .card_wrapper span.rounded {
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    background-color: #ffac23;
    display: inline-block; }
  .dashboard_view .card_wrapper .label {
    font-size: 12px;
    padding-top: 8px; }
  .dashboard_view .card_wrapper .value {
    padding-top: 3px;
    font-size: 24px;
    font-weight: bold; }
    .dashboard_view .card_wrapper .value .unit {
      font-size: 15px; }
  .dashboard_view .card_wrapper .diff_value {
    font-size: 12px;
    color: #f44336; }
    .dashboard_view .card_wrapper .diff_value:before {
      content: ' ▲';
      position: relative; }
    .dashboard_view .card_wrapper .diff_value.negative {
      color: #311B92; }
      .dashboard_view .card_wrapper .diff_value.negative .unit {
        color: #311B92; }
      .dashboard_view .card_wrapper .diff_value.negative:before {
        content: ' ▼'; }
    .dashboard_view .card_wrapper .diff_value .unit {
      font-size: 9px;
      color: #f44336; }
  .dashboard_view .card_wrapper .total_value {
    padding: 15px 0 10px;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #DDD;
    background-color: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 4px 4px; }
  .dashboard_view .card_wrapper i {
    color: #666; }
  .dashboard_view .card_wrapper .icon.help, .dashboard_view .card_wrapper .help.form-item-autocomplete.loading-autocomplete:before, .dashboard_view .card_wrapper table.list-view th.help.on, table.list-view .dashboard_view .card_wrapper th.help.on, .dashboard_view .card_wrapper table.list-view th.help.sortable, table.list-view .dashboard_view .card_wrapper th.help.sortable, .dashboard_view .card_wrapper .ui-indicator .help#indicator:before, .ui-indicator .dashboard_view .card_wrapper .help#indicator:before, .dashboard_view .card_wrapper .search-bar div.help.queries, .search-bar .dashboard_view .card_wrapper div.help.queries, .dashboard_view .card_wrapper .simulator > header dd.help, .simulator > header .dashboard_view .card_wrapper dd.help, .dashboard_view .card_wrapper .p3-layout .menu-pane li.help, .p3-layout .menu-pane .dashboard_view .card_wrapper li.help, .dashboard_view .card_wrapper .chat_list_view #simulator footer.send-type-text .type-text b.help:before, .chat_list_view #simulator footer.send-type-text .type-text .dashboard_view .card_wrapper b.help:before, .dashboard_view .card_wrapper .bot-editor section.actions li h5.help, .bot-editor section.actions li .dashboard_view .card_wrapper h5.help, .dashboard_view .card_wrapper .bot-editor ul.nodes > li > div span.help.new, .bot-editor ul.nodes > li > div .dashboard_view .card_wrapper span.help.new, .dashboard_view .card_wrapper .bot-editor ul.nodes > li > div label.help.new, .bot-editor ul.nodes > li > div .dashboard_view .card_wrapper label.help.new, .dashboard_view .card_wrapper .bot-editor ul.nodes div.help.schedule, .bot-editor ul.nodes .dashboard_view .card_wrapper div.help.schedule, .dashboard_view .card_wrapper .bot-editor ul.nodes ol.card li.help.item.new, .bot-editor ul.nodes ol.card .dashboard_view .card_wrapper li.help.item.new, .dashboard_view .card_wrapper .bot-editor ul.nodes div.react-btns label.colors:hover u.help, .bot-editor ul.nodes div.react-btns label.colors:hover .dashboard_view .card_wrapper u.help, .dashboard_view .card_wrapper section.user-editor section.info header.help, section.user-editor section.info .dashboard_view .card_wrapper header.help, .dashboard_view .card_wrapper section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.help:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .dashboard_view .card_wrapper b.help:before {
    left: .25rem;
    width: 1rem;
    height: 1rem;
    display: inline; }

.dashboard_view .card_wrapper.card_list {
  height: auto; }
  .dashboard_view .card_wrapper.card_list .list {
    margin: 8px 0px;
    padding: 0px 10px; }
    .dashboard_view .card_wrapper.card_list .list p:nth-child(1), .dashboard_view .card_wrapper.card_list .list p:nth-child(2), .dashboard_view .card_wrapper.card_list .list p:nth-child(3) {
      background-color: #f5f5f5; }
    .dashboard_view .card_wrapper.card_list .list > p {
      display: flex;
      padding: 0px 10px;
      margin-bottom: 8px; }
    .dashboard_view .card_wrapper.card_list .list label {
      width: 75%;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      line-height: 24px;
      height: 24px; }
    .dashboard_view .card_wrapper.card_list .list span {
      display: inline-block;
      width: 25%;
      text-align: right;
      font-size: 14px;
      line-height: 24px;
      height: 24px; }

.dashboard_view .graph_card {
  margin: 20px 0 0 20px;
  padding: 25px 30px;
  max-width: 1080px;
  height: 400px;
  background-color: #FFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .dashboard_view .graph_card.half {
    max-width: 530px; }
    .dashboard_view .graph_card.half .graph_wrapper {
      padding: 15px 0; }
  .dashboard_view .graph_card .title {
    text-align: left;
    font-weight: bold;
    font-size: 16px; }

.dashboard_view .graph_wrapper {
  padding: 15px 100px 15px 20px; }

.dashboard_view .graphs > div {
  float: left;
  width: calc(50% - 40px); }

.dashboard_view .tab-history {
  display: flex;
  flex-direction: row;
  padding-bottom: 0; }
  .dashboard_view .tab-history .history-pane {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .dashboard_view .tab-history .history-pane .history {
      flex: 1; }

.dashboard_view .title.hbox i {
  display: block;
  position: relative;
  line-height: 1.8rem;
  width: 1.8rem; }

.dashboard_view .title.hbox i:before {
  width: 1.8rem;
  text-align: center; }

.dashboard_view .title.hbox dl {
  display: flex;
  flex-direction: row;
  margin-left: auto; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.popup.dashboard-graph {
  width: 80vw;
  min-height: 80vh; }
  .popup.dashboard-graph header {
    height: 5rem;
    line-height: 5rem;
    display: flex;
    flex-direction: row; }
    .popup.dashboard-graph header .search-bar {
      flex: 1;
      margin-left: auto;
      flex-wrap: nowrap;
      border-bottom: 0; }
      .popup.dashboard-graph header .search-bar input[type=date] {
        width: 11rem;
        margin: 0 1rem; }
    .popup.dashboard-graph header i.close {
      display: block;
      top: 1.5rem; }
  .popup.dashboard-graph div.hbox.title {
    display: none !important; }
  .popup.dashboard-graph div.graph-frame {
    padding: 1rem 1rem 0 1rem; }
  .popup.dashboard-graph footer label.error {
    margin-right: auto;
    padding: 0 2rem;
    background-color: rgba(255, 0, 0, 0.1);
    height: 3rem;
    line-height: 3rem;
    transition-duration: 0.2s; }
  .popup.dashboard-graph footer label.error:empty {
    display: none; }

.prof_edit_view h3 {
  text-align: center; }

.prof_edit_view form {
  width: 600px;
  padding: 40px 60px;
  margin-bottom: 80px; }

.prof_edit_view form textarea, .prof_edit_view form input[type=text], .prof_edit_view form input[type=password], .prof_edit_view form input[type=email], .prof_edit_view form input[type=url], .prof_edit_view form input[type=tel], .prof_edit_view form[type=search], .prof_edit_view form .form-item-autocomplete, .prof_edit_view form .ui-dropdown {
  width: 100%;
  max-width: 100%; }

.template_list_view > header nav {
  height: 100%; }

.template_list_view nav.breadcrumbs h1 {
  line-height: 48px; }

.template_list_view nav.breadcrumbs .icon.home:before, .template_list_view nav.breadcrumbs .home.form-item-autocomplete.loading-autocomplete:before, .template_list_view nav.breadcrumbs table.list-view th.home.on:before, table.list-view .template_list_view nav.breadcrumbs th.home.on:before, .template_list_view nav.breadcrumbs table.list-view th.home.sortable:before, table.list-view .template_list_view nav.breadcrumbs th.home.sortable:before, .template_list_view nav.breadcrumbs .ui-indicator .home#indicator:before, .ui-indicator .template_list_view nav.breadcrumbs .home#indicator:before, .template_list_view nav.breadcrumbs .search-bar div.home.queries:before, .search-bar .template_list_view nav.breadcrumbs div.home.queries:before, .template_list_view nav.breadcrumbs .simulator > header dd.home:before, .simulator > header .template_list_view nav.breadcrumbs dd.home:before, .template_list_view nav.breadcrumbs .p3-layout .menu-pane li.home:before, .p3-layout .menu-pane .template_list_view nav.breadcrumbs li.home:before, .template_list_view nav.breadcrumbs .chat_list_view #simulator footer.send-type-text .type-text b.home:before, .chat_list_view #simulator footer.send-type-text .type-text .template_list_view nav.breadcrumbs b.home:before, .template_list_view nav.breadcrumbs .bot-editor section.actions li h5.home:before, .bot-editor section.actions li .template_list_view nav.breadcrumbs h5.home:before, .template_list_view nav.breadcrumbs .bot-editor ul.nodes > li > div span.home.new:before, .bot-editor ul.nodes > li > div .template_list_view nav.breadcrumbs span.home.new:before, .template_list_view nav.breadcrumbs .bot-editor ul.nodes > li > div label.home.new:before, .bot-editor ul.nodes > li > div .template_list_view nav.breadcrumbs label.home.new:before, .template_list_view nav.breadcrumbs .bot-editor ul.nodes div.home.schedule:before, .bot-editor ul.nodes .template_list_view nav.breadcrumbs div.home.schedule:before, .template_list_view nav.breadcrumbs .bot-editor ul.nodes ol.card li.home.item.new:before, .bot-editor ul.nodes ol.card .template_list_view nav.breadcrumbs li.home.item.new:before, .template_list_view nav.breadcrumbs .bot-editor ul.nodes div.react-btns label.colors:hover u.home:before, .bot-editor ul.nodes div.react-btns label.colors:hover .template_list_view nav.breadcrumbs u.home:before, .template_list_view nav.breadcrumbs section.user-editor section.info header.home:before, section.user-editor section.info .template_list_view nav.breadcrumbs header.home:before, .template_list_view nav.breadcrumbs section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.home:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .template_list_view nav.breadcrumbs b.home:before {
  content: ""; }

.popover.template ul, section.template.pop-inline ul {
  min-height: 36px;
  max-height: 200px;
  overflow-y: auto; }

.popover.template li, section.template.pop-inline li {
  height: 36px;
  line-height: 36px;
  min-height: 36px;
  padding-left: 68px;
  position: relative; }

.popover.template li > *, section.template.pop-inline li > * {
  color: rgba(255, 255, 255, 0.7); }

.popover.template b:before, section.template.pop-inline b:before {
  width: 48px;
  height: 20px;
  line-height: 20px;
  left: 12px;
  top: 8px;
  text-align: center;
  position: absolute;
  color: white;
  border-radius: 4px; }

.popover.template b.text:before, section.template.pop-inline b.text:before {
  content: "Text";
  background-color: #4DC194; }

.popover.template b.card:before, section.template.pop-inline b.card:before {
  content: "Card";
  background-color: #A79CE1; }

.popover.template b.list:before, section.template.pop-inline b.list:before {
  content: "List";
  background-color: #19A7F0; }

.popover.template b.web:before, section.template.pop-inline b.web:before {
  content: "Web";
  background-color: #FF937B; }

.popover.template b.match:before, section.template.pop-inline b.match:before {
  content: "Match";
  background-color: #FF937B; }

.popover.template b.pattern:before, section.template.pop-inline b.pattern:before {
  content: "Match";
  background-color: #FF937B; }

.popover.template b.eq:before, section.template.pop-inline b.eq:before {
  content: "Equals";
  background-color: #FF937B; }

.popover.template b.ge:before, section.template.pop-inline b.ge:before {
  content: ">=";
  background-color: #FF937B; }

.popover.template b.gt:before, section.template.pop-inline b.gt:before {
  content: ">";
  background-color: #FF937B; }

.popover.template b.le:before, section.template.pop-inline b.le:before {
  content: "<=";
  background-color: #FF937B; }

.popover.template b.lt:before, section.template.pop-inline b.lt:before {
  content: "<";
  background-color: #FF937B; }

.popover.template b.range:before, section.template.pop-inline b.range:before {
  content: "Between";
  background-color: #FF937B; }

.signin_view.chatgpt div.wrapper {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-20px); }

.signin_view.chatgpt .logo-full {
  background-image: url("/images/anybot_chatgpt_logo.svg");
  width: 100%;
  margin-bottom: 16px; }

.signin_view.chatgpt #signin ul {
  margin-bottom: 24px; }
  .signin_view.chatgpt #signin ul li div.icon.email, .signin_view.chatgpt #signin ul li div.email.form-item-autocomplete.loading-autocomplete:before, .signin_view.chatgpt #signin ul li .ui-indicator div.email#indicator:before, .ui-indicator .signin_view.chatgpt #signin ul li div.email#indicator:before, .signin_view.chatgpt #signin ul li .search-bar div.email.queries, .search-bar .signin_view.chatgpt #signin ul li div.email.queries, .signin_view.chatgpt #signin .bot-editor ul.nodes li div.email.schedule, .bot-editor .signin_view.chatgpt #signin ul.nodes li div.email.schedule, .signin_view.chatgpt #signin ul li div.icon.key, .signin_view.chatgpt #signin ul li div.key.form-item-autocomplete.loading-autocomplete:before, .signin_view.chatgpt #signin ul li .ui-indicator div.key#indicator:before, .ui-indicator .signin_view.chatgpt #signin ul li div.key#indicator:before, .signin_view.chatgpt #signin ul li .search-bar div.key.queries, .search-bar .signin_view.chatgpt #signin ul li div.key.queries, .signin_view.chatgpt #signin .bot-editor ul.nodes li div.key.schedule, .bot-editor .signin_view.chatgpt #signin ul.nodes li div.key.schedule {
    border-radius: 6px; }
  .signin_view.chatgpt #signin ul a.forget-password {
    width: fit-content;
    margin-left: auto; }

.signin_view.chatgpt #signin div.button-row button {
  background-color: #11A281 !important;
  border-radius: 24px;
  max-width: 240px; }

.signin_view.chatgpt #signin p.no-account {
  text-align: center;
  padding-left: initial;
  padding-right: initial;
  margin-top: 4px; }
  .signin_view.chatgpt #signin p.no-account a > b {
    color: #11A281; }

.signin_view.chatgpt .form-error-container {
  height: fit-content; }
  .signin_view.chatgpt .form-error-container p.error {
    padding-bottom: 0; }

.signin_view {
  height: 100vh;
  min-height: 640px;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  display: flex;
  background-color: #F8F6F5; }
  .signin_view > section {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .signin_view div.wrapper {
    margin: auto;
    transform: translateY(-60px);
    background-color: white !important;
    border-radius: 8px;
    width: 100%;
    padding-bottom: 32px;
    padding-top: 16px; }
    .signin_view div.wrapper .mfa {
      display: none;
      height: auto;
      margin-bottom: 17px; }
      .signin_view div.wrapper .mfa.active {
        display: flex; }
      .signin_view div.wrapper .mfa-email {
        display: flex;
        flex-direction: row;
        gap: 6px; }
        .signin_view div.wrapper .mfa-email-input {
          flex-grow: 1;
          height: 48px;
          padding-left: 12px;
          border: 1px solid #ccc;
          border-radius: 4px;
          outline: none; }
        .signin_view div.wrapper .mfa-email-btn {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 40%;
          height: 48px;
          line-height: unset;
          font-size: 14px; }
          .signin_view div.wrapper .mfa-email-btn:hover {
            color: white !important; }
        .signin_view div.wrapper .mfa-email-error {
          display: none;
          margin-top: 2px;
          padding: 0;
          color: #DB234B;
          line-height: 20px; }
          .signin_view div.wrapper .mfa-email-error.active {
            display: flex; }
  .signin_view .logo-full {
    background-image: url(/images/logo-full.svg);
    background-position: center center;
    min-width: 240px;
    height: 72px;
    margin-right: auto;
    margin-left: auto; }
  .signin_view footer {
    border-top: 0;
    display: flex;
    justify-content: center; }
    .signin_view footer p {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0;
      padding: 10px;
      font-size: 1rem; }
    .signin_view footer a {
      text-decoration: none;
      padding: 10px;
      font-size: 1rem;
      color: #222; }
  .signin_view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0; }
  .signin_view * {
    color: #666; }
  .signin_view section.form {
    width: 420px;
    text-align: center;
    margin: auto; }
    .signin_view section.form h2 {
      font-size: 18px;
      font-weight: bold;
      color: #222; }
    .signin_view section.form ul {
      padding: 0px;
      width: 80%;
      margin: auto; }
      .signin_view section.form ul li {
        padding-top: 0px;
        padding-bottom: 0px; }
        .signin_view section.form ul li:before {
          left: 8px;
          color: #D0C9C3; }
        .signin_view section.form ul li.label {
          background: transparent;
          border: 0;
          height: 24px;
          line-height: 28px; }
    .signin_view section.form .tab_container {
      padding-top: 0px; }
    .signin_view section.form p {
      font-size: 1.0rem;
      height: 40px;
      line-height: 40px;
      font-weight: 400; }
      .signin_view section.form p b {
        color: #5F5BFF;
        font-weight: bold; }
    .signin_view section.form form {
      width: inherit;
      height: auto;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      width: 100%;
      min-width: 360px;
      margin: auto;
      margin-left: auto;
      margin-right: auto; }
      .signin_view section.form form li {
        position: relative;
        height: 76px;
        width: 100%;
        margin-bottom: 8px;
        border-radius: 0px;
        display: flex;
        flex-direction: column; }
        .signin_view section.form form li div.icon:before, .signin_view section.form form li div.form-item-autocomplete.loading-autocomplete:before, .signin_view section.form form li .ui-indicator div#indicator:before, .ui-indicator .signin_view section.form form li div#indicator:before, .signin_view section.form form li .search-bar div.queries:before, .search-bar .signin_view section.form form li div.queries:before, .signin_view section.form form li .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .signin_view section.form form li div.schedule:before {
          margin-left: 16px; }
        .signin_view section.form form li span {
          width: 100%; }
        .signin_view section.form form li span,
        .signin_view section.form form li a.forget-password {
          text-align: right;
          color: #666;
          height: 28px;
          line-height: 28px;
          cursor: pointer; }
      .signin_view section.form form li:before {
        width: 36px !important;
        text-indent: 2px; }
      .signin_view section.form form li.on:before {
        color: #999 !important; }
      .signin_view section.form form li.low {
        height: 38px;
        line-height: 38px; }
      .signin_view section.form form li.captcha-li {
        display: none; }
        .signin_view section.form form li.captcha-li .captcha-box {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          align-items: center;
          height: 100%;
          position: relative; }
          .signin_view section.form form li.captcha-li .captcha-box .captcha-input-box {
            width: 60%;
            height: 56%;
            border: 1px solid #ccc;
            border-radius: 4px;
            display: flex;
            justify-content: center;
            align-items: center; }
          .signin_view section.form form li.captcha-li .captcha-box .error-input {
            border: 1px solid rgba(235, 82, 108, 0.1);
            background-color: rgba(235, 82, 108, 0.1); }
          .signin_view section.form form li.captcha-li .captcha-box .aptcha-img-box {
            display: flex;
            justify-content: space-evenly;
            flex-direction: row;
            align-items: center; }
            .signin_view section.form form li.captcha-li .captcha-box .aptcha-img-box .captcha-img {
              height: 3rem;
              width: 137px;
              margin-left: 4px;
              cursor: pointer; }
        .signin_view section.form form li.captcha-li .aptcha-error {
          display: none;
          position: relative;
          bottom: 15px; }
        .signin_view section.form form li.captcha-li .captcha-error-text {
          position: relative; }
          .signin_view section.form form li.captcha-li .captcha-error-text::before {
            position: absolute;
            bottom: 0;
            left: 0;
            content: 'Verification code cannot be empty';
            font-size: 12px;
            color: #DB234B; }
      .signin_view section.form form div.icon.email, .signin_view section.form form div.email.form-item-autocomplete.loading-autocomplete:before, .signin_view section.form form .ui-indicator div.email#indicator:before, .ui-indicator .signin_view section.form form div.email#indicator:before, .signin_view section.form form .search-bar div.email.queries, .search-bar .signin_view section.form form div.email.queries, .signin_view section.form form .bot-editor ul.nodes div.email.schedule, .bot-editor ul.nodes .signin_view section.form form div.email.schedule, .signin_view section.form form div.icon.key, .signin_view section.form form div.key.form-item-autocomplete.loading-autocomplete:before, .signin_view section.form form .ui-indicator div.key#indicator:before, .ui-indicator .signin_view section.form form div.key#indicator:before, .signin_view section.form form .search-bar div.key.queries, .search-bar .signin_view section.form form div.key.queries, .signin_view section.form form .bot-editor ul.nodes div.key.schedule, .bot-editor ul.nodes .signin_view section.form form div.key.schedule {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-left: 30px !important;
        color: #999;
        box-sizing: border-box;
        padding: 2px;
        height: 40px;
        line-height: 40px;
        justify-content: center; }
      .signin_view section.form form input[type=text], .signin_view section.form form input[type=password] {
        position: relative;
        height: 36px;
        line-height: 36px;
        width: auto;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding-left: 14px;
        margin-left: 10px;
        width: 95%;
        background-color: transparent !important;
        color: #666 !important; }
        .signin_view section.form form input[type=text]:-webkit-autofill, .signin_view section.form form input[type=password]:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; }
        .signin_view section.form form input[type=text]:focus, .signin_view section.form form input[type=password]:focus {
          border: 0 !important;
          outline: 0;
          background: #FFF !important;
          color: #222 !important; }
        .signin_view section.form form input[type=text]:focus + label, .signin_view section.form form input[type=text].on + label, .signin_view section.form form input[type=text]:-webkit-autofill + label, .signin_view section.form form input[type=password]:focus + label, .signin_view section.form form input[type=password].on + label, .signin_view section.form form input[type=password]:-webkit-autofill + label {
          height: 20px;
          line-height: 20px;
          font-size: .8rem;
          padding-left: 10px;
          padding-top: 4px;
          font-weight: bold;
          color: #FDC73E; }
        .signin_view section.form form input[type=text]:valid, .signin_view section.form form input[type=password]:valid {
          border-bottom: 1px; }
      .signin_view section.form form li.on {
        border: 1px solid #5F5BFF; }
      .signin_view section.form form div.terms {
        height: 24px;
        display: flex;
        align-items: center;
        padding-left: 4px;
        margin-bottom: 16px; }
        .signin_view section.form form div.terms input[type=checkbox]:checked {
          background-color: #ccc; }
      .signin_view section.form form label {
        position: relative;
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        color: #222; }
      .signin_view section.form form p.no-account {
        padding-left: 10%;
        text-align: left; }
    .signin_view section.form button {
      margin: auto;
      width: inherit;
      box-sizing: border-box;
      height: 48px;
      border-radius: 5px;
      line-height: 48px;
      font-size: 16px;
      background-color: #5F5BFF;
      color: #FFF;
      width: 80%;
      cursor: pointer;
      border: 0; }
    .signin_view section.form .button-row button.mail-login {
      background-color: #5F5BFF !important;
      display: none; }
    .signin_view section.form button.show-mail-login {
      background-color: #5F5BFF !important; }
    .signin_view section.form .error {
      color: #DB234B;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      white-space: normal;
      height: auto;
      line-height: 20px;
      font-size: 13px;
      padding-right: 24px;
      padding-bottom: 24px;
      width: 320px;
      margin: auto;
      text-align: left; }
    .signin_view section.form div.button-row {
      padding-bottom: 8px; }
    .signin_view section.form span.or {
      height: 40px;
      line-height: 40px;
      padding: 0;
      margin: auto;
      display: block;
      position: relative;
      width: 328px; }
      .signin_view section.form span.or:before, .signin_view section.form span.or:after {
        content: "";
        position: absolute;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        top: 18px; }
      .signin_view section.form span.or:before {
        left: 0; }
      .signin_view section.form span.or:after {
        right: 0; }
    .signin_view section.form dl {
      display: flex;
      flex-direction: row;
      width: 360px;
      margin: auto;
      justify-content: center;
      margin-bottom: 8px; }
      .signin_view section.form dl dd {
        padding-right: 0; }
        .signin_view section.form dl dd.fb {
          padding-right: 16px; }
        .signin_view section.form dl dd button {
          font-size: 12px;
          font-weight: bold;
          height: 36px;
          line-height: 36px;
          background-repeat: no-repeat;
          background-position: -40px center; }
          .signin_view section.form dl dd button:hover {
            text-indent: 16px;
            text-align: left;
            transition-duration: 0.2s; }
        .signin_view section.form dl dd button.fb-login {
          background-color: #1877F2;
          background-color: #666;
          border-right: 16px solid #4267b2;
          width: 182px;
          text-align: center;
          padding-left: 0;
          padding-right: 0;
          background-position: -40px bottom; }
          .signin_view section.form dl dd button.fb-login:hover {
            background-color: #1877F2;
            border-right: 0;
            background-image: url(/images/ico_fb_w.svg);
            background-size: auto 28px;
            background-position: 8px bottom; }
        .signin_view section.form dl dd button.line-login {
          background-color: #00C300;
          background-color: #666;
          border-right: 16px solid #00C300;
          width: 136px; }
          .signin_view section.form dl dd button.line-login:hover {
            background-color: #00E000;
            border-right: 0;
            background-image: url(/images/ico_line_w.svg);
            background-size: auto 24px;
            background-position: 8px center; }
          .signin_view section.form dl dd button.line-login:active {
            background-color: #00B300; }

.reset_password_view {
  height: 100vh;
  min-height: 640px;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  display: flex;
  background-color: #F8F6F5; }
  .reset_password_view > section {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .reset_password_view div.wrapper {
    margin: auto;
    transform: translateY(-60px);
    background-color: white !important;
    border-radius: 8px;
    width: 100%;
    padding-bottom: 32px;
    padding-top: 16px; }
  .reset_password_view .logo-full {
    background-image: url(/images/logo-full.svg);
    background-position: center center;
    min-width: 240px;
    height: 72px;
    margin-right: auto;
    margin-left: auto; }
  .reset_password_view footer {
    border-top: 0;
    display: flex;
    justify-content: center; }
    .reset_password_view footer p {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0;
      padding: 10px;
      font-size: 1rem; }
    .reset_password_view footer a {
      text-decoration: none;
      padding: 10px;
      font-size: 1rem;
      color: #222; }
  .reset_password_view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0; }
  .reset_password_view * {
    color: #666; }
  .reset_password_view section.form {
    width: 420px;
    text-align: center;
    margin: auto; }
    .reset_password_view section.form h2 {
      font-size: 18px;
      font-weight: bold;
      color: #222; }
    .reset_password_view section.form ul {
      padding: 0px;
      width: 80%;
      margin: auto; }
      .reset_password_view section.form ul li {
        padding-top: 0px;
        padding-bottom: 0px; }
        .reset_password_view section.form ul li:before {
          left: 8px;
          color: #D0C9C3; }
        .reset_password_view section.form ul li.label {
          background: transparent;
          border: 0;
          height: 24px;
          line-height: 28px; }
    .reset_password_view section.form .tab_container {
      padding-top: 0px; }
    .reset_password_view section.form p {
      font-size: 1.0rem;
      height: 40px;
      line-height: 40px;
      font-weight: 400; }
      .reset_password_view section.form p b {
        color: #5F5BFF;
        font-weight: bold; }
    .reset_password_view section.form form {
      width: inherit;
      height: auto;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      width: 100%;
      min-width: 360px;
      margin: auto;
      margin-left: auto;
      margin-right: auto; }
      .reset_password_view section.form form li {
        position: relative;
        width: 100%;
        min-height: 76px;
        margin-bottom: 8px;
        border-radius: 0px;
        display: flex;
        flex-direction: column; }
        .reset_password_view section.form form li div.icon:before, .reset_password_view section.form form li div.form-item-autocomplete.loading-autocomplete:before, .reset_password_view section.form form li .ui-indicator div#indicator:before, .ui-indicator .reset_password_view section.form form li div#indicator:before, .reset_password_view section.form form li .search-bar div.queries:before, .search-bar .reset_password_view section.form form li div.queries:before, .reset_password_view section.form form li .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .reset_password_view section.form form li div.schedule:before {
          margin-left: 16px; }
        .reset_password_view section.form form li span {
          text-align: right;
          width: 100%;
          color: #666;
          height: 28px;
          line-height: 28px;
          cursor: pointer; }
        .reset_password_view section.form form li .error_input {
          color: #DB234B;
          padding-top: 0;
          padding-bottom: 0;
          padding-right: 0;
          white-space: normal;
          height: auto;
          line-height: 22px;
          font-size: 13px;
          width: 100%;
          font-size: 13px;
          text-align: right; }
      .reset_password_view section.form form li:before {
        width: 36px !important;
        text-indent: 2px; }
      .reset_password_view section.form form li.on:before {
        color: #999 !important; }
      .reset_password_view section.form form li.low {
        height: 38px;
        line-height: 38px; }
      .reset_password_view section.form form div.icon.email, .reset_password_view section.form form div.email.form-item-autocomplete.loading-autocomplete:before, .reset_password_view section.form form .ui-indicator div.email#indicator:before, .ui-indicator .reset_password_view section.form form div.email#indicator:before, .reset_password_view section.form form .search-bar div.email.queries, .search-bar .reset_password_view section.form form div.email.queries, .reset_password_view section.form form .bot-editor ul.nodes div.email.schedule, .bot-editor ul.nodes .reset_password_view section.form form div.email.schedule, .reset_password_view section.form form div.icon.key, .reset_password_view section.form form div.key.form-item-autocomplete.loading-autocomplete:before, .reset_password_view section.form form .ui-indicator div.key#indicator:before, .ui-indicator .reset_password_view section.form form div.key#indicator:before, .reset_password_view section.form form .search-bar div.key.queries, .search-bar .reset_password_view section.form form div.key.queries, .reset_password_view section.form form .bot-editor ul.nodes div.key.schedule, .bot-editor ul.nodes .reset_password_view section.form form div.key.schedule {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-left: 30px !important;
        color: #999;
        box-sizing: border-box;
        padding: 2px;
        height: 40px;
        line-height: 40px;
        justify-content: center; }
      .reset_password_view section.form form input[type=text], .reset_password_view section.form form input[type=password] {
        position: relative;
        height: 36px;
        line-height: 36px;
        width: auto;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding-left: 24px;
        width: 100%;
        background-color: transparent !important;
        color: #666 !important; }
        .reset_password_view section.form form input[type=text]:-webkit-autofill, .reset_password_view section.form form input[type=password]:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; }
        .reset_password_view section.form form input[type=text]:focus, .reset_password_view section.form form input[type=password]:focus {
          border: 0 !important;
          outline: 0;
          background: #FFF !important;
          color: #222 !important; }
        .reset_password_view section.form form input[type=text]:focus + label, .reset_password_view section.form form input[type=text].on + label, .reset_password_view section.form form input[type=text]:-webkit-autofill + label, .reset_password_view section.form form input[type=password]:focus + label, .reset_password_view section.form form input[type=password].on + label, .reset_password_view section.form form input[type=password]:-webkit-autofill + label {
          height: 20px;
          line-height: 20px;
          font-size: .8rem;
          padding-left: 10px;
          padding-top: 4px;
          font-weight: bold;
          color: #FDC73E; }
        .reset_password_view section.form form input[type=text]:valid, .reset_password_view section.form form input[type=password]:valid {
          border-bottom: 1px; }
      .reset_password_view section.form form li.on {
        border: 1px solid #5F5BFF; }
      .reset_password_view section.form form div.terms {
        height: 24px;
        display: flex;
        align-items: center;
        padding-left: 4px;
        margin-bottom: 16px; }
        .reset_password_view section.form form div.terms input[type=checkbox]:checked {
          background-color: #ccc; }
      .reset_password_view section.form form label {
        position: relative;
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        color: #222; }
      .reset_password_view section.form form p {
        padding-left: 10%;
        text-align: left; }
    .reset_password_view section.form button {
      margin: auto;
      width: inherit;
      box-sizing: border-box;
      height: 48px;
      border-radius: 5px;
      line-height: 48px;
      font-size: 16px;
      background-color: #5F5BFF;
      color: #FFF;
      width: 80%;
      cursor: pointer;
      border: 0; }
    .reset_password_view section.form button.mail-login {
      background-color: #5F5BFF !important; }
    .reset_password_view section.form .error {
      color: #DB234B;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      white-space: normal;
      height: auto;
      line-height: 20px;
      font-size: 13px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 24px;
      width: 320px;
      margin: auto; }
    .reset_password_view section.form div.button-row {
      padding-bottom: 8px; }
    .reset_password_view section.form span.or {
      height: 40px;
      line-height: 40px;
      padding: 0;
      margin: auto;
      display: block;
      position: relative;
      width: 328px; }
      .reset_password_view section.form span.or:before, .reset_password_view section.form span.or:after {
        content: "";
        position: absolute;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        top: 18px; }
      .reset_password_view section.form span.or:before {
        left: 0; }
      .reset_password_view section.form span.or:after {
        right: 0; }
    .reset_password_view section.form dl {
      display: flex;
      flex-direction: row;
      width: 360px;
      margin: auto;
      justify-content: center;
      margin-bottom: 8px; }
      .reset_password_view section.form dl dd {
        padding-right: 0; }
        .reset_password_view section.form dl dd.fb {
          padding-right: 16px; }
        .reset_password_view section.form dl dd button {
          font-size: 12px;
          font-weight: bold;
          height: 36px;
          line-height: 36px;
          background-repeat: no-repeat;
          background-position: -40px center; }
          .reset_password_view section.form dl dd button:hover {
            text-indent: 16px;
            text-align: left;
            transition-duration: 0.2s; }
        .reset_password_view section.form dl dd button.fb-login {
          background-color: #1877F2;
          background-color: #666;
          border-right: 16px solid #4267b2;
          width: 182px;
          text-align: center;
          padding-left: 0;
          padding-right: 0;
          background-position: -40px bottom; }
          .reset_password_view section.form dl dd button.fb-login:hover {
            background-color: #1877F2;
            border-right: 0;
            background-image: url(/images/ico_fb_w.svg);
            background-size: auto 28px;
            background-position: 8px bottom; }
        .reset_password_view section.form dl dd button.line-login {
          background-color: #00C300;
          background-color: #666;
          border-right: 16px solid #00C300;
          width: 136px; }
          .reset_password_view section.form dl dd button.line-login:hover {
            background-color: #00E000;
            border-right: 0;
            background-image: url(/images/ico_line_w.svg);
            background-size: auto 24px;
            background-position: 8px center; }
          .reset_password_view section.form dl dd button.line-login:active {
            background-color: #00B300; }
  .reset_password_view .tost_pops {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    transition: all .1s; }
    .reset_password_view .tost_pops:not(:empty) {
      pointer-events: all;
      backdrop-filter: blur(0.5rem);
      z-index: 65535; }
    .reset_password_view .tost_pops .pop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: all .3s;
      pointer-events: none;
      perspective: 100rem; }
      .reset_password_view .tost_pops .pop .popup {
        margin: auto;
        min-width: 360px;
        max-width: calc(100vw - 7.2rem);
        text-align: center;
        border-radius: 4px; }
      .reset_password_view .tost_pops .pop.active {
        opacity: 1;
        pointer-events: all;
        transition-duration: .2s; }
        .reset_password_view .tost_pops .pop.active .window {
          transform: translateZ(0) rotateX(0);
          opacity: 1;
          background: rgba(0, 0, 0, 0.7); }
          .reset_password_view .tost_pops .pop.active .window p {
            color: white; }
      .reset_password_view .tost_pops .pop .dismiss {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .reset_password_view .tost_pops .pop .window {
        position: relative;
        z-index: 1;
        background-color: white;
        border-radius: 1rem;
        max-width: calc(100vw - 4rem);
        max-height: calc(100vh - 4rem);
        transform: translateZ(-100rem) rotateX(-60deg);
        transition: all 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.14);
        transition-duration: inherit;
        opacity: 0; }
        .reset_password_view .tost_pops .pop .window .content {
          overflow-y: auto;
          overflow-x: hidden;
          max-width: calc(100vw - 7.2rem);
          max-height: calc(100vh - 7.2rem);
          margin: 1.6rem; }
          .reset_password_view .tost_pops .pop .window .content header {
            border-bottom: 1px solid var(--ln);
            margin-bottom: 1.2rem;
            padding: .8rem 0; }
            .reset_password_view .tost_pops .pop .window .content header h2 {
              font-size: 1.6rem;
              font-weight: normal;
              margin-bottom: 1.2rem; }
          .reset_password_view .tost_pops .pop .window .content footer {
            border-top: 1px solid var(--ln);
            margin-top: 2rem;
            padding-top: 2rem;
            display: flex;
            align-items: center;
            justify-content: flex-end; }
            .reset_password_view .tost_pops .pop .window .content footer > button:not(:first-child) {
              margin-left: 1rem; }
            .reset_password_view .tost_pops .pop .window .content footer .buttons {
              margin-top: 1.2rem; }
        .reset_password_view .tost_pops .pop .window > .close {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 3rem;
          height: 3rem;
          border-radius: 3rem;
          position: absolute;
          top: 0;
          right: 0;
          transform: translate(33%, -33%);
          font-weight: bold;
          z-index: 100;
          background-color: rgba(0, 0, 0, 0.7);
          border: 1px solid white;
          background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.55615 0.000335693L14.0005 12.4446L12.445 14.0001L0.000606994 1.55586L1.55615 0.000335693Z" fill="white"/><path d="M14 1.55551L1.55564 13.9997L9.18546e-05 12.4442L12.4445 -1.57801e-05L14 1.55551Z" fill="white"/></svg>');
          background-repeat: no-repeat;
          background-size: 40% auto;
          background-position: center; }
          .reset_password_view .tost_pops .pop .window > .close:hover {
            color: var(--a1); }
        .reset_password_view .tost_pops .pop .window[name='confirm'] .content .confirm {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .reset_password_view .tost_pops .pop .window[name='confirm'] .content .confirm > *:not(:first-child) {
            margin-top: 1rem; }
          .reset_password_view .tost_pops .pop .window[name='confirm'] .content .confirm span {
            align-self: stretch;
            padding-bottom: 1rem;
            border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.reset_password_anybot_view {
  height: 100vh;
  min-height: 640px;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  display: flex;
  background-color: #F8F6F5; }
  .reset_password_anybot_view > section {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .reset_password_anybot_view div.wrapper {
    margin: auto;
    transform: translateY(-60px);
    background-color: white !important;
    border-radius: 8px;
    width: 100%;
    padding-bottom: 32px;
    padding-top: 16px; }
  .reset_password_anybot_view .logo-full {
    background-image: url(/images/logo-full.svg);
    background-position: center center;
    min-width: 240px;
    height: 72px;
    margin-right: auto;
    margin-left: auto; }
  .reset_password_anybot_view footer {
    border-top: 0;
    display: flex;
    justify-content: center; }
    .reset_password_anybot_view footer p {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0;
      padding: 10px;
      font-size: 1rem; }
    .reset_password_anybot_view footer a {
      text-decoration: none;
      padding: 10px;
      font-size: 1rem;
      color: #222; }
  .reset_password_anybot_view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0; }
  .reset_password_anybot_view * {
    color: #666; }
  .reset_password_anybot_view section.form {
    width: 420px;
    text-align: center;
    margin: auto; }
    .reset_password_anybot_view section.form h2 {
      font-size: 18px;
      font-weight: bold;
      color: #222; }
    .reset_password_anybot_view section.form ul {
      padding: 0px;
      width: 80%;
      margin: auto; }
      .reset_password_anybot_view section.form ul li {
        padding-top: 0px;
        padding-bottom: 0px; }
        .reset_password_anybot_view section.form ul li:before {
          left: 8px;
          color: #D0C9C3; }
        .reset_password_anybot_view section.form ul li.label {
          background: transparent;
          border: 0;
          height: 24px;
          line-height: 28px; }
    .reset_password_anybot_view section.form .tab_container {
      padding-top: 0px; }
    .reset_password_anybot_view section.form p {
      font-size: 1.0rem;
      height: 40px;
      line-height: 40px;
      font-weight: 400; }
      .reset_password_anybot_view section.form p b {
        color: #5F5BFF;
        font-weight: bold; }
    .reset_password_anybot_view section.form form {
      width: inherit;
      height: auto;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      width: 100%;
      min-width: 360px;
      margin: auto;
      margin-left: auto;
      margin-right: auto; }
      .reset_password_anybot_view section.form form li {
        position: relative;
        width: 100%;
        min-height: 76px;
        margin-bottom: 8px;
        border-radius: 0px;
        display: flex;
        flex-direction: column; }
        .reset_password_anybot_view section.form form li div.icon:before, .reset_password_anybot_view section.form form li div.form-item-autocomplete.loading-autocomplete:before, .reset_password_anybot_view section.form form li .ui-indicator div#indicator:before, .ui-indicator .reset_password_anybot_view section.form form li div#indicator:before, .reset_password_anybot_view section.form form li .search-bar div.queries:before, .search-bar .reset_password_anybot_view section.form form li div.queries:before, .reset_password_anybot_view section.form form li .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .reset_password_anybot_view section.form form li div.schedule:before {
          margin-left: 16px; }
        .reset_password_anybot_view section.form form li span {
          text-align: right;
          width: 100%;
          color: #666;
          height: 28px;
          line-height: 28px;
          cursor: pointer; }
        .reset_password_anybot_view section.form form li .error_input {
          color: #DB234B;
          padding-top: 0;
          padding-bottom: 0;
          padding-right: 0;
          white-space: normal;
          height: auto;
          line-height: 22px;
          font-size: 13px;
          width: 100%;
          font-size: 13px;
          text-align: right; }
      .reset_password_anybot_view section.form form li:before {
        width: 36px !important;
        text-indent: 2px; }
      .reset_password_anybot_view section.form form li.on:before {
        color: #999 !important; }
      .reset_password_anybot_view section.form form li.low {
        height: 38px;
        line-height: 38px; }
      .reset_password_anybot_view section.form form div.icon.email, .reset_password_anybot_view section.form form div.email.form-item-autocomplete.loading-autocomplete:before, .reset_password_anybot_view section.form form .ui-indicator div.email#indicator:before, .ui-indicator .reset_password_anybot_view section.form form div.email#indicator:before, .reset_password_anybot_view section.form form .search-bar div.email.queries, .search-bar .reset_password_anybot_view section.form form div.email.queries, .reset_password_anybot_view section.form form .bot-editor ul.nodes div.email.schedule, .bot-editor ul.nodes .reset_password_anybot_view section.form form div.email.schedule, .reset_password_anybot_view section.form form div.icon.key, .reset_password_anybot_view section.form form div.key.form-item-autocomplete.loading-autocomplete:before, .reset_password_anybot_view section.form form .ui-indicator div.key#indicator:before, .ui-indicator .reset_password_anybot_view section.form form div.key#indicator:before, .reset_password_anybot_view section.form form .search-bar div.key.queries, .search-bar .reset_password_anybot_view section.form form div.key.queries, .reset_password_anybot_view section.form form .bot-editor ul.nodes div.key.schedule, .bot-editor ul.nodes .reset_password_anybot_view section.form form div.key.schedule {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-left: 30px !important;
        color: #999;
        box-sizing: border-box;
        padding: 2px;
        height: 40px;
        line-height: 40px;
        justify-content: center; }
      .reset_password_anybot_view section.form form input[type=text], .reset_password_anybot_view section.form form input[type=password] {
        position: relative;
        height: 36px;
        line-height: 36px;
        width: auto;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding-left: 24px;
        width: 100%;
        background-color: transparent !important;
        color: #666 !important; }
        .reset_password_anybot_view section.form form input[type=text]:-webkit-autofill, .reset_password_anybot_view section.form form input[type=password]:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; }
        .reset_password_anybot_view section.form form input[type=text]:focus, .reset_password_anybot_view section.form form input[type=password]:focus {
          border: 0 !important;
          outline: 0;
          background: #FFF !important;
          color: #222 !important; }
        .reset_password_anybot_view section.form form input[type=text]:focus + label, .reset_password_anybot_view section.form form input[type=text].on + label, .reset_password_anybot_view section.form form input[type=text]:-webkit-autofill + label, .reset_password_anybot_view section.form form input[type=password]:focus + label, .reset_password_anybot_view section.form form input[type=password].on + label, .reset_password_anybot_view section.form form input[type=password]:-webkit-autofill + label {
          height: 20px;
          line-height: 20px;
          font-size: .8rem;
          padding-left: 10px;
          padding-top: 4px;
          font-weight: bold;
          color: #FDC73E; }
        .reset_password_anybot_view section.form form input[type=text]:valid, .reset_password_anybot_view section.form form input[type=password]:valid {
          border-bottom: 1px; }
      .reset_password_anybot_view section.form form li.on {
        border: 1px solid #5F5BFF; }
      .reset_password_anybot_view section.form form div.terms {
        height: 24px;
        display: flex;
        align-items: center;
        padding-left: 4px;
        margin-bottom: 16px; }
        .reset_password_anybot_view section.form form div.terms input[type=checkbox]:checked {
          background-color: #ccc; }
      .reset_password_anybot_view section.form form label {
        position: relative;
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        color: #222; }
      .reset_password_anybot_view section.form form p {
        padding-left: 10%;
        text-align: left; }
    .reset_password_anybot_view section.form button {
      margin: auto;
      width: inherit;
      box-sizing: border-box;
      height: 48px;
      border-radius: 5px;
      line-height: 48px;
      font-size: 16px;
      background-color: #5F5BFF;
      color: #FFF;
      width: 80%;
      cursor: pointer;
      border: 0; }
    .reset_password_anybot_view section.form button.mail-login {
      background-color: #5F5BFF !important; }
    .reset_password_anybot_view section.form .error {
      color: #DB234B;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      white-space: normal;
      height: auto;
      line-height: 20px;
      font-size: 13px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 24px;
      width: 320px;
      margin: auto; }
    .reset_password_anybot_view section.form div.button-row {
      padding-bottom: 8px; }
    .reset_password_anybot_view section.form span.or {
      height: 40px;
      line-height: 40px;
      padding: 0;
      margin: auto;
      display: block;
      position: relative;
      width: 328px; }
      .reset_password_anybot_view section.form span.or:before, .reset_password_anybot_view section.form span.or:after {
        content: "";
        position: absolute;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        top: 18px; }
      .reset_password_anybot_view section.form span.or:before {
        left: 0; }
      .reset_password_anybot_view section.form span.or:after {
        right: 0; }
    .reset_password_anybot_view section.form dl {
      display: flex;
      flex-direction: row;
      width: 360px;
      margin: auto;
      justify-content: center;
      margin-bottom: 8px; }
      .reset_password_anybot_view section.form dl dd {
        padding-right: 0; }
        .reset_password_anybot_view section.form dl dd.fb {
          padding-right: 16px; }
        .reset_password_anybot_view section.form dl dd button {
          font-size: 12px;
          font-weight: bold;
          height: 36px;
          line-height: 36px;
          background-repeat: no-repeat;
          background-position: -40px center; }
          .reset_password_anybot_view section.form dl dd button:hover {
            text-indent: 16px;
            text-align: left;
            transition-duration: 0.2s; }
        .reset_password_anybot_view section.form dl dd button.fb-login {
          background-color: #1877F2;
          background-color: #666;
          border-right: 16px solid #4267b2;
          width: 182px;
          text-align: center;
          padding-left: 0;
          padding-right: 0;
          background-position: -40px bottom; }
          .reset_password_anybot_view section.form dl dd button.fb-login:hover {
            background-color: #1877F2;
            border-right: 0;
            background-image: url(/images/ico_fb_w.svg);
            background-size: auto 28px;
            background-position: 8px bottom; }
        .reset_password_anybot_view section.form dl dd button.line-login {
          background-color: #00C300;
          background-color: #666;
          border-right: 16px solid #00C300;
          width: 136px; }
          .reset_password_anybot_view section.form dl dd button.line-login:hover {
            background-color: #00E000;
            border-right: 0;
            background-image: url(/images/ico_line_w.svg);
            background-size: auto 24px;
            background-position: 8px center; }
          .reset_password_anybot_view section.form dl dd button.line-login:active {
            background-color: #00B300; }
  .reset_password_anybot_view .tost_pops {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    transition: all .1s; }
    .reset_password_anybot_view .tost_pops:not(:empty) {
      pointer-events: all;
      backdrop-filter: blur(0.5rem);
      z-index: 65535; }
    .reset_password_anybot_view .tost_pops .pop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: all .3s;
      pointer-events: none;
      perspective: 100rem; }
      .reset_password_anybot_view .tost_pops .pop .popup {
        margin: auto;
        min-width: 360px;
        max-width: calc(100vw - 7.2rem);
        text-align: center;
        border-radius: 4px; }
      .reset_password_anybot_view .tost_pops .pop.active {
        opacity: 1;
        pointer-events: all;
        transition-duration: .2s; }
        .reset_password_anybot_view .tost_pops .pop.active .window {
          transform: translateZ(0) rotateX(0);
          opacity: 1;
          background: rgba(0, 0, 0, 0.7); }
          .reset_password_anybot_view .tost_pops .pop.active .window p {
            color: white; }
      .reset_password_anybot_view .tost_pops .pop .dismiss {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .reset_password_anybot_view .tost_pops .pop .window {
        position: relative;
        z-index: 1;
        background-color: white;
        border-radius: 1rem;
        max-width: calc(100vw - 4rem);
        max-height: calc(100vh - 4rem);
        transform: translateZ(-100rem) rotateX(-60deg);
        transition: all 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.14);
        transition-duration: inherit;
        opacity: 0; }
        .reset_password_anybot_view .tost_pops .pop .window .content {
          overflow-y: auto;
          overflow-x: hidden;
          max-width: calc(100vw - 7.2rem);
          max-height: calc(100vh - 7.2rem);
          margin: 1.6rem; }
          .reset_password_anybot_view .tost_pops .pop .window .content header {
            border-bottom: 1px solid var(--ln);
            margin-bottom: 1.2rem;
            padding: .8rem 0; }
            .reset_password_anybot_view .tost_pops .pop .window .content header h2 {
              font-size: 1.6rem;
              font-weight: normal;
              margin-bottom: 1.2rem; }
          .reset_password_anybot_view .tost_pops .pop .window .content footer {
            border-top: 1px solid var(--ln);
            margin-top: 2rem;
            padding-top: 2rem;
            display: flex;
            align-items: center;
            justify-content: flex-end; }
            .reset_password_anybot_view .tost_pops .pop .window .content footer > button:not(:first-child) {
              margin-left: 1rem; }
            .reset_password_anybot_view .tost_pops .pop .window .content footer .buttons {
              margin-top: 1.2rem; }
        .reset_password_anybot_view .tost_pops .pop .window > .close {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 3rem;
          height: 3rem;
          border-radius: 3rem;
          position: absolute;
          top: 0;
          right: 0;
          transform: translate(33%, -33%);
          font-weight: bold;
          z-index: 100;
          background-color: rgba(0, 0, 0, 0.7);
          border: 1px solid white;
          background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.55615 0.000335693L14.0005 12.4446L12.445 14.0001L0.000606994 1.55586L1.55615 0.000335693Z" fill="white"/><path d="M14 1.55551L1.55564 13.9997L9.18546e-05 12.4442L12.4445 -1.57801e-05L14 1.55551Z" fill="white"/></svg>');
          background-repeat: no-repeat;
          background-size: 40% auto;
          background-position: center; }
          .reset_password_anybot_view .tost_pops .pop .window > .close:hover {
            color: var(--a1); }
        .reset_password_anybot_view .tost_pops .pop .window[name='confirm'] .content .confirm {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .reset_password_anybot_view .tost_pops .pop .window[name='confirm'] .content .confirm > *:not(:first-child) {
            margin-top: 1rem; }
          .reset_password_anybot_view .tost_pops .pop .window[name='confirm'] .content .confirm span {
            align-self: stretch;
            padding-bottom: 1rem;
            border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.user_list_view main {
  flex-direction: row !important;
  overflow-y: hidden; }

.user_list_view main.user-editing .search-bar {
  padding-right: 0; }
  .user_list_view main.user-editing .search-bar .platforms, .user_list_view main.user-editing .search-bar .placeholder, .user_list_view main.user-editing .search-bar div.groups, .user_list_view main.user-editing .search-bar button {
    display: none; }
  .user_list_view main.user-editing .search-bar input[type=text] {
    width: 200px;
    min-width: 200px; }

.user_list_view main.user-editing .buttons {
  display: none; }

.user_list_view main.user-editing .ext-col {
  display: none; }

.user_list_view section .search-bar .abandoncart-filter form, .user_list_view section .search-bar .coupons-filter form, .user_list_view section .search-bar .events-filter form, .user_list_view section .search-bar .reservation-filter form {
  padding-left: 0; }

.user_list_view section .search-bar .abandoncart-filter form > ul, .user_list_view section .search-bar .coupons-filter form > ul, .user_list_view section .search-bar .events-filter form > ul, .user_list_view section .search-bar .reservation-filter form > ul {
  padding-right: 0; }

.user_list_view section .search-bar .abandoncart-filter form > ul > li > div, .user_list_view section .search-bar .coupons-filter form > ul > li > div, .user_list_view section .search-bar .events-filter form > ul > li > div, .user_list_view section .search-bar .reservation-filter form > ul > li > div {
  flex-direction: row; }

.user_list_view section .search-bar .abandoncart-filter form li[type=radio] label, .user_list_view section .search-bar .coupons-filter form li[type=radio] label, .user_list_view section .search-bar .events-filter form li[type=radio] label, .user_list_view section .search-bar .reservation-filter form li[type=radio] label {
  padding-left: 0;
  padding-right: 0;
  margin-right: 8px; }

.user_list_view section .pop-inline form, .user_list_view section .pop-inline ul, .user_list_view section .pop-inline li footer {
  min-width: auto !important; }

.user_list_view section .pop-inline form {
  background: #666 !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  width: auto;
  padding: 16px 24px;
  border: 0px; }

.user_list_view section .pop-inline ul {
  padding: 0px;
  margin: 10px 0px 10px 0px; }
  .user_list_view section .pop-inline ul li {
    height: auto;
    min-width: auto; }

.user_list_view section .pop-inline footer.exps {
  border-top: 1px solid #D0C9C3;
  margin-top: 0px;
  background-color: transparent;
  margin: 0px; }
  .user_list_view section .pop-inline footer.exps button {
    color: #FFFFFF; }

.user_list_view section.center-pane .search-bar input[type=text] {
  max-width: 20vw; }

.user_list_view section.center-pane .search-engine {
  margin: 0 1rem;
  line-height: initial; }
  .user_list_view section.center-pane .search-engine #search_es {
    transform: translateY(3px);
    margin-right: 4px; }

.user_list_view section.center-pane .platforms {
  border: 1px solid #D0C9C3;
  border-radius: 4px;
  margin-right: 1rem; }
  .user_list_view section.center-pane .platforms dd {
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: 0 !important;
    border-left: 1px solid #D0C9C3;
    padding-right: 0;
    background-position: center;
    background-size: 16px auto;
    cursor: pointer; }
  .user_list_view section.center-pane .platforms dd:first-child {
    border-left: 0; }
  .user_list_view section.center-pane .platforms dd.on {
    background-color: #5F5BFF;
    color: #FFFFFF;
    font-weight: bold; }
  .user_list_view section.center-pane .platforms dd.sdk {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.242 6.75836L1.77745 2.97121C3.31295 1.0615 5.61621 0.00987367 7.97109 0.000196103C9.33562 -0.00948146 10.7292 0.338911 11.997 1.07118C13.397 1.8841 14.4615 3.05185 15.1389 4.39381L8.51625 4.04542C6.64203 3.93574 4.85814 4.99059 4.242 6.75836ZM5.3033 8.00031C5.3033 9.49066 6.50977 10.6971 8.00012 10.6971C9.49046 10.6971 10.6969 9.49066 10.6969 8.00031C10.6969 6.50997 9.49046 5.3035 8.00012 5.3035C6.50977 5.3035 5.3033 6.50674 5.3033 8.00031ZM15.4615 5.12285L10.955 5.35511C12.1776 6.78417 12.197 8.84549 11.1679 10.4262L7.55172 15.9875C9.05175 16.0682 10.5969 15.7391 11.997 14.9262C15.4615 12.9262 16.8648 8.73258 15.4615 5.12285ZM4.31297 9.53582L1.30325 3.61638C0.480652 4.87446 0 6.38416 0 8.00031C0 12.0004 2.92908 15.3133 6.75816 15.9004L8.81303 11.8746C6.95494 12.223 5.16137 11.2036 4.31297 9.53582Z" fill="%23666666"/></svg>'); }
  .user_list_view section.center-pane .platforms dd.fb {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00084 0C0.492378 0 -2.87759 8.87593 2.97114 13.2995V16.1643L5.70248 14.6489C10.8332 16.0849 16 12.4876 16 7.47959C16.0036 3.34832 12.4208 0 8.00084 0ZM8.84513 10.0341L6.77408 7.8837L2.79074 10.0883L7.16015 5.45184L9.2312 7.60227L13.2145 5.39772L8.84513 10.0341Z" fill="%23666666"/></svg>');
    background-position: center 7px; }
  .user_list_view section.center-pane .platforms dd.line {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9873 8.05548C19.9873 3.63953 15.5166 0.0596924 10.002 0.0596924C4.48706 0.0596924 0.0163574 3.63953 0.0166016 8.05548C0.0166016 11.9917 3.5686 15.2634 8.24609 15.9281L8.24805 15.9282C8.35791 15.9438 8.46875 15.9575 8.57983 15.9702C9.57397 16.1773 9.40942 17.032 9.27246 17.7441C9.18994 18.1727 9.11743 18.5496 9.31348 18.7026C9.91357 19.1714 14.4585 16.1328 17.2197 13.5805C17.6194 13.2458 17.9829 12.8833 18.3057 12.4971L18.3115 12.4908C18.3887 12.4059 18.4497 12.3291 18.4963 12.2596C19.4414 11.0381 19.9873 9.59796 19.9873 8.05548ZM6.22217 10.6059H4.20825C3.92188 10.6059 3.6875 10.3715 3.6875 10.085V6.2226C3.6875 5.93616 3.92188 5.70184 4.20825 5.70184H4.25171C4.53809 5.70184 4.77246 5.93616 4.77246 6.2226V9.52087H6.22217C6.50854 9.52087 6.74292 9.75519 6.74292 10.0416V10.0851C6.74292 10.3716 6.50854 10.6059 6.22217 10.6059ZM16.6873 8.14148V8.18488C16.6873 8.47131 16.4529 8.70569 16.1665 8.70551H14.7168V9.53009H16.1665C16.4529 9.53009 16.6873 9.7644 16.6873 10.0508V10.0943C16.6873 10.3808 16.4529 10.6152 16.1665 10.6152H14.1526C13.8662 10.6152 13.6318 10.3808 13.6318 10.0943V6.23187C13.6318 5.94543 13.8662 5.71112 14.1526 5.71112H16.1665C16.4529 5.71112 16.6873 5.94543 16.6873 6.23187V6.27533C16.6873 6.56183 16.4529 6.79608 16.1665 6.79608H14.7168V7.62067H16.1665C16.4529 7.62067 16.6873 7.85498 16.6873 8.14148ZM12.9651 10.0851C12.9651 10.222 12.9109 10.3533 12.8145 10.4507C12.7834 10.4883 12.7395 10.5203 12.6875 10.5451C12.6125 10.5851 12.5291 10.606 12.4441 10.6059H12.4006C12.3311 10.6059 12.2642 10.5919 12.2031 10.5667C12.1238 10.537 12.0525 10.4883 12.0005 10.4172C11.9866 10.4005 11.9739 10.3831 11.9622 10.3649L10.0664 7.77545V10.0851C10.0664 10.3716 9.83203 10.606 9.54565 10.606H9.5022C9.21558 10.606 8.9812 10.3716 8.9812 10.0851V6.22272C8.9812 5.93628 9.21558 5.70197 9.5022 5.70197H9.54565C9.73853 5.70197 9.90771 5.80835 9.9978 5.96533L11.8801 8.49005V6.22272C11.8801 5.93628 12.1143 5.70197 12.4009 5.70197H12.4443C12.7307 5.70197 12.9651 5.93628 12.9651 6.22272V10.0851ZM7.72754 10.6059H7.68408C7.39746 10.6059 7.16309 10.3716 7.16309 10.0851V6.22266C7.16309 5.93622 7.39746 5.7019 7.68408 5.7019H7.72754C8.01392 5.7019 8.24829 5.93622 8.24829 6.22266V10.0851C8.24829 10.3716 8.01392 10.6059 7.72754 10.6059Z" fill="%23666666"/></svg>');
    background-size: 17px auto; }
  .user_list_view section.center-pane .platforms dd.insta {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24px" height="24px"><g id="surface26503598"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(40.000001%,40.000001%,40.000001%);fill-opacity:1;" d="M 6.800781 0.300781 C 3.214844 0.300781 0.300781 3.214844 0.300781 6.800781 L 0.300781 17.199219 C 0.300781 20.785156 3.214844 23.699219 6.800781 23.699219 L 17.199219 23.699219 C 20.785156 23.699219 23.699219 20.785156 23.699219 17.199219 L 23.699219 6.800781 C 23.699219 3.214844 20.785156 0.300781 17.199219 0.300781 Z M 6.800781 2.898438 L 17.199219 2.898438 C 19.351562 2.898438 21.101562 4.648438 21.101562 6.800781 L 21.101562 17.199219 C 21.101562 19.351562 19.351562 21.101562 17.199219 21.101562 L 6.800781 21.101562 C 4.648438 21.101562 2.898438 19.351562 2.898438 17.199219 L 2.898438 6.800781 C 2.898438 4.648438 4.648438 2.898438 6.800781 2.898438 Z M 18.5 4.199219 C 17.78125 4.199219 17.199219 4.78125 17.199219 5.5 C 17.199219 6.21875 17.78125 6.800781 18.5 6.800781 C 19.21875 6.800781 19.800781 6.21875 19.800781 5.5 C 19.800781 4.78125 19.21875 4.199219 18.5 4.199219 Z M 12 5.5 C 8.414062 5.5 5.5 8.414062 5.5 12 C 5.5 15.585938 8.414062 18.5 12 18.5 C 15.585938 18.5 18.5 15.585938 18.5 12 C 18.5 8.414062 15.585938 5.5 12 5.5 Z M 12 8.101562 C 14.148438 8.101562 15.898438 9.851562 15.898438 12 C 15.898438 14.148438 14.148438 15.898438 12 15.898438 C 9.851562 15.898438 8.101562 14.148438 8.101562 12 C 8.101562 9.851562 9.851562 8.101562 12 8.101562 Z M 12 8.101562 "/></g></svg>');
    background-size: 17px auto; }
  .user_list_view section.center-pane .platforms dd.email {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6969 3.9625C15.8187 3.86563 16 3.95625 16 4.10938V10.5C16 11.3281 15.3281 12 14.5 12H1.5C0.671875 12 0 11.3281 0 10.5V4.1125C0 3.95625 0.178125 3.86875 0.303125 3.96562C1.00312 4.50937 1.93125 5.2 5.11875 7.51562C5.77813 7.99687 6.89062 9.00938 8 9.00313C9.11563 9.0125 10.25 7.97813 10.8844 7.51562C14.0719 5.2 14.9969 4.50625 15.6969 3.9625ZM8 8C8.725 8.0125 9.76875 7.0875 10.2937 6.70625C14.4406 3.69688 14.7562 3.43437 15.7125 2.68437C15.8937 2.54375 16 2.325 16 2.09375V1.5C16 0.671875 15.3281 0 14.5 0H1.5C0.671875 0 0 0.671875 0 1.5V2.09375C0 2.325 0.10625 2.54062 0.2875 2.68437C1.24375 3.43125 1.55938 3.69688 5.70625 6.70625C6.23125 7.0875 7.275 8.0125 8 8Z" fill="%23666666"/></svg>');
    display: none; }
  .user_list_view section.center-pane .platforms dd.on.sdk {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.242 6.75836L1.77745 2.97121C3.31295 1.0615 5.61621 0.00987367 7.97109 0.000196103C9.33562 -0.00948146 10.7292 0.338911 11.997 1.07118C13.397 1.8841 14.4615 3.05185 15.1389 4.39381L8.51625 4.04542C6.64203 3.93574 4.85814 4.99059 4.242 6.75836ZM5.3033 8.00031C5.3033 9.49066 6.50977 10.6971 8.00012 10.6971C9.49046 10.6971 10.6969 9.49066 10.6969 8.00031C10.6969 6.50997 9.49046 5.3035 8.00012 5.3035C6.50977 5.3035 5.3033 6.50674 5.3033 8.00031ZM15.4615 5.12285L10.955 5.35511C12.1776 6.78417 12.197 8.84549 11.1679 10.4262L7.55172 15.9875C9.05175 16.0682 10.5969 15.7391 11.997 14.9262C15.4615 12.9262 16.8648 8.73258 15.4615 5.12285ZM4.31297 9.53582L1.30325 3.61638C0.480652 4.87446 0 6.38416 0 8.00031C0 12.0004 2.92908 15.3133 6.75816 15.9004L8.81303 11.8746C6.95494 12.223 5.16137 11.2036 4.31297 9.53582Z" fill="%23FFF"/></svg>'); }
  .user_list_view section.center-pane .platforms dd.on.fb {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00084 0C0.492378 0 -2.87759 8.87593 2.97114 13.2995V16.1643L5.70248 14.6489C10.8332 16.0849 16 12.4876 16 7.47959C16.0036 3.34832 12.4208 0 8.00084 0ZM8.84513 10.0341L6.77408 7.8837L2.79074 10.0883L7.16015 5.45184L9.2312 7.60227L13.2145 5.39772L8.84513 10.0341Z" fill="%23FFF"/></svg>');
    background-position: center 7px; }
  .user_list_view section.center-pane .platforms dd.on.insta {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24px" height="24px"><g id="surface26540709"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 6.800781 0.300781 C 3.214844 0.300781 0.300781 3.214844 0.300781 6.800781 L 0.300781 17.199219 C 0.300781 20.785156 3.214844 23.699219 6.800781 23.699219 L 17.199219 23.699219 C 20.785156 23.699219 23.699219 20.785156 23.699219 17.199219 L 23.699219 6.800781 C 23.699219 3.214844 20.785156 0.300781 17.199219 0.300781 Z M 6.800781 2.898438 L 17.199219 2.898438 C 19.351562 2.898438 21.101562 4.648438 21.101562 6.800781 L 21.101562 17.199219 C 21.101562 19.351562 19.351562 21.101562 17.199219 21.101562 L 6.800781 21.101562 C 4.648438 21.101562 2.898438 19.351562 2.898438 17.199219 L 2.898438 6.800781 C 2.898438 4.648438 4.648438 2.898438 6.800781 2.898438 Z M 18.5 4.199219 C 17.78125 4.199219 17.199219 4.78125 17.199219 5.5 C 17.199219 6.21875 17.78125 6.800781 18.5 6.800781 C 19.21875 6.800781 19.800781 6.21875 19.800781 5.5 C 19.800781 4.78125 19.21875 4.199219 18.5 4.199219 Z M 12 5.5 C 8.414062 5.5 5.5 8.414062 5.5 12 C 5.5 15.585938 8.414062 18.5 12 18.5 C 15.585938 18.5 18.5 15.585938 18.5 12 C 18.5 8.414062 15.585938 5.5 12 5.5 Z M 12 8.101562 C 14.148438 8.101562 15.898438 9.851562 15.898438 12 C 15.898438 14.148438 14.148438 15.898438 12 15.898438 C 9.851562 15.898438 8.101562 14.148438 8.101562 12 C 8.101562 9.851562 9.851562 8.101562 12 8.101562 Z M 12 8.101562 "/></g></svg>');
    background-position: center 7px; }
  .user_list_view section.center-pane .platforms dd.on.line {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9873 8.05548C19.9873 3.63953 15.5166 0.0596924 10.002 0.0596924C4.48706 0.0596924 0.0163574 3.63953 0.0166016 8.05548C0.0166016 11.9917 3.5686 15.2634 8.24609 15.9281L8.24805 15.9282C8.35791 15.9438 8.46875 15.9575 8.57983 15.9702C9.57397 16.1773 9.40942 17.032 9.27246 17.7441C9.18994 18.1727 9.11743 18.5496 9.31348 18.7026C9.91357 19.1714 14.4585 16.1328 17.2197 13.5805C17.6194 13.2458 17.9829 12.8833 18.3057 12.4971L18.3115 12.4908C18.3887 12.4059 18.4497 12.3291 18.4963 12.2596C19.4414 11.0381 19.9873 9.59796 19.9873 8.05548ZM6.22217 10.6059H4.20825C3.92188 10.6059 3.6875 10.3715 3.6875 10.085V6.2226C3.6875 5.93616 3.92188 5.70184 4.20825 5.70184H4.25171C4.53809 5.70184 4.77246 5.93616 4.77246 6.2226V9.52087H6.22217C6.50854 9.52087 6.74292 9.75519 6.74292 10.0416V10.0851C6.74292 10.3716 6.50854 10.6059 6.22217 10.6059ZM16.6873 8.14148V8.18488C16.6873 8.47131 16.4529 8.70569 16.1665 8.70551H14.7168V9.53009H16.1665C16.4529 9.53009 16.6873 9.7644 16.6873 10.0508V10.0943C16.6873 10.3808 16.4529 10.6152 16.1665 10.6152H14.1526C13.8662 10.6152 13.6318 10.3808 13.6318 10.0943V6.23187C13.6318 5.94543 13.8662 5.71112 14.1526 5.71112H16.1665C16.4529 5.71112 16.6873 5.94543 16.6873 6.23187V6.27533C16.6873 6.56183 16.4529 6.79608 16.1665 6.79608H14.7168V7.62067H16.1665C16.4529 7.62067 16.6873 7.85498 16.6873 8.14148ZM12.9651 10.0851C12.9651 10.222 12.9109 10.3533 12.8145 10.4507C12.7834 10.4883 12.7395 10.5203 12.6875 10.5451C12.6125 10.5851 12.5291 10.606 12.4441 10.6059H12.4006C12.3311 10.6059 12.2642 10.5919 12.2031 10.5667C12.1238 10.537 12.0525 10.4883 12.0005 10.4172C11.9866 10.4005 11.9739 10.3831 11.9622 10.3649L10.0664 7.77545V10.0851C10.0664 10.3716 9.83203 10.606 9.54565 10.606H9.5022C9.21558 10.606 8.9812 10.3716 8.9812 10.0851V6.22272C8.9812 5.93628 9.21558 5.70197 9.5022 5.70197H9.54565C9.73853 5.70197 9.90771 5.80835 9.9978 5.96533L11.8801 8.49005V6.22272C11.8801 5.93628 12.1143 5.70197 12.4009 5.70197H12.4443C12.7307 5.70197 12.9651 5.93628 12.9651 6.22272V10.0851ZM7.72754 10.6059H7.68408C7.39746 10.6059 7.16309 10.3716 7.16309 10.0851V6.22266C7.16309 5.93622 7.39746 5.7019 7.68408 5.7019H7.72754C8.01392 5.7019 8.24829 5.93622 8.24829 6.22266V10.0851C8.24829 10.3716 8.01392 10.6059 7.72754 10.6059Z" fill="%23FFF"/></svg>'); }
  .user_list_view section.center-pane .platforms dd.on.email {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6969 3.9625C15.8187 3.86563 16 3.95625 16 4.10938V10.5C16 11.3281 15.3281 12 14.5 12H1.5C0.671875 12 0 11.3281 0 10.5V4.1125C0 3.95625 0.178125 3.86875 0.303125 3.96562C1.00312 4.50937 1.93125 5.2 5.11875 7.51562C5.77813 7.99687 6.89062 9.00938 8 9.00313C9.11563 9.0125 10.25 7.97813 10.8844 7.51562C14.0719 5.2 14.9969 4.50625 15.6969 3.9625ZM8 8C8.725 8.0125 9.76875 7.0875 10.2937 6.70625C14.4406 3.69688 14.7562 3.43437 15.7125 2.68437C15.8937 2.54375 16 2.325 16 2.09375V1.5C16 0.671875 15.3281 0 14.5 0H1.5C0.671875 0 0 0.671875 0 1.5V2.09375C0 2.325 0.10625 2.54062 0.2875 2.68437C1.24375 3.43125 1.55938 3.69688 5.70625 6.70625C6.23125 7.0875 7.275 8.0125 8 8Z" fill="%23FFF"/></svg>'); }
  .user_list_view section.center-pane .platforms.mail dd.email {
    display: block; }

.user_list_view section.center-pane div.groups {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .user_list_view section.center-pane div.groups h4 {
    padding-right: 10px; }
  .user_list_view section.center-pane div.groups h4:after {
    content: " : "; }
  .user_list_view section.center-pane div.groups label {
    padding-left: 12px; }
    .user_list_view section.center-pane div.groups label:before {
      font-family: 'FontAwesome' !important;
      content: "";
      position: relative;
      left: -9px; }

.user_list_view section.center-pane .list-item-thumb {
  padding-top: 5px; }

.user_list_view section.center-pane .list-view .unread-badge:after {
  content: "●";
  font-size: 12px;
  color: #DB234B;
  padding-left: 4px; }

.user_list_view section.center-pane .list-view .tooltip:hover:after {
  z-index: 100;
  top: -28px;
  right: 0;
  left: auto; }

.user_list_view section.center-pane button.plus {
  width: 30px;
  max-width: 30px;
  height: 30px;
  padding: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8571 6.28571H9.71429V1.14286C9.71429 0.511786 9.2025 0 8.57143 0H7.42857C6.7975 0 6.28571 0.511786 6.28571 1.14286V6.28571H1.14286C0.511786 6.28571 0 6.7975 0 7.42857V8.57143C0 9.2025 0.511786 9.71429 1.14286 9.71429H6.28571V14.8571C6.28571 15.4882 6.7975 16 7.42857 16H8.57143C9.2025 16 9.71429 15.4882 9.71429 14.8571V9.71429H14.8571C15.4882 9.71429 16 9.2025 16 8.57143V7.42857C16 6.7975 15.4882 6.28571 14.8571 6.28571Z" fill="%235F5BFF"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto; }

.user_list_view section.center-pane button.send.new {
  background-color: #5F5BFF;
  color: white; }

.user_list_view section.center-pane label.total {
  margin-left: 30px;
  padding-left: 10px;
  padding-right: 10px; }

.user_list_view caption {
  height: 48px;
  line-height: 48px;
  font-size: 1rem;
  border-top: 1px solid #D0C9C3;
  border-bottom: 1px solid #D0C9C3;
  width: inherit;
  background-color: #FFFFFF;
  display: block; }

.user_list_view .left-pane.subgroups section ul.filters li > b {
  min-width: 21px; }

.user_list_view .left-pane.subgroups section ul.inquiries-items li > b {
  min-width: 21px; }

.user_list_view .left-pane.subgroups section ul.campaign-items + ul.campaign-items {
  margin-top: 8px; }

.user_list_view .left-pane.subgroups section ul.campaign-items h4 {
  padding-left: 32px;
  color: #D0C9C3; }

.user_list_view .left-pane.subgroups section ul.campaign-items ul li {
  padding-left: 48px; }

.user_list_view .left-pane {
  width: 220px !important; }
  .user_list_view .left-pane .pane-body {
    overflow-y: auto;
    overflow-x: hidden; }
    .user_list_view .left-pane .pane-body ul li > b {
      min-width: 21px; }
  .user_list_view .left-pane li {
    user-select: none; }
  .user_list_view .left-pane li:hover {
    background-color: #D0C9C3 !important; }
  .user_list_view .left-pane li.on {
    background: #D0C9C3; }
    .user_list_view .left-pane li.on b {
      background-color: #5F5BFF; }
  .user_list_view .left-pane .dragover {
    border-bottom: 2px solid #666; }
  .user_list_view .left-pane .dragover-top {
    border-top: 2px solid #666; }
  .user_list_view .left-pane .dragging {
    opacity: .7; }
  .user_list_view .left-pane footer {
    border-right: 1px solid #D0C9C3;
    justify-content: center;
    padding: 0; }
    .user_list_view .left-pane footer button {
      margin: 10px 0;
      color: #666;
      font-size: 13px;
      cursor: pointer;
      text-transform: uppercase;
      text-indent: 5px; }
      .user_list_view .left-pane footer button:hover:after {
        background-color: #666;
        top: calc(-100% - 4px); }
  .user_list_view .left-pane ul {
    flex: 1; }
  .user_list_view .left-pane ul.default {
    height: auto;
    min-height: 196px;
    flex: 0; }
  .user_list_view .left-pane b {
    background: #666;
    color: white;
    border-radius: 8px;
    height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 10px; }
  .user_list_view .left-pane li.unread label {
    width: 160px;
    max-width: 160px; }
  .user_list_view .left-pane li.unread b {
    background: #666;
    color: white; }
  .user_list_view .left-pane ul.default + header {
    padding-top: 8px; }
  .user_list_view .left-pane li.dragover {
    background-color: #D0C9C3; }
  .user_list_view .left-pane li.dragmove {
    border-right: 0px;
    background-color: #D0C9C3; }

.user_list_view .left-pane.subgroups {
  width: 208px !important;
  display: none;
  overflow: visible; }
  .user_list_view .left-pane.subgroups section {
    overflow-y: auto; }
  .user_list_view .left-pane.subgroups li label {
    width: 100px;
    height: auto;
    line-height: 20px;
    overflow-wrap: break-word;
    padding-top: 10px;
    padding-bottom: 10px; }
  .user_list_view .left-pane.subgroups li b {
    margin-right: 20px; }
  .user_list_view .left-pane.subgroups ul.filters li {
    height: auto;
    line-height: auto;
    padding-top: 0;
    padding-bottom: 0; }
  .user_list_view .left-pane.subgroups b {
    right: 0 !important; }
  .user_list_view .left-pane.subgroups[folder=store_id] {
    min-width: max-content !important; }
    .user_list_view .left-pane.subgroups[folder=store_id] section {
      min-width: max-content; }
    .user_list_view .left-pane.subgroups[folder=store_id] ul.filters {
      min-width: max-content; }
      .user_list_view .left-pane.subgroups[folder=store_id] ul.filters li {
        width: 100%; }
        .user_list_view .left-pane.subgroups[folder=store_id] ul.filters li label {
          width: max-content;
          white-space: nowrap; }

.user_list_view .center-pane {
  overflow-x: hidden;
  z-index: 50; }
  .user_list_view .center-pane footer div {
    text-align: left; }
  .user_list_view .center-pane button.plus {
    text-transform: unset; }
    .user_list_view .center-pane button.plus::after {
      left: 20% !important; }

.user_list_view table.list-view th i.cog {
  right: 8px;
  top: 0; }

.user_list_view table.list-view th.none:first-child {
  padding-left: 0;
  width: 40px; }

.user_list_view .list-view-pages + label {
  margin-left: 30px;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
  user-select: none; }

.user_list_view .list-view-pages dd {
  padding: 0px 13px 31px 13px !important;
  width: auto;
  height: 25px;
  line-height: 32px; }

.user_list_view .with-submenu .left-pane.subgroups {
  display: flex;
  flex-shrink: 0; }

.user_list_view .with-submenu.autogen .left-pane.subgroups footer {
  display: none; }

.user_list_view .search-bar {
  width: calc(100% - 3rem); }

.user_list_view .search-bar, .user_list_view .list-frame {
  margin-left: 16px; }

.user_list_view .list-frame {
  overflow-x: auto;
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 0;
  justify-content: flex-start; }

section.filters {
  display: flex;
  flex-direction: column !important; }
  section.filters form {
    margin: 16px;
    max-width: auto !important;
    width: 100% !important; }
    section.filters form dl {
      width: 90%; }
    section.filters form dd {
      position: relative; }
    section.filters form dd[type=radio] > div {
      height: 100%;
      line-height: 32px; }
    section.filters form.filter-name {
      text-align: left; }
  section.filters dd.space {
    width: 10px !important;
    min-width: 10px !important;
    height: 32px; }
  section.filters .form-item-autocomplete {
    min-height: 32px;
    line-height: 32px;
    max-height: 32px;
    width: 320px !important;
    display: flex;
    flex-direction: column; }
    section.filters .form-item-autocomplete input[type=text] {
      margin-top: 2px; }
    section.filters .form-item-autocomplete span {
      line-height: 18px !important;
      padding-top: auto !important;
      padding-left: 4px;
      padding-right: 24px !important; }
      section.filters .form-item-autocomplete span b {
        top: 3px; }
  section.filters .container {
    display: flex;
    flex: 1;
    height: 100%; }
    section.filters .container > div:last-child {
      flex: 1; }
    section.filters .container .center-pane {
      overflow: hidden; }
  section.filters .left-pane {
    max-height: calc(640px - 48px);
    height: calc(80vh - 48px);
    width: 200px;
    overflow: hidden;
    overflow-y: auto;
    background: #F8F6F5; }
    section.filters .left-pane ul {
      margin-bottom: 60px; }
    section.filters .left-pane li {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 0px 16px 0px 20px;
      cursor: pointer;
      color: #999;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      section.filters .left-pane li i.cog {
        right: 8px; }
    section.filters .left-pane li.dragover {
      background-color: #D0C9C3; }
    section.filters .left-pane li.dragmove {
      border-right: 0px;
      background-color: #D0C9C3; }
    section.filters .left-pane li.on {
      background-color: #D0C9C3;
      color: #222; }
    section.filters .left-pane footer {
      position: relative;
      height: 60px;
      line-height: 60px;
      background-color: #F8F6F5; }
  section.filters .center-pane {
    width: 100%;
    padding-bottom: 0; }
    section.filters .center-pane > section {
      position: absolute;
      height: calc(100% - 60px);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      overflow-y: auto;
      padding-bottom: 0; }
    section.filters .center-pane > footer {
      bottom: 0;
      height: 60px;
      line-height: 60px; }
  section.filters i.minus-square {
    left: 24px; }
  section.filters fieldset.deleted-ukeys {
    margin-top: 20px;
    width: calc( 100% - 30px);
    border-color: #C7655D;
    padding: 20px; }
  section.filters .conditions {
    padding-left: 24px;
    padding-right: 24px; }
    section.filters .conditions h2 {
      padding-left: 0;
      width: 100%; }
    section.filters .conditions li {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 8px; }
      section.filters .conditions li span, section.filters .conditions li h4, section.filters .conditions li input[type=number] {
        height: 32px;
        line-height: 32px; }
      section.filters .conditions li h4 {
        min-width: 80px; }
      section.filters .conditions li span {
        padding-left: 8px;
        padding-right: 8px;
        color: #222; }
    section.filters .conditions dl {
      flex-wrap: wrap;
      margin-left: -8px; }
    section.filters .conditions dd {
      max-width: 580px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 8px;
      color: #222;
      border: 1px solid #222;
      padding-left: 8px;
      padding-top: 4px;
      border-radius: 4px;
      white-space: nowrap;
      cursor: pointer;
      font-size: 0.8rem; }
      section.filters .conditions dd:hover {
        transform: scale(1.05, 1.05);
        background-color: #222;
        color: #FFFFFF; }
      section.filters .conditions dd.on {
        border: 1px solid #00D6C9;
        background-color: #09EADC;
        color: #FFFFFF; }
    section.filters .conditions dd.radio {
      border-radius: 20px; }
    section.filters .conditions label {
      margin: 8px 8px 8px 12px;
      font-size: .8rem;
      font-weight: 600;
      color: #222; }
    section.filters .conditions.basic, section.filters .conditions.name {
      position: relative; }
      section.filters .conditions.basic li, section.filters .conditions.name li {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        section.filters .conditions.basic li span, section.filters .conditions.basic li h4, section.filters .conditions.basic li input[type=number], section.filters .conditions.name li span, section.filters .conditions.name li h4, section.filters .conditions.name li input[type=number] {
          height: 32px;
          line-height: 32px; }
        section.filters .conditions.basic li h4, section.filters .conditions.name li h4 {
          width: 95px;
          min-width: 80px; }
        section.filters .conditions.basic li span, section.filters .conditions.name li span {
          padding-left: 8px;
          padding-right: 8px;
          color: #222; }
        section.filters .conditions.basic li > dl, section.filters .conditions.name li > dl {
          width: 640px; }
        section.filters .conditions.basic li.basic-info label, section.filters .conditions.name li.basic-info label {
          padding-left: 20px;
          min-width: 40px; }
        section.filters .conditions.basic li input[type="number"], section.filters .conditions.name li input[type="number"] {
          width: initial; }
        section.filters .conditions.basic li input.uk-name, section.filters .conditions.name li input.uk-name {
          width: 100px; }
        section.filters .conditions.basic li input.uk-val, section.filters .conditions.name li input.uk-val {
          width: 120px; }

dl.new-btns {
  position: absolute;
  z-index: 999;
  width: auto;
  background-color: #999;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%); }
  dl.new-btns dd {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    padding-left: 34px !important;
    padding-right: 16px;
    cursor: pointer; }
  dl.new-btns dd:before {
    padding-left: 14px !important; }
  dl.new-btns dd:hover {
    color: white; }
  dl.new-btns dd:last-child {
    border-right: 0; }

div.placeholder {
  flex: 1; }

.filter_edit_view .left-pane {
  max-height: calc(640px - 48px);
  height: calc(80vh - 48px);
  width: 220px !important; }
  .filter_edit_view .left-pane section {
    overflow: hidden;
    overflow-y: auto; }
  .filter_edit_view .left-pane ul {
    padding-left: 0; }
  .filter_edit_view .left-pane li {
    line-height: 40px;
    height: 40px;
    text-transform: capitalize;
    padding-left: 16px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: row; }
    .filter_edit_view .left-pane li label, .filter_edit_view .left-pane li dd {
      color: rgba(255, 255, 255, 0.3); }
    .filter_edit_view .left-pane li label {
      flex: 1; }
  .filter_edit_view .left-pane h2 {
    color: #F8F6F5;
    text-align: left; }
  .filter_edit_view .left-pane li:hover {
    background-color: #999; }
  .filter_edit_view .left-pane li.on {
    color: #FFFFFF;
    background-color: #839BFB; }
    .filter_edit_view .left-pane li.on label, .filter_edit_view .left-pane li.on dd {
      color: #FFFFFF; }

.filter_edit_view section footer {
  /*position:relative !important;margin:0;height:48px;line-height:48px;*/
  margin: 0;
  bottom: 0;
  height: 60px;
  line-height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .filter_edit_view section footer input {
    height: 32px;
    line-height: 32px;
    width: inherit;
    border: 0;
    margin: auto; }
  .filter_edit_view section footer div {
    flex: 1; }

.filter_edit_view section.filters .conditions dd {
  font-family: 'Source Sans Pro';
  font-weight: 300; }

.popup.filter-group {
  width: 600px; }
  .popup.filter-group .form-item-autocomplete span {
    color: #666; }
  .popup.filter-group h4 {
    width: 200px; }

.popover.white.users-csv-btns li, section.white.users-csv-btns.pop-inline li, section.users-csv-btns.pop-inline.dict-editor li, section.popover.users-csv-btns.dict-editor li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3; }
  .popover.white.users-csv-btns li:last-child, section.white.users-csv-btns.pop-inline li:last-child, section.users-csv-btns.pop-inline.dict-editor li:last-child, section.popover.users-csv-btns.dict-editor li:last-child {
    border-bottom: 0; }
  .popover.white.users-csv-btns li button.label, section.white.users-csv-btns.pop-inline li button.label, section.users-csv-btns.pop-inline.dict-editor li button.label, section.popover.users-csv-btns.dict-editor li button.label {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    background-color: transparent; }
  .popover.white.users-csv-btns li button.label:before, section.white.users-csv-btns.pop-inline li button.label:before, section.users-csv-btns.pop-inline.dict-editor li button.label:before, section.popover.users-csv-btns.dict-editor li button.label:before {
    height: 44px;
    line-height: 44px; }

.popup.white.email-form .left-pane, section.popup.email-form.dict-editor .left-pane {
  align-self: stretch;
  background-color: #F8F6F5;
  border-right: 1px solid #D0C9C3; }

.popup.white.email-form .center-pane, section.popup.email-form.dict-editor .center-pane {
  text-align: left;
  padding: 8px 16px; }
  .popup.white.email-form .center-pane > div, section.popup.email-form.dict-editor .center-pane > div {
    padding-bottom: 8px; }
  .popup.white.email-form .center-pane textarea, section.popup.email-form.dict-editor .center-pane textarea {
    width: 80%; }
  .popup.white.email-form .center-pane label, section.popup.email-form.dict-editor .center-pane label {
    margin-right: 12px; }

.popup .folders-form .form-item-uk2, .popup .folders-form .form-item-ranges {
  display: none; }

.popup .folders-form.with-uk2 .form-item-uk2 {
  display: flex; }

.popup .folders-form.with-uk2 .form-item-ranges.with-uk2 {
  display: flex; }

.popup .folders-form.with-ranges .form-item-ranges {
  display: flex; }

.popup .folders-form.with-ranges .form-item-ranges.with-uk2 {
  display: none; }

.popup .folders-form .form-item-uk3, .popup .folders-form .form-item-ranges, .popup .folders-form .form-item-uk2 {
  display: none; }

.popup .folders-form.with-uk3 .form-item-uk3 {
  display: flex; }

.popup .folders-form.with-uk3 .form-item-ranges.with-uk3 {
  display: flex; }

.popup .folders-form.with-uk3 .form-item-uk2.with-uk3 {
  display: flex; }

.popup .folders-form.with-ranges .form-item-ranges.with-uk3 {
  display: none; }

.popup .folders-form.with-uk2 .form-item-uk2.with-uk3 {
  display: none; }

.popup .folders-form .form-item-msgs {
  display: none; }

.popup .folders-form.msgs .form-item-msgs {
  display: flex; }

.popup.list-view-pop-inline.white .notes-frame, section.popup.list-view-pop-inline.dict-editor .notes-frame {
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.thumb.tooltip:hover:after, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.thumb.tooltip:hover:after {
    overflow: auto;
    text-overflow: ellipsis;
    padding: 2px 4px;
    max-width: 56px !important;
    min-width: 8px;
    white-space: nowrap; }
  .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body {
    position: relative; }
    .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body dl, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body dl {
      max-width: 408px;
      flex-direction: column;
      align-items: flex-start; }
      .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body dl dt, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body dl dt {
        overflow: auto;
        overflow-wrap: anywhere;
        max-width: 326px; }
      .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body dl dd.btns, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body dl dd.btns {
        position: absolute;
        top: 0;
        right: 0; }
    .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body div.replies div.thumbs s.tooltip:hover::after, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body div.replies div.thumbs s.tooltip:hover::after {
      overflow: auto;
      text-overflow: ellipsis;
      padding: 2px 4px;
      max-width: 56px !important;
      min-width: 8px;
      white-space: nowrap; }
    .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.thumb.tooltip, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.thumb.tooltip {
      max-width: 24px !important; }
    .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply {
      position: relative; }
      .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply dl, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply dl {
        flex-direction: column; }
        .popup.list-view-pop-inline.white .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply dl dt, section.popup.list-view-pop-inline.dict-editor .notes-frame .notes-scroll ul.notes li div.body div.replies ol li div.body.reply dl dt {
          max-width: 300px; }

.popup.list-view-pop-inline.white .notes-form, section.popup.list-view-pop-inline.dict-editor .notes-form {
  flex-shrink: 0; }

article.user_edit_view {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  article.user_edit_view main {
    background: white;
    width: 90vw;
    height: 90vh;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    overflow: hidden;
    max-width: 1024px;
    max-height: 648px; }
    article.user_edit_view main header {
      position: relative;
      width: 100%; }
    article.user_edit_view main .tabmenu {
      justify-content: space-evenly;
      padding: .8rem 2rem;
      border-bottom: 1px solid #D0C9C3; }
      article.user_edit_view main .tabmenu dd {
        cursor: pointer;
        padding: .2rem; }
      article.user_edit_view main .tabmenu[tab=basic] [tab=basic],
      article.user_edit_view main .tabmenu[tab=ext] [tab=ext],
      article.user_edit_view main .tabmenu[tab=events] [tab=events],
      article.user_edit_view main .tabmenu[tab=rms] [tab=rms],
      article.user_edit_view main .tabmenu[tab=orders] [tab=orders] {
        font-weight: bold;
        color: #5F5BFF; }
        article.user_edit_view main .tabmenu[tab=basic] [tab=basic]:after,
        article.user_edit_view main .tabmenu[tab=ext] [tab=ext]:after,
        article.user_edit_view main .tabmenu[tab=events] [tab=events]:after,
        article.user_edit_view main .tabmenu[tab=rms] [tab=rms]:after,
        article.user_edit_view main .tabmenu[tab=orders] [tab=orders]:after {
          content: "";
          width: 100%;
          height: 1px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #5F5BFF; }
    article.user_edit_view main .icon.close, article.user_edit_view main .close.form-item-autocomplete.loading-autocomplete:before, article.user_edit_view main table.list-view th.close.on, table.list-view article.user_edit_view main th.close.on, article.user_edit_view main table.list-view th.close.sortable, table.list-view article.user_edit_view main th.close.sortable, article.user_edit_view main .ui-indicator .close#indicator:before, .ui-indicator article.user_edit_view main .close#indicator:before, article.user_edit_view main .search-bar div.close.queries, .search-bar article.user_edit_view main div.close.queries, article.user_edit_view main .simulator > header dd.close, .simulator > header article.user_edit_view main dd.close, article.user_edit_view main .p3-layout .menu-pane li.close, .p3-layout .menu-pane article.user_edit_view main li.close, article.user_edit_view main .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text article.user_edit_view main b.close:before, article.user_edit_view main .bot-editor section.actions li h5.close, .bot-editor section.actions li article.user_edit_view main h5.close, article.user_edit_view main .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div article.user_edit_view main span.close.new, article.user_edit_view main .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div article.user_edit_view main label.close.new, article.user_edit_view main .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes article.user_edit_view main div.close.schedule, article.user_edit_view main .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card article.user_edit_view main li.close.item.new, article.user_edit_view main .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover article.user_edit_view main u.close, article.user_edit_view main section.user-editor section.info header.close, section.user-editor section.info article.user_edit_view main header.close, article.user_edit_view main section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text article.user_edit_view main b.close:before {
      top: 18px; }
    article.user_edit_view main .container {
      overflow: hidden;
      flex: 1; }
      article.user_edit_view main .container .frame {
        overflow-y: auto;
        flex: 1; }
      article.user_edit_view main .container footer {
        min-height: 4rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-end; }
      article.user_edit_view main .container form {
        width: 40rem;
        margin: auto;
        padding-bottom: 2rem; }
        article.user_edit_view main .container form ul {
          padding: 0; }
        article.user_edit_view main .container form li[name] {
          display: flex;
          flex-direction: column; }
        article.user_edit_view main .container form li[multiple] {
          padding: 0; }
        article.user_edit_view main .container form dd[name] {
          display: flex;
          flex-direction: column;
          min-width: 9rem;
          flex: 1;
          padding-right: 0;
          margin-right: .4rem;
          align-items: flex-start; }
          article.user_edit_view main .container form dd[name] h4 {
            height: 2rem;
            padding: 0.2rem 0;
            font-size: .85rem;
            line-height: 2.8rem; }
          article.user_edit_view main .container form dd[name] input[type=text] {
            width: 18rem; }
        article.user_edit_view main .container form dl {
          width: 100%; }
        article.user_edit_view main .container form .col-4 {
          justify-content: space-between; }
          article.user_edit_view main .container form .col-4 dd[name] input[type=text] {
            width: 8rem; }
        article.user_edit_view main .container form dd.space {
          display: none; }
        article.user_edit_view main .container form .col-13 dd[name]:first-child input[type=text] {
          width: 8rem; }
        article.user_edit_view main .container form .col-13 dd[name]:last-child {
          flex: 3; }
          article.user_edit_view main .container form .col-13 dd[name]:last-child input[type=text] {
            width: 28rem; }

.content_list_view .left-pane footer {
  border-right: 1px solid #D0C9C3;
  justify-content: center;
  padding: 0; }
  .content_list_view .left-pane footer button {
    margin: 10px 0;
    color: #666;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
    text-indent: 5px; }
    .content_list_view .left-pane footer button.tooltip:hover:after {
      background-color: #666;
      top: calc(-100% - 4px); }

.content_list_view .right-pane {
  background-color: #F8F6F5;
  overflow: hidden; }
  .content_list_view .right-pane header {
    background-color: white;
    height: 60px;
    line-height: 60px;
    border-left: 1px solid #D0C9C3;
    border-bottom: 1px solid #D0C9C3; }
    .content_list_view .right-pane header i {
      width: 16px;
      padding-left: 16px !important;
      top: 20px; }
  .content_list_view .right-pane section {
    overflow: hidden auto;
    height: calc(100% - 60px); }
  .content_list_view .right-pane .card {
    margin: 0;
    margin-bottom: 6px;
    border-radius: 0;
    width: 360px;
    border: 0;
    border-top: 1px solid #D0C9C3;
    border-bottom: 1px solid #D0C9C3; }
    .content_list_view .right-pane .card .image {
      border-radius: 0; }
    .content_list_view .right-pane .card .title, .content_list_view .right-pane .card .desc {
      white-space: normal; }
    .content_list_view .right-pane .card .cnt {
      display: flex;
      justify-content: space-evenly;
      line-height: 30px; }
  .content_list_view .right-pane .users {
    background-color: #FFFFFF;
    height: inherit; }
    .content_list_view .right-pane .users div {
      background-color: #FFFFFF;
      height: 60px;
      line-height: 60px;
      display: flex;
      flex-direction: row;
      border-bottom: 1px solid #F8F6F5; }
      .content_list_view .right-pane .users div * {
        position: relative;
        display: block; }
      .content_list_view .right-pane .users div .thumb-frame {
        width: 80px;
        line-height: 60px;
        text-align: center; }
      .content_list_view .right-pane .users div .thumb {
        width: 48px;
        height: 48px;
        border-radius: 24px;
        position: absolute;
        left: 10px;
        top: 6px; }

.content_list_view .list-view .clickable {
  cursor: pointer;
  padding-right: 24px; }

.content_list_view .list-view .thumb {
  background-size: cover; }

.content_list_view .list-view td {
  cursor: initial; }

.content_list_view .list-view i.icon, .content_list_view .list-view i.form-item-autocomplete.loading-autocomplete:before, .content_list_view .list-view .ui-indicator i#indicator:before, .ui-indicator .content_list_view .list-view i#indicator:before {
  cursor: pointer; }
  .content_list_view .list-view i.icon::before {
    line-height: inherit; }

.event_edit_view {
  max-height: 720px; }
  .event_edit_view form[data-seminar_type*='live'] .alt.live_t, .event_edit_view form[data-seminar_type*='archive'] .alt.archive_t {
    display: flex; }
  .event_edit_view li.alt {
    display: none; }
  .event_edit_view li[name=linkto] div.loading {
    width: 100px;
    display: none; }
    .event_edit_view li[name=linkto] div.loading b.fa-spinner {
      position: absolute;
      left: 0;
      top: 8px;
      padding: 0 !important;
      padding-left: 0 !important;
      margin: 0 !important;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      display: block;
      min-height: 20px;
      min-width: 20px;
      text-align: center; }
    .event_edit_view li[name=linkto] div.loading b.fa-spinner:before {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 1.2rem; }
    .event_edit_view li[name=linkto] div.loading:after {
      position: absolute;
      right: 0;
      top: 0px;
      line-height: 34px;
      font-size: 0.9rem;
      content: 'Loading ･･･'; }
    .event_edit_view li[name=linkto] div.loading.on {
      display: block;
      background: transparent !important;
      background-color: transparent !important; }
    .event_edit_view li[name=linkto] div.loading.on b {
      background: transparent !important;
      background-color: transparent !important;
      color: #666; }
  .event_edit_view .tab-container form ul > li > h4, .event_edit_view .tab-container form ul > li > dl > dd:first-child {
    width: 160px;
    min-width: 160px; }
  .event_edit_view .tab-container form ul > li > h4 {
    height: auto;
    line-height: inherit;
    margin-top: 7px; }
  .event_edit_view .form-item-file .error {
    background: rgba(235, 82, 108, 0.1); }
  .event_edit_view .form-item-file .icon.close, .event_edit_view .form-item-file .close.form-item-autocomplete.loading-autocomplete:before, .event_edit_view .form-item-file table.list-view th.close.on, table.list-view .event_edit_view .form-item-file th.close.on, .event_edit_view .form-item-file table.list-view th.close.sortable, table.list-view .event_edit_view .form-item-file th.close.sortable, .event_edit_view .form-item-file .ui-indicator .close#indicator:before, .ui-indicator .event_edit_view .form-item-file .close#indicator:before, .event_edit_view .form-item-file .search-bar div.close.queries, .search-bar .event_edit_view .form-item-file div.close.queries, .event_edit_view .form-item-file .simulator > header dd.close, .simulator > header .event_edit_view .form-item-file dd.close, .event_edit_view .form-item-file .p3-layout .menu-pane li.close, .p3-layout .menu-pane .event_edit_view .form-item-file li.close, .event_edit_view .form-item-file .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .event_edit_view .form-item-file b.close:before, .event_edit_view .form-item-file .bot-editor section.actions li h5.close, .bot-editor section.actions li .event_edit_view .form-item-file h5.close, .event_edit_view .form-item-file .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .event_edit_view .form-item-file span.close.new, .event_edit_view .form-item-file .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .event_edit_view .form-item-file label.close.new, .event_edit_view .form-item-file .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .event_edit_view .form-item-file div.close.schedule, .event_edit_view .form-item-file .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .event_edit_view .form-item-file li.close.item.new, .event_edit_view .form-item-file .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .event_edit_view .form-item-file u.close, .event_edit_view .form-item-file section.user-editor section.info header.close, section.user-editor section.info .event_edit_view .form-item-file header.close, .event_edit_view .form-item-file section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .event_edit_view .form-item-file b.close:before {
    top: 5px;
    left: 92px; }
  .event_edit_view table.spreadsheet-view .form-item-operation {
    padding: 0px 8px; }
  .event_edit_view table.spreadsheet-view td {
    height: 40px;
    line-height: 40px;
    cursor: default; }
  .event_edit_view table.spreadsheet-view td.buttons {
    min-width: auto; }
    .event_edit_view table.spreadsheet-view td.buttons i {
      width: 28px;
      height: 28px !important;
      line-height: 28px; }
    .event_edit_view table.spreadsheet-view td.buttons i:before {
      text-align: center;
      width: 28px;
      height: 24px !important; }
  .event_edit_view li.archive_t dd.archive-start-t input, .event_edit_view li.archive_t dd.archive-end-t input {
    pointer-events: none;
    background-color: white; }
  .event_edit_view li.archive_t i.icon, .event_edit_view li.archive_t i.form-item-autocomplete.loading-autocomplete:before, .event_edit_view li.archive_t .ui-indicator i#indicator:before, .ui-indicator .event_edit_view li.archive_t i#indicator:before {
    bottom: 0;
    margin-left: 12px;
    color: #D0C9C3; }
  .event_edit_view li[name='recommend_f'] h4 {
    display: flex;
    align-items: center; }
  .event_edit_view li[name='seminar_form'] h4, .event_edit_view li[name='seminar_video'] h4, .event_edit_view li[name='category'] h4 {
    height: 38px;
    line-height: 38px; }
  .event_edit_view .form-type-datetimepicker {
    margin-right: 4px; }

.popup.event_edit_view {
  width: 1000px; }
  .popup.event_edit_view section.body {
    overflow: hidden; }

.prof_view .tool {
  overflow: visible; }

.prof_view .invoice.search-bar {
  margin: 0;
  margin-left: 32px; }

.prof_view .list-view th[key=company_id] {
  display: none; }

.prof_view .list-view .frame {
  display: flex; }

.prof_view button {
  margin-right: 1rem; }

.pops > .pop > .window > .content header {
  justify-content: center; }

.pops > .pop > .window > .content p {
  text-align: center;
  padding: 16px 8px; }

.pops > .pop > .window > .content footer {
  margin-top: 0; }
  .pops > .pop > .window > .content footer button {
    position: relative;
    right: 0.5rem; }

.help_view h2 {
  border-bottom: 0 !important;
  height: 48px;
  line-height: 48px; }

.help_view .left-pane.items {
  padding-bottom: 32px; }

.help_view .left-pane.items li.on h3 {
  color: white; }

.help_view .left-pane.items li.unavailable label {
  color: #D0C9C3; }

.help_view header nav.btns a.icon.help.on, .help_view header nav.btns a.help.on.form-item-autocomplete.loading-autocomplete:before, .help_view header nav.btns .ui-indicator a.help.on#indicator:before, .ui-indicator .help_view header nav.btns a.help.on#indicator:before {
  background: none;
  border: 0;
  color: #5F5BFF !important; }

.help_view .help-frame {
  overflow: hidden;
  overflow-y: auto;
  display: block;
  padding-bottom: 72px; }

.help_view .help-screen {
  width: 100%;
  background-color: #222;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 0 3px 2px #000;
  align-items: center;
  margin-bottom: 16px;
  min-height: 520px;
  position: sticky;
  top: 0; }

.help_view .markdown .wrapper {
  padding: 24px;
  padding-bottom: 60px;
  width: 980px;
  margin: auto; }

.help_view .markdown img {
  max-width: 100%;
  margin-left: 0;
  display: block;
  background-color: #eee;
  border: 1px solid #eee;
  margin-top: 8px;
  margin-bottom: 8px; }

.help_view .markdown * {
  text-align: left; }

.help_view .markdown h1 {
  height: 60px;
  line-height: 60px;
  text-align: left;
  font-size: 24px;
  padding-left: 0;
  color: #222; }

.help_view .markdown h2 {
  height: 48px;
  line-height: 48px;
  text-align: left;
  font-size: 18px;
  color: #222; }

.help_view .markdown p {
  padding: 12px;
  color: #444;
  text-align: left !important;
  font-size: 14px;
  font-weight: 400; }

.help_view .markdown pre {
  background: #F8F6F5;
  padding: 16px; }

.help_view .markdown ul, .help_view .markdown ol {
  padding: 8px 16px 8px 16px; }

.help_view .markdown li {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  display: list-item; }

.help_view .markdown ol li {
  list-style: decimal;
  overflow: auto;
  list-style-position: inside; }

.help_view .markdown ul li {
  list-style: disc;
  overflow: auto;
  list-style-position: inside; }

@media only screen and (max-width: 980px) {
  .markdown {
    width: 90%; }
    .markdown pre {
      white-space: pre-wrap;
      /* Since CSS 2.1 */
      white-space: -moz-pre-wrap;
      /* Mozilla, since 1999 */
      white-space: -pre-wrap;
      /* Opera 4-6 */
      white-space: -o-pre-wrap;
      /* Opera 7 */
      word-wrap: break-word;
      /* Internet Explorer 5.5+ */ } }

.payment_view {
  width: 960px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .payment_view h2 {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
  .payment_view section {
    background-color: #fff;
    background-image: url(/images/landing/deco3.svg);
    background-position: top left;
    background-size: 240px auto;
    border-radius: 12px;
    padding-bottom: 24px; }
  .payment_view section .container {
    display: flex;
    flex-direction: row;
    justify-content: center; }
  .payment_view .price {
    display: flex;
    flex-direction: column;
    width: 360px;
    margin: 12px;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    text-align: center; }
  .payment_view .price h3 {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 24px;
    font-size: 20px; }
  .payment_view .price .header {
    height: 98px;
    width: 100%;
    margin-bottom: 16px; }
  .payment_view .price.plan {
    width: 420px; }
  .payment_view .price.plan .header {
    height: 100px; }
  .payment_view .price .header h3 {
    color: white !important;
    font-weight: bold;
    padding-bottom: 4px; }
  .payment_view .price .header span {
    color: white; }
  .payment_view .price ul {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px; }
  .payment_view .price h4 {
    font-size: 16px;
    margin: 0;
    text-align: center; }
  .payment_view .price h5 {
    font-size: 32px;
    margin-top: 4px;
    margin-bottom: 4px; }
  .payment_view .price.free .header {
    background-color: #999; }
  .payment_view .price.standard h5 {
    color: #00D6C9; }
  .payment_view .price.pro h5 {
    color: #5F5BFF; }
  .payment_view .price li {
    height: 48px;
    line-height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ccc; }
  .payment_view .price p {
    font-weight: normal; }
  .payment_view .price hr {
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #ccc; }
  .payment_view .price b {
    color: #222;
    font-weight: bold; }
  .payment_view .price ul + p, .payment_view .price div + p {
    /*footer*/
    padding-bottom: 24px;
    padding-top: 24px; }
  .payment_view .price button {
    width: 260px;
    margin-left: 0; }
  .payment_view #pricing .container + p {
    margin-top: 24px;
    margin-bottom: 60px; }
  .payment_view #pricing .container + p a {
    clear: none;
    display: inline;
    color: #5F5BFF;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 2px;
    padding-right: 0;
    margin-right: 0; }

.paymethods ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px; }
  .paymethods ul li label {
    display: flex;
    flex-direction: row; }
    .paymethods ul li label i.icon, .paymethods ul li label i.form-item-autocomplete.loading-autocomplete:before, .paymethods ul li label .ui-indicator i#indicator:before, .ui-indicator .paymethods ul li label i#indicator:before {
      position: relative; }
    .paymethods ul li label input[type=radio] {
      display: block;
      position: relative;
      margin-right: 8px; }

.paymethods .coupons {
  display: flex;
  justify-content: center;
  padding: 8px; }
  .paymethods .coupons .ui-dropdown {
    width: 180px;
    margin: 0px 12px; }

.welcome_view header img {
  margin-left: 32px;
  margin-top: 8px;
  height: 32px; }

.welcome_view main {
  margin-top: 48px;
  background-color: #FFFFFF; }

.welcome_view .center-pane h2 {
  color: #222;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 30px; }

.welcome_view .center-pane .content {
  flex: 1;
  width: inherit;
  background-color: white;
  width: 600px;
  margin-right: auto;
  margin-left: auto; }

.welcome_view .center-pane form {
  width: 600px !important;
  height: auto;
  margin: 0;
  padding-left: 24px;
  border: 1px solid #F8F6F5;
  border-radius: 8px;
  padding-bottom: 24px; }
  .welcome_view .center-pane form li {
    text-align: left; }
    .welcome_view .center-pane form li h4 {
      margin-left: 0; }
  .welcome_view .center-pane form li[type=hidden] {
    display: none; }
  .welcome_view .center-pane form li.on {
    border-bottom: 1px solid #666; }

.welcome_view .center-pane footer {
  text-align: center;
  border-top: 0; }

.store_list_view .csv-form {
  display: none; }

.popup.white.store-edit, section.popup.store-edit.dict-editor {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  max-height: calc(100vh - 40px); }
  .popup.white.store-edit > section, section.popup.store-edit.dict-editor > section {
    overflow-y: scroll; }
  .popup.white.store-edit form .form-type-checkbox, section.popup.store-edit.dict-editor form .form-type-checkbox {
    padding-left: 6px; }
  .popup.white.store-edit form .form-type-button button, section.popup.store-edit.dict-editor form .form-type-button button {
    background-color: transparent;
    border: none; }
    .popup.white.store-edit form .form-type-button button:hover, section.popup.store-edit.dict-editor form .form-type-button button:hover {
      background-color: #EBF0FF; }
  .popup.white.store-edit form li.textarea, section.popup.store-edit.dict-editor form li.textarea {
    height: 96px;
    display: flex;
    align-items: center; }
    .popup.white.store-edit form li.textarea div.form-type-textarea, section.popup.store-edit.dict-editor form li.textarea div.form-type-textarea {
      align-items: center;
      display: flex;
      width: 300px; }
  .popup.white.store-edit form li > dl > dd, section.popup.store-edit.dict-editor form li > dl > dd {
    width: auto;
    padding-right: 0px; }
  .popup.white.store-edit form li[name=uri] div.loading, section.popup.store-edit.dict-editor form li[name=uri] div.loading {
    width: 100px;
    display: none; }
    .popup.white.store-edit form li[name=uri] div.loading b.fa-spinner, section.popup.store-edit.dict-editor form li[name=uri] div.loading b.fa-spinner {
      position: absolute;
      left: 0;
      top: 8px;
      padding: 0 !important;
      padding-left: 0 !important;
      margin: 0 !important;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      display: block;
      min-height: 20px;
      min-width: 20px;
      text-align: center; }
    .popup.white.store-edit form li[name=uri] div.loading b.fa-spinner:before, section.popup.store-edit.dict-editor form li[name=uri] div.loading b.fa-spinner:before {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 1.2rem; }
    .popup.white.store-edit form li[name=uri] div.loading:after, section.popup.store-edit.dict-editor form li[name=uri] div.loading:after {
      position: absolute;
      right: 0;
      top: 0px;
      line-height: 34px;
      font-size: 0.9rem;
      content: 'Loading ･･･'; }
    .popup.white.store-edit form li[name=uri] div.loading.on, section.popup.store-edit.dict-editor form li[name=uri] div.loading.on {
      display: block;
      background: transparent !important;
      background-color: transparent !important; }
    .popup.white.store-edit form li[name=uri] div.loading.on b, section.popup.store-edit.dict-editor form li[name=uri] div.loading.on b {
      background: transparent !important;
      background-color: transparent !important;
      color: #666; }
  .popup.white.store-edit form .bold div, section.popup.store-edit.dict-editor form .bold div {
    font-weight: bold; }
  .popup.white.store-edit form .ui-dropdown, section.popup.store-edit.dict-editor form .ui-dropdown {
    width: auto; }
    .popup.white.store-edit form .ui-dropdownlabel, section.popup.store-edit.dict-editor form .ui-dropdownlabel {
      width: 60px; }
  .popup.white.store-edit form dd[type=select], section.popup.store-edit.dict-editor form dd[type=select] {
    margin: auto; }
  .popup.white.store-edit form dd[type=html] .form-type-html, section.popup.store-edit.dict-editor form dd[type=html] .form-type-html,
  .popup.white.store-edit form li[type=html] .form-type-html,
  section.popup.store-edit.dict-editor form li[type=html] .form-type-html {
    display: none; }
  .popup.white.store-edit form input.form-item[type=number], section.popup.store-edit.dict-editor form input.form-item[type=number] {
    width: 60px; }
  .popup.white.store-edit form dd, section.popup.store-edit.dict-editor form dd {
    height: 40px;
    line-height: 40px;
    align-items: center;
    display: flex;
    flex-direction: row; }
  .popup.white.store-edit form dd h4, section.popup.store-edit.dict-editor form dd h4 {
    height: 32px;
    line-height: 32px; }
  .popup.white.store-edit form li.qr-code, section.popup.store-edit.dict-editor form li.qr-code {
    height: 120px; }
    .popup.white.store-edit form li.qr-code div.qr-code, section.popup.store-edit.dict-editor form li.qr-code div.qr-code {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .popup.white.store-edit form li.qr-code div.qr-code button, section.popup.store-edit.dict-editor form li.qr-code div.qr-code button {
        margin: 0px; }
    .popup.white.store-edit form li.qr-code dd, section.popup.store-edit.dict-editor form li.qr-code dd {
      height: 120px; }
  .popup.white.store-edit .form-timesheet footer, section.popup.store-edit.dict-editor .form-timesheet footer {
    background-color: transparent; }
  .popup.white.store-edit .form-item-public_holidays_f label.icon.clock, section.popup.store-edit.dict-editor .form-item-public_holidays_f label.icon.clock, .popup.white.store-edit .form-item-public_holidays_f label.clock.form-item-autocomplete.loading-autocomplete:before, section.popup.store-edit.dict-editor .form-item-public_holidays_f label.clock.form-item-autocomplete.loading-autocomplete:before, .popup.white.store-edit .form-item-public_holidays_f .ui-indicator label.clock#indicator:before, .ui-indicator .popup.white.store-edit .form-item-public_holidays_f label.clock#indicator:before, section.popup.store-edit.dict-editor .form-item-public_holidays_f .ui-indicator label.clock#indicator:before, .ui-indicator section.popup.store-edit.dict-editor .form-item-public_holidays_f label.clock#indicator:before, .popup.white.store-edit .form-item-public_holidays_f .bot-editor ul.nodes > li > div label.clock.new, .bot-editor ul.nodes > li > div .popup.white.store-edit .form-item-public_holidays_f label.clock.new, section.popup.store-edit.dict-editor .form-item-public_holidays_f .bot-editor ul.nodes > li > div label.clock.new, .bot-editor ul.nodes > li > div section.popup.store-edit.dict-editor .form-item-public_holidays_f label.clock.new {
    text-indent: 16px;
    text-decoration: underline; }
  .popup.white.store-edit .form-item-setback, section.popup.store-edit.dict-editor .form-item-setback {
    min-width: min-content;
    width: min-content !important; }
    .popup.white.store-edit .form-item-setback .ui-dropdown, section.popup.store-edit.dict-editor .form-item-setback .ui-dropdown {
      white-space: nowrap;
      width: min-content !important; }
  .popup.white.store-edit .form-item-setback:after, section.popup.store-edit.dict-editor .form-item-setback:after {
    content: '~';
    padding-left: 12px;
    padding-right: 12px; }
  .popup.white.store-edit .form-item-period, section.popup.store-edit.dict-editor .form-item-period {
    min-width: min-content;
    width: min-content !important; }
    .popup.white.store-edit .form-item-period .ui-dropdown, section.popup.store-edit.dict-editor .form-item-period .ui-dropdown {
      white-space: nowrap;
      width: min-content !important; }
  .popup.white.store-edit .form-item-ac_unit1, section.popup.store-edit.dict-editor .form-item-ac_unit1, .popup.white.store-edit .form-item-ac_unit2, section.popup.store-edit.dict-editor .form-item-ac_unit2 {
    flex-direction: row-reverse; }
    .popup.white.store-edit .form-item-ac_unit1 > h4, section.popup.store-edit.dict-editor .form-item-ac_unit1 > h4, .popup.white.store-edit .form-item-ac_unit2 > h4, section.popup.store-edit.dict-editor .form-item-ac_unit2 > h4 {
      padding: 0 4px; }
  .popup.white.store-edit .form-item-ac_unit1 > h4:after, section.popup.store-edit.dict-editor .form-item-ac_unit1 > h4:after {
    content: '~';
    padding-left: 12px;
    padding-right: 12px; }
  .popup.white.store-edit .form-item-capacity.user_limit, section.popup.store-edit.dict-editor .form-item-capacity.user_limit {
    height: 130px; }
  .popup.white.store-edit textarea[name='capacity.user_limit'], section.popup.store-edit.dict-editor textarea[name='capacity.user_limit'] {
    height: 130px; }
  .popup.white.store-edit footer div:first-child, section.popup.store-edit.dict-editor footer div:first-child {
    flex: 1; }
    .popup.white.store-edit footer div:first-child label.clock, section.popup.store-edit.dict-editor footer div:first-child label.clock {
      cursor: pointer; }
  .popup.white.store-edit .preview form, section.popup.store-edit.dict-editor .preview form {
    height: 70%;
    overflow-y: auto; }
  .popup.white.store-edit .preview .spares-preview, section.popup.store-edit.dict-editor .preview .spares-preview {
    border-top: 1px dotted #D0C9C3;
    height: 30%;
    overflow: auto; }
    .popup.white.store-edit .preview .spares-preview td, section.popup.store-edit.dict-editor .preview .spares-preview td, .popup.white.store-edit .preview .spares-preview th, section.popup.store-edit.dict-editor .preview .spares-preview th {
      border-right: 1px solid #D0C9C3;
      text-align: center; }
    .popup.white.store-edit .preview .spares-preview .empty, section.popup.store-edit.dict-editor .preview .spares-preview .empty {
      background-color: #999;
      content: '-'; }

form.store-capacity-form li {
  width: 100%;
  display: flex;
  flex-direction: row; }
  form.store-capacity-form li h4 {
    width: 80px;
    height: auto;
    line-height: 28px; }
  form.store-capacity-form li div {
    flex: 1;
    overflow-x: auto; }
  form.store-capacity-form li dd {
    width: 44px;
    margin-left: 4px;
    margin-right: 4px;
    text-align: right; }
    form.store-capacity-form li dd span {
      text-align: right;
      padding-right: 6px; }
  form.store-capacity-form li input[type=number] {
    padding: 2px;
    text-align: right;
    overflow: hidden; }

form.store-capacity-form footer {
  border-top: 1px solid #D0C9C3; }
  form.store-capacity-form footer button {
    text-indent: 30px;
    height: 32px;
    line-height: 32px;
    padding-right: 8px; }
  form.store-capacity-form footer button:before {
    height: 32px;
    line-height: 32px; }

form.custom-capacity-form li div {
  flex-direction: row; }
  form.custom-capacity-form li div * {
    color: #666; }
  form.custom-capacity-form li div span {
    color: white; }
  form.custom-capacity-form li div .custom-caps {
    width: 60px; }
  form.custom-capacity-form li div.ui-dropdown {
    width: 94px; }
  form.custom-capacity-form li div.form-item-datetime, form.custom-capacity-form li div.form-type-time {
    width: 288px;
    padding-left: 8px; }
  form.custom-capacity-form li div.btns {
    width: 40px;
    padding-left: 8px; }
    form.custom-capacity-form li div.btns * {
      color: white; }
    form.custom-capacity-form li div.btns i:before {
      height: 32px;
      line-height: 32px; }

.store_edit_view main {
  background-color: #F8F6F5; }

.store_edit_view form {
  max-width: 600px;
  margin: auto;
  background-color: #FFFFFF;
  padding: 12px 24px;
  margin: 16px auto;
  border-radius: 4px; }
  .store_edit_view form h2 {
    padding-bottom: 16px;
    border-bottom: 1px dashed #D0C9C3;
    width: 100%; }
  .store_edit_view form li[class*='form-item-'] {
    flex-direction: column; }
  .store_edit_view form li.form-item-multiple > dl {
    padding-right: 24px; }
  .store_edit_view form dd[class*='form-item-'] {
    flex-direction: column !important; }
    .store_edit_view form dd[class*='form-item-'] h4 {
      height: 24px !important;
      line-height: 24px !important;
      flex: 1; }

.facility_list_view {
  display: flex; }
  .facility_list_view .csv-form {
    display: none; }

.popup.white.facility-edit, section.popup.facility-edit.dict-editor {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  max-height: calc(100vh - 40px); }
  .popup.white.facility-edit > section, section.popup.facility-edit.dict-editor > section {
    overflow-y: scroll; }
  .popup.white.facility-edit form .form-type-checkbox, section.popup.facility-edit.dict-editor form .form-type-checkbox {
    padding-left: 6px; }
  .popup.white.facility-edit form .form-type-button button, section.popup.facility-edit.dict-editor form .form-type-button button {
    background-color: transparent;
    border: none; }
    .popup.white.facility-edit form .form-type-button button:hover, section.popup.facility-edit.dict-editor form .form-type-button button:hover {
      background-color: #EBF0FF; }
  .popup.white.facility-edit form li > dl > dd, section.popup.facility-edit.dict-editor form li > dl > dd {
    width: auto;
    padding-right: 0px; }
  .popup.white.facility-edit form li[name=title], section.popup.facility-edit.dict-editor form li[name=title] {
    border-top: none; }
  .popup.white.facility-edit .form-timesheet footer, section.popup.facility-edit.dict-editor .form-timesheet footer {
    background-color: transparent; }
  .popup.white.facility-edit footer div:first-child, section.popup.facility-edit.dict-editor footer div:first-child {
    flex: 1; }
    .popup.white.facility-edit footer div:first-child label.clock, section.popup.facility-edit.dict-editor footer div:first-child label.clock {
      cursor: pointer; }

form.facility-capacity-form li {
  width: 100%;
  display: flex;
  flex-direction: row; }
  form.facility-capacity-form li h4 {
    width: 80px;
    height: auto;
    line-height: 28px; }
  form.facility-capacity-form li div {
    flex: 1;
    overflow-x: auto; }
  form.facility-capacity-form li dd {
    width: 44px;
    margin-left: 4px;
    margin-right: 4px;
    text-align: right; }
    form.facility-capacity-form li dd span {
      text-align: right;
      padding-right: 6px; }
  form.facility-capacity-form li input[type=number] {
    padding: 2px;
    text-align: right;
    overflow: hidden; }

form.facility-capacity-form footer {
  border-top: 1px solid #D0C9C3; }
  form.facility-capacity-form footer button {
    text-indent: 30px;
    height: 32px;
    line-height: 32px;
    padding-right: 8px; }
  form.facility-capacity-form footer button:before {
    height: 32px;
    line-height: 32px; }

.catalog_list_view .csv-form {
  display: none; }

.catalog_list_view .list-item-image {
  background-size: cover;
  background-color: #F8F6F5;
  width: 80px;
  max-width: 80px;
  background-position: center center; }

.catalog_list_view .list-item-title {
  padding-left: 12px; }

.catalog_list_view .list-item-desc {
  text-overflow: ellipsis;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 16px; }

.catalog_list_view .list-item-linkto a:after {
  content: "";
  color: #5F5BFF;
  font-size: 16px;
  position: absolute;
  left: 122px;
  top: 12px; }

.catalog_list_view .list-item-linkto a {
  max-width: 140px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 16px; }

.popup.white.catalog-edit, section.popup.catalog-edit.dict-editor {
  width: 720px;
  height: 90vh;
  min-height: 480px; }
  .popup.white.catalog-edit > section, section.popup.catalog-edit.dict-editor > section {
    height: calc(100% - 108px);
    overflow-y: auto; }
  .popup.white.catalog-edit li[name=linkto] div.loading, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading {
    width: 100px;
    display: none; }
    .popup.white.catalog-edit li[name=linkto] div.loading b.fa-spinner, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading b.fa-spinner {
      position: absolute;
      left: 0;
      top: 8px;
      padding: 0 !important;
      padding-left: 0 !important;
      margin: 0 !important;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      display: block;
      min-height: 20px;
      min-width: 20px;
      text-align: center; }
    .popup.white.catalog-edit li[name=linkto] div.loading b.fa-spinner:before, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading b.fa-spinner:before {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 1.2rem; }
    .popup.white.catalog-edit li[name=linkto] div.loading:after, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading:after {
      position: absolute;
      right: 0;
      top: 0px;
      line-height: 34px;
      font-size: 0.9rem;
      content: 'Loading ･･･'; }
    .popup.white.catalog-edit li[name=linkto] div.loading.on, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading.on {
      display: block;
      background: transparent !important;
      background-color: transparent !important; }
    .popup.white.catalog-edit li[name=linkto] div.loading.on b, section.popup.catalog-edit.dict-editor li[name=linkto] div.loading.on b {
      background: transparent !important;
      background-color: transparent !important;
      color: #666; }
  .popup.white.catalog-edit li label.ec-category, section.popup.catalog-edit.dict-editor li label.ec-category {
    background-position: 0 50%;
    background-size: auto 20px;
    padding-left: 4px;
    position: relative; }

.rms_list_view main.p2-layout {
  height: 100%;
  padding-bottom: 0; }

.rms_list_view main.user-editing .search-bar {
  padding-right: 0; }
  .rms_list_view main.user-editing .search-bar .ui-tab-menu, .rms_list_view main.user-editing .search-bar button {
    display: none; }
  .rms_list_view main.user-editing .search-bar input[type=text] {
    width: 220px; }

.rms_list_view main.user-editing .buttons {
  display: none; }

.rms_list_view main.user-editing .ext-col {
  display: none; }

.rms_list_view span.tag, .rms_list_view .form-item-autocomplete.multi span, .form-item-autocomplete.multi .rms_list_view span {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding-right: 6px;
  background-color: #ccc; }
  .rms_list_view span.tag.on, .rms_list_view .form-item-autocomplete.multi span.on, .form-item-autocomplete.multi .rms_list_view span.on {
    background-color: #DB234B; }

.rms_list_view section.left-pane {
  display: flex;
  flex-direction: column;
  width: 252px !important;
  min-width: 252px; }
  .rms_list_view section.left-pane > label {
    height: 48px;
    line-height: 48px;
    cursor: pointer; }

.rms_list_view .rms-calendar {
  height: auto; }
  .rms_list_view .rms-calendar table {
    width: 240px; }
    .rms_list_view .rms-calendar table u {
      height: 40px;
      line-height: 40px; }
  .rms_list_view .rms-calendar th {
    color: #222; }
  .rms_list_view .rms-calendar th:nth-child(7) {
    color: #839BFB; }
  .rms_list_view .rms-calendar th:nth-child(8) {
    color: #DB234B; }
  .rms_list_view .rms-calendar th:first-child {
    width: 10px; }
  .rms_list_view .rms-calendar th:last-child {
    width: 10px; }
  .rms_list_view .rms-calendar td {
    cursor: pointer;
    color: #222;
    font-size: 12px; }
  .rms_list_view .rms-calendar.selected td.on {
    background-color: #999;
    color: white; }

.rms_list_view .rms-names {
  margin: 20px 0px 0px 0px;
  display: flex;
  flex-direction: column; }
  .rms_list_view .rms-names h3 {
    text-align: center; }
  .rms_list_view .rms-names ul {
    overflow-x: hidden;
    overflow-y: scroll; }
    .rms_list_view .rms-names ul li {
      padding: 0px 16px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .rms_list_view .rms-names ul li .on {
        background-color: #ccc; }

.rms_list_view .rms-list {
  overflow-y: scroll; }
  .rms_list_view .rms-list .list-view .list-item-rname {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; }

.rms_list_v2_view {
  --clrText: #6d7181;
  --clrBText: #4a4f62;
  --clrBorder: #e6e8ee;
  --clrTheme1: #5f5bff;
  --clrTheme2: #db234b;
  --clrLight: #ebf0ff;
  --clrGrey: #AAB2BD;
  --bigText: 1.25rem;
  --biggerText: 3.125rem; }
  .rms_list_v2_view .left-pane .search {
    margin-bottom: .625rem; }
  .rms_list_v2_view .center-pane a {
    text-decoration: none; }
  .rms_list_v2_view .center-pane .input-wrapper {
    border: 1px solid var(--clrBorder);
    border-radius: 0.25rem;
    overflow: hidden; }
  .rms_list_v2_view .center-pane *::before {
    font-size: 1em; }
  .rms_list_v2_view .center-pane .icon, .rms_list_v2_view .center-pane .form-item-autocomplete.loading-autocomplete:before, .rms_list_v2_view .center-pane table.list-view th.on, table.list-view .rms_list_v2_view .center-pane th.on, .rms_list_v2_view .center-pane table.list-view th.sortable, table.list-view .rms_list_v2_view .center-pane th.sortable, .rms_list_v2_view .center-pane .ui-indicator #indicator:before, .ui-indicator .rms_list_v2_view .center-pane #indicator:before, .rms_list_v2_view .center-pane .search-bar div.queries, .search-bar .rms_list_v2_view .center-pane div.queries, .rms_list_v2_view .center-pane .simulator > header dd, .simulator > header .rms_list_v2_view .center-pane dd, .rms_list_v2_view .center-pane .p3-layout .menu-pane li, .p3-layout .menu-pane .rms_list_v2_view .center-pane li, .rms_list_v2_view .center-pane .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .rms_list_v2_view .center-pane b:before, .rms_list_v2_view .center-pane .bot-editor section.actions li h5, .bot-editor section.actions li .rms_list_v2_view .center-pane h5, .rms_list_v2_view .center-pane .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane span.new, .rms_list_v2_view .center-pane .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane label.new, .rms_list_v2_view .center-pane .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .rms_list_v2_view .center-pane div.schedule, .rms_list_v2_view .center-pane .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .rms_list_v2_view .center-pane li.item.new, .rms_list_v2_view .center-pane .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .rms_list_v2_view .center-pane u, .rms_list_v2_view .center-pane section.user-editor section.info header, section.user-editor section.info .rms_list_v2_view .center-pane header, .rms_list_v2_view .center-pane section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .rms_list_v2_view .center-pane b:before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: max-content; }
    .rms_list_v2_view .center-pane .icon::before, .rms_list_v2_view .center-pane table.list-view th.on::before, table.list-view .rms_list_v2_view .center-pane th.on::before, .rms_list_v2_view .center-pane table.list-view th.sortable::before, table.list-view .rms_list_v2_view .center-pane th.sortable::before, .rms_list_v2_view .center-pane .search-bar div.queries::before, .search-bar .rms_list_v2_view .center-pane div.queries::before, .rms_list_v2_view .center-pane .simulator > header dd::before, .simulator > header .rms_list_v2_view .center-pane dd::before, .rms_list_v2_view .center-pane .p3-layout .menu-pane li::before, .p3-layout .menu-pane .rms_list_v2_view .center-pane li::before, .rms_list_v2_view .center-pane .bot-editor section.actions li h5::before, .bot-editor section.actions li .rms_list_v2_view .center-pane h5::before, .rms_list_v2_view .center-pane .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane span.new::before, .rms_list_v2_view .center-pane .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane label.new::before, .rms_list_v2_view .center-pane .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .rms_list_v2_view .center-pane div.schedule::before, .rms_list_v2_view .center-pane .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .rms_list_v2_view .center-pane li.item.new::before, .rms_list_v2_view .center-pane .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .rms_list_v2_view .center-pane u::before, .rms_list_v2_view .center-pane section.user-editor section.info header::before, section.user-editor section.info .rms_list_v2_view .center-pane header::before {
      position: initial;
      font-size: 1em; }
  .rms_list_v2_view .center-pane input {
    border: none;
    width: 100%;
    height: 100%;
    background-color: transparent; }
    .rms_list_v2_view .center-pane input:focus {
      outline: none;
      border: none;
      background-color: transparent; }
  .rms_list_v2_view .center-pane .inventory {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: max-content;
    padding: 1.875rem 2.5rem;
    border-bottom: 1px dashed var(--clrBorder); }
    .rms_list_v2_view .center-pane .inventory .remain {
      display: flex;
      align-items: center;
      background-color: var(--clrLight);
      color: var(--clrTheme1);
      padding: 0 1.25rem;
      font-size: var(--bigText);
      border-radius: 0.25rem; }
      .rms_list_v2_view .center-pane .inventory .remain::before {
        content: "残数";
        display: inline-block;
        position: initial;
        margin-right: 6.875rem; }
      .rms_list_v2_view .center-pane .inventory .remain .icon::before, .rms_list_v2_view .center-pane .inventory .remain table.list-view th.on::before, table.list-view .rms_list_v2_view .center-pane .inventory .remain th.on::before, .rms_list_v2_view .center-pane .inventory .remain table.list-view th.sortable::before, table.list-view .rms_list_v2_view .center-pane .inventory .remain th.sortable::before, .rms_list_v2_view .center-pane .inventory .remain .search-bar div.queries::before, .search-bar .rms_list_v2_view .center-pane .inventory .remain div.queries::before, .rms_list_v2_view .center-pane .inventory .remain .simulator > header dd::before, .simulator > header .rms_list_v2_view .center-pane .inventory .remain dd::before, .rms_list_v2_view .center-pane .inventory .remain .p3-layout .menu-pane li::before, .p3-layout .menu-pane .rms_list_v2_view .center-pane .inventory .remain li::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor section.actions li h5::before, .bot-editor section.actions li .rms_list_v2_view .center-pane .inventory .remain h5::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane .inventory .remain span.new::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .rms_list_v2_view .center-pane .inventory .remain label.new::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .rms_list_v2_view .center-pane .inventory .remain div.schedule::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .rms_list_v2_view .center-pane .inventory .remain li.item.new::before, .rms_list_v2_view .center-pane .inventory .remain .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .rms_list_v2_view .center-pane .inventory .remain u::before, .rms_list_v2_view .center-pane .inventory .remain section.user-editor section.info header::before, section.user-editor section.info .rms_list_v2_view .center-pane .inventory .remain header::before {
        color: var(--clrTheme1); }
      .rms_list_v2_view .center-pane .inventory .remain .input-wrap {
        position: relative; }
        .rms_list_v2_view .center-pane .inventory .remain .input-wrap .input-sizer {
          font-size: var(--biggerText);
          color: var(--clrTheme1);
          width: 100%;
          height: 100%;
          padding: 0 0.625rem; }
        .rms_list_v2_view .center-pane .inventory .remain .input-wrap input {
          position: absolute;
          left: 0;
          background-color: transparent;
          color: transparent;
          caret-color: var(--clrTheme1);
          font-size: var(--biggerText);
          padding: 0 0.625rem; }
          .rms_list_v2_view .center-pane .inventory .remain .input-wrap input::-webkit-outer-spin-button, .rms_list_v2_view .center-pane .inventory .remain .input-wrap input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0; }
          .rms_list_v2_view .center-pane .inventory .remain .input-wrap input[type="number"] {
            -moz-appearance: textfield; }
    .rms_list_v2_view .center-pane .inventory .inventory-btns {
      display: none; }
      .rms_list_v2_view .center-pane .inventory .inventory-btns.show {
        margin-left: auto;
        display: flex;
        align-items: center; }
      .rms_list_v2_view .center-pane .inventory .inventory-btns .inv-btn {
        color: var(--clr);
        border: 1px solid currentColor;
        border-radius: 0.6rem;
        font-size: var(--bigText);
        padding: .9375rem 1.25rem; }
        .rms_list_v2_view .center-pane .inventory .inventory-btns .inv-btn::before {
          margin-right: 0.625rem;
          font-size: 1.2em; }
        .rms_list_v2_view .center-pane .inventory .inventory-btns .inv-btn + .inv-btn {
          margin-left: 1.25rem; }
      .rms_list_v2_view .center-pane .inventory .inventory-btns .change {
        --clr: var(--clrTheme1); }
      .rms_list_v2_view .center-pane .inventory .inventory-btns .revert {
        --clr: var(--clrTheme2); }
  .rms_list_v2_view .center-pane .conditions {
    display: flex;
    align-items: center;
    padding: 1.875rem 2.5rem; }
    .rms_list_v2_view .center-pane .conditions .search {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      position: relative;
      padding: 0 0.625rem;
      width: 25rem; }
      .rms_list_v2_view .center-pane .conditions .search input {
        flex: 1;
        padding: 0; }
      .rms_list_v2_view .center-pane .conditions .search::before {
        order: 1;
        width: max-content;
        max-width: 1.875rem;
        height: min-content; }
    .rms_list_v2_view .center-pane .conditions .time-range {
      margin-left: auto;
      display: flex;
      align-items: center; }
      .rms_list_v2_view .center-pane .conditions .time-range span {
        margin: 0 0.25rem;
        font-size: var(--bigText); }
    .rms_list_v2_view .center-pane .conditions .add {
      height: 2.7rem;
      width: 2.7rem;
      border: 1px solid var(--clrBorder);
      border-radius: .25rem;
      margin-left: 0.625rem;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .rms_list_v2_view .center-pane .conditions .add::before {
        color: var(--clrTheme1);
        height: min-content;
        font-size: 1.2em; }
  .rms_list_v2_view .center-pane .rms-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 100%;
    margin: 0 2.5rem;
    margin-bottom: 1.25rem;
    margin-top: 0.625rem;
    --cell0: 1fr;
    --cell1: 1fr;
    --cell2: 1fr;
    --cell3: 1fr; }
    .rms_list_v2_view .center-pane .rms-list .head {
      display: grid;
      grid-template-columns: var(--cell0) var(--cell1) var(--cell2) var(--cell3) 1.875rem;
      grid-gap: .625rem;
      margin-bottom: 1.875rem;
      padding: 0 1.25rem; }
      .rms_list_v2_view .center-pane .rms-list .head span {
        text-align: left;
        font-size: 1.2em;
        font-weight: 400;
        color: var(--clrBText);
        display: flex;
        align-items: center; }
        .rms_list_v2_view .center-pane .rms-list .head span.sortable {
          cursor: pointer; }
          .rms_list_v2_view .center-pane .rms-list .head span.sortable::after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.625rem 0.4rem 0 0.4rem;
            border-color: var(--clrText) transparent transparent transparent;
            margin-left: 1.25rem;
            opacity: 0;
            transition: .2s; }
          .rms_list_v2_view .center-pane .rms-list .head span.sortable.asc::after {
            border-width: 0 0.4rem 0.625rem 0.4rem;
            border-color: transparent transparent var(--clrText) transparent; }
          .rms_list_v2_view .center-pane .rms-list .head span.sortable:hover::after {
            opacity: 1; }
    .rms_list_v2_view .center-pane .rms-list .body {
      overflow-y: auto; }
      .rms_list_v2_view .center-pane .rms-list .body .row {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(4, 1fr) 1.875rem;
        grid-auto-rows: max-content;
        grid-gap: .625rem;
        border-bottom: 1px solid var(--clrBorder);
        padding: 1.25rem; }
        .rms_list_v2_view .center-pane .rms-list .body .row span {
          text-align: left;
          color: var(--clrText);
          display: flex;
          align-items: center;
          overflow-y: auto; }
        .rms_list_v2_view .center-pane .rms-list .body .row dl {
          display: flex;
          justify-content: flex-start;
          flex-wrap: nowrap; }
          .rms_list_v2_view .center-pane .rms-list .body .row dl dd {
            height: unset;
            margin: 0;
            padding: 0.3125rem 0.625rem;
            white-space: nowrap;
            background-color: var(--clrGrey);
            border-radius: 0.25rem;
            color: #fff;
            font-weight: bold; }
            .rms_list_v2_view .center-pane .rms-list .body .row dl dd.on {
              background-color: var(--clrTheme1); }
            .rms_list_v2_view .center-pane .rms-list .body .row dl dd + dd {
              margin-left: 0.625rem; }
        .rms_list_v2_view .center-pane .rms-list .body .row .details {
          align-self: center;
          justify-self: center;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          height: 1.6rem;
          width: 1.6rem;
          padding: 0.3125rem;
          color: var(--clrGrey);
          border: 1px solid var(--clrGrey);
          border-radius: 100%; }
          .rms_list_v2_view .center-pane .rms-list .body .row .details::before {
            height: min-content; }
  .rms_list_v2_view .center-pane .rms-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.25rem 2.5rem;
    padding-top: 0; }
    .rms_list_v2_view .center-pane .rms-footer .email-template {
      margin-right: 0.625rem; }
    .rms_list_v2_view .center-pane .rms-footer .csv-download, .rms_list_v2_view .center-pane .rms-footer .email-template {
      padding: 0.625rem 1.25rem;
      border-radius: 0.25rem;
      border: 1px solid var(--clrBorder);
      position: relative; }
      .rms_list_v2_view .center-pane .rms-footer .csv-download .csv-options, .rms_list_v2_view .center-pane .rms-footer .email-template .csv-options {
        position: absolute;
        width: 100%;
        height: max-content;
        bottom: 100%;
        left: 0;
        z-index: 100;
        box-shadow: 0 3px 18.75rem rgba(74, 79, 98, 0.1);
        width: 100%;
        transform: translateX(-1px);
        transition: .2s;
        max-height: 0;
        overflow-y: hidden;
        box-sizing: content-box;
        border: 1px solid transparent; }
        .rms_list_v2_view .center-pane .rms-footer .csv-download .csv-options.open, .rms_list_v2_view .center-pane .rms-footer .email-template .csv-options.open {
          max-height: 10rem;
          border-color: var(--clrBorder); }
        .rms_list_v2_view .center-pane .rms-footer .csv-download .csv-options dl, .rms_list_v2_view .center-pane .rms-footer .email-template .csv-options dl {
          display: flex;
          flex-direction: column;
          padding: 0;
          background-color: #fff; }
          .rms_list_v2_view .center-pane .rms-footer .csv-download .csv-options dl dd, .rms_list_v2_view .center-pane .rms-footer .email-template .csv-options dl dd {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: unset;
            width: unset;
            max-height: unset;
            height: unset;
            margin: 0;
            background-color: unset;
            border-radius: unset;
            padding: .5rem;
            color: var(--clrText);
            opacity: 1; }
            .rms_list_v2_view .center-pane .rms-footer .csv-download .csv-options dl dd + dd, .rms_list_v2_view .center-pane .rms-footer .email-template .csv-options dl dd + dd {
              border-top: 1px solid var(--clrBorder); }
  .rms_list_v2_view .reg-form {
    position: absolute;
    top: var(--dy);
    left: var(--ax);
    transform: translateX(calc(-100% - 1rem));
    background-color: #fff;
    border: 1px solid var(--clrBorder);
    border-radius: .25rem;
    border-top-left-radius: 0;
    box-shadow: 0 3px 18.75rem rgba(74, 79, 98, 0.1);
    z-index: 1000; }
    .rms_list_v2_view .reg-form::before, .rms_list_v2_view .reg-form::after {
      content: '';
      display: block;
      border-style: solid;
      position: absolute;
      top: calc(var(--ay) - var(--dy));
      bottom: unset;
      left: unset;
      right: 0; }
    .rms_list_v2_view .reg-form::before {
      border-width: 1rem 0 1rem 1rem;
      border-color: transparent transparent transparent #fff;
      transform: translate(100%, -50%); }
    .rms_list_v2_view .reg-form::after {
      border-width: calc(1rem + 1px) 0 calc(1rem + 1px) calc(1rem + 1px);
      border-color: transparent transparent transparent var(--clrBorder);
      z-index: -1;
      transform: translate(100%, -50%); }
    .rms_list_v2_view .reg-form > div {
      padding: 2rem; }
    .rms_list_v2_view .reg-form .reg-header {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      border-bottom: 1px solid var(--clrBorder); }
      .rms_list_v2_view .reg-form .reg-header .close {
        display: block;
        background: url(/images/ico_close_popup.svg) center/contain no-repeat;
        width: 1rem;
        height: 1rem;
        right: 1rem;
        min-width: unset;
        min-height: unset;
        position: absolute; }
    .rms_list_v2_view .reg-form .reg-footer {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      border-top: 1px solid var(--clrBorder); }
      .rms_list_v2_view .reg-form .reg-footer a + a {
        margin-left: 0.625rem; }
    .rms_list_v2_view .reg-form .form-type-radio, .rms_list_v2_view .reg-form .form-type-checkbox {
      flex-direction: row; }
  @media only screen and (max-width: 1100px) {
    .rms_list_v2_view .center-pane .rms-list .head span {
      font-size: .9em; }
    .rms_list_v2_view .center-pane .rms-list .body span, .rms_list_v2_view .center-pane .rms-list .body dl dd {
      font-size: .8em; } }

.popup .email-setting {
  padding: 1.25rem; }
  .popup .email-setting .nav {
    display: flex;
    border-bottom: 1px solid rgba(208, 201, 195, 0.2); }
    .popup .email-setting .nav .nav-tab {
      flex: 1;
      text-decoration: none;
      padding: 1rem;
      opacity: .6; }
      .popup .email-setting .nav .nav-tab.on {
        border-bottom: 2px solid var(--ln);
        font-weight: bold;
        opacity: 1; }

.popup .email-footer {
  border-color: #D0C9C3; }

.rms_view *:before {
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

.rms_view > main > .left-pane > section {
  flex: 1;
  width: 100%;
  min-height: initial; }
  .rms_view > main > .left-pane > section:not(:first-of-type) {
    border-top: solid 1px #D0C9C3;
    padding-top: 12px; }
  .rms_view > main > .left-pane > section.stores {
    overflow-y: auto; }
    .rms_view > main > .left-pane > section.stores li {
      padding: 0px 20px 8px 20px; }
  .rms_view > main > .left-pane > section .search {
    margin: 12px 16px 12px 16px; }
    .rms_view > main > .left-pane > section .search input {
      width: 100%;
      background-color: white; }

.rms_view > main > .center-pane .rms {
  display: flex;
  flex-direction: column; }

.rms_view > main > .center-pane .rms,
.rms_view > main > .center-pane .staffs {
  overflow-y: auto;
  overflow-x: hidden; }
  .rms_view > main > .center-pane .rms .dateline,
  .rms_view > main > .center-pane .staffs .dateline {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #ccc;
    position: sticky;
    top: 0;
    background-color: #FFFFFF;
    z-index: 99;
    padding: 10px; }
    .rms_view > main > .center-pane .rms .dateline .btn_arrow::after,
    .rms_view > main > .center-pane .staffs .dateline .btn_arrow::after {
      content: '';
      display: block;
      width: 30px;
      height: 30px;
      background-image: url(/images/ico_chevron.svg);
      background-repeat: no-repeat;
      background-position: center;
      filter: brightness(5);
      background-color: black;
      border-radius: 100%;
      opacity: 0.3;
      transition: opacity 0.2s; }
    .rms_view > main > .center-pane .rms .dateline .btn_arrow:hover::after,
    .rms_view > main > .center-pane .staffs .dateline .btn_arrow:hover::after {
      opacity: 0.2; }
    .rms_view > main > .center-pane .rms .dateline .btn_arrow.left::after,
    .rms_view > main > .center-pane .staffs .dateline .btn_arrow.left::after {
      transform: rotate(90deg); }
    .rms_view > main > .center-pane .rms .dateline .btn_arrow.right::after,
    .rms_view > main > .center-pane .staffs .dateline .btn_arrow.right::after {
      transform: rotate(-90deg); }
    .rms_view > main > .center-pane .rms .dateline ul,
    .rms_view > main > .center-pane .staffs .dateline ul {
      flex: 1;
      display: flex; }
      .rms_view > main > .center-pane .rms .dateline ul li,
      .rms_view > main > .center-pane .staffs .dateline ul li {
        flex: 1; }
        .rms_view > main > .center-pane .rms .dateline ul li + li,
        .rms_view > main > .center-pane .staffs .dateline ul li + li {
          border-left: solid 1px #ccc; }
        @media only screen and (max-width: 1500px) {
          .rms_view > main > .center-pane .rms .dateline ul li:nth-of-type(5),
          .rms_view > main > .center-pane .staffs .dateline ul li:nth-of-type(5) {
            display: none; } }
        @media only screen and (max-width: 1250px) {
          .rms_view > main > .center-pane .rms .dateline ul li:nth-of-type(4),
          .rms_view > main > .center-pane .staffs .dateline ul li:nth-of-type(4) {
            display: none; } }
        @media only screen and (max-width: 1000px) {
          .rms_view > main > .center-pane .rms .dateline ul li:nth-of-type(3),
          .rms_view > main > .center-pane .staffs .dateline ul li:nth-of-type(3) {
            display: none; } }
        .rms_view > main > .center-pane .rms .dateline ul li h2,
        .rms_view > main > .center-pane .staffs .dateline ul li h2 {
          height: initial;
          line-height: initial;
          font-weight: bold;
          margin-left: 10px;
          margin-bottom: 5px; }
        .rms_view > main > .center-pane .rms .dateline ul li span,
        .rms_view > main > .center-pane .staffs .dateline ul li span {
          display: flex; }
          .rms_view > main > .center-pane .rms .dateline ul li span dl,
          .rms_view > main > .center-pane .staffs .dateline ul li span dl {
            flex: 1;
            display: flex;
            flex-direction: column; }
            .rms_view > main > .center-pane .rms .dateline ul li span dl dt,
            .rms_view > main > .center-pane .staffs .dateline ul li span dl dt {
              text-align: center; }
            .rms_view > main > .center-pane .rms .dateline ul li span dl dd,
            .rms_view > main > .center-pane .staffs .dateline ul li span dl dd {
              padding: 5px;
              margin: 2px 5px;
              text-align: center;
              border-radius: 2px;
              cursor: pointer;
              transition: background-color 0.3s; }
              .rms_view > main > .center-pane .rms .dateline ul li span dl dd:hover,
              .rms_view > main > .center-pane .staffs .dateline ul li span dl dd:hover {
                background-color: #839BFB; }
            .rms_view > main > .center-pane .rms .dateline ul li span dl.now dd,
            .rms_view > main > .center-pane .staffs .dateline ul li span dl.now dd {
              background-color: #5F5BFF;
              color: #FFFFFF; }
  .rms_view > main > .center-pane .rms .timeline,
  .rms_view > main > .center-pane .staffs .timeline {
    z-index: 90;
    padding: 0px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 900px; }
    .rms_view > main > .center-pane .rms .timeline .time-table,
    .rms_view > main > .center-pane .staffs .timeline .time-table {
      flex: 1;
      display: flex; }
      .rms_view > main > .center-pane .rms .timeline .time-table .left-pane li,
      .rms_view > main > .center-pane .staffs .timeline .time-table .left-pane li {
        font-size: 14px; }
    .rms_view > main > .center-pane .rms .timeline header,
    .rms_view > main > .center-pane .staffs .timeline header {
      height: initial;
      line-height: initial;
      padding: 16px 24px; }
      .rms_view > main > .center-pane .rms .timeline header section.search-bar,
      .rms_view > main > .center-pane .staffs .timeline header section.search-bar {
        all: unset; }
        .rms_view > main > .center-pane .rms .timeline header section.search-bar .tabs,
        .rms_view > main > .center-pane .staffs .timeline header section.search-bar .tabs {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: auto;
          min-width: 530px; }
      .rms_view > main > .center-pane .rms .timeline header section.below-header,
      .rms_view > main > .center-pane .staffs .timeline header section.below-header {
        display: flex;
        justify-content: space-between; }
        .rms_view > main > .center-pane .rms .timeline header section.below-header .without-pagination,
        .rms_view > main > .center-pane .staffs .timeline header section.below-header .without-pagination {
          align-self: center; }
      .rms_view > main > .center-pane .rms .timeline header ul,
      .rms_view > main > .center-pane .staffs .timeline header ul {
        display: flex; }
        .rms_view > main > .center-pane .rms .timeline header ul label,
        .rms_view > main > .center-pane .staffs .timeline header ul label {
          display: flex;
          flex-direction: row-reverse;
          margin-right: 8px;
          margin: 4px 6px; }
          .rms_view > main > .center-pane .rms .timeline header ul label::before,
          .rms_view > main > .center-pane .staffs .timeline header ul label::before {
            content: '';
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 2px;
            margin-right: 12px;
            background-color: var(--color);
            top: 4px;
            left: 24px; }
          .rms_view > main > .center-pane .rms .timeline header ul label input[type=checkbox],
          .rms_view > main > .center-pane .staffs .timeline header ul label input[type=checkbox] {
            margin-right: 24px;
            position: relative !important; }
        .rms_view > main > .center-pane .rms .timeline header ul li,
        .rms_view > main > .center-pane .staffs .timeline header ul li {
          display: flex;
          justify-content: center;
          align-items: center; }
          .rms_view > main > .center-pane .rms .timeline header ul li + li,
          .rms_view > main > .center-pane .staffs .timeline header ul li + li {
            margin-left: 10px; }
          .rms_view > main > .center-pane .rms .timeline header ul li::before,
          .rms_view > main > .center-pane .staffs .timeline header ul li::before {
            content: '';
            position: initial;
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 2px;
            margin-right: 12px;
            background-color: var(--color); }
      .rms_view > main > .center-pane .rms .timeline header nav,
      .rms_view > main > .center-pane .staffs .timeline header nav {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0; }
        .rms_view > main > .center-pane .rms .timeline header nav button.icon.plus-square, .rms_view > main > .center-pane .rms .timeline header nav button.plus-square.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline header nav .ui-indicator button.plus-square#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline header nav button.plus-square#indicator:before,
        .rms_view > main > .center-pane .staffs .timeline header nav button.icon.plus-square,
        .rms_view > main > .center-pane .staffs .timeline header nav button.plus-square.form-item-autocomplete.loading-autocomplete:before,
        .rms_view > main > .center-pane .staffs .timeline header nav .ui-indicator button.plus-square#indicator:before,
        .ui-indicator .rms_view > main > .center-pane .staffs .timeline header nav button.plus-square#indicator:before {
          padding-top: 4px;
          padding-bottom: 4px; }
          .rms_view > main > .center-pane .rms .timeline header nav button.icon.plus-square::before,
          .rms_view > main > .center-pane .staffs .timeline header nav button.icon.plus-square::before {
            top: -10px; }
      .rms_view > main > .center-pane .rms .timeline header a,
      .rms_view > main > .center-pane .staffs .timeline header a {
        text-decoration: none; }
        .rms_view > main > .center-pane .rms .timeline header a.on,
        .rms_view > main > .center-pane .staffs .timeline header a.on {
          color: #00D6C9;
          border-color: #00D6C9;
          font-weight: 800;
          border-bottom: 2px solid #00D6C9;
          height: 24px; }
      .rms_view > main > .center-pane .rms .timeline header .sel-option,
      .rms_view > main > .center-pane .staffs .timeline header .sel-option {
        padding-left: 0;
        line-height: initial;
        text-indent: 24px; }
    .rms_view > main > .center-pane .rms .timeline table:not(.list-view),
    .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) {
      table-layout: fixed;
      border-collapse: collapse;
      width: 100%; }
      .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr,
      .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr {
        width: 100%; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > *,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > * {
          height: 32px;
          vertical-align: middle; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > * + *,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > * + * {
            border-left: solid 1px #ccc; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > *.dayoff,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > *.dayoff {
            position: relative; }
            .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > *.dayoff::after,
            .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > *.dayoff::after {
              content: '休み';
              display: flex;
              justify-content: center;
              align-items: center;
              position: absolute;
              top: 5px;
              left: 5px;
              width: calc((var(--slots) * 100%));
              height: calc(100% - 10px);
              background-color: rgba(0, 0, 0, 0.3);
              border-radius: 2px;
              color: #FFFFFF; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > *:nth-of-type(1),
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > *:nth-of-type(1) {
            width: 180px; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tr > * span,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tr > * span {
            display: block; }
      .rms_view > main > .center-pane .rms .timeline table:not(.list-view) thead tr th,
      .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) thead tr th {
        position: relative;
        border: none;
        min-width: 100px; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) thead tr th span,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) thead tr th span {
          display: block;
          transform: translateX(-50%);
          background-color: #FFFFFF; }
      .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr.separate td,
      .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr.separate td {
        border-top: solid 1px #ccc; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr.separate td:nth-of-type(1),
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr.separate td:nth-of-type(1) {
          border-right: solid 1px #ccc;
          padding-top: 6px; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr.separate td[rowspan] span.colors,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr.separate td[rowspan] span.colors {
          display: block;
          height: 12px;
          width: 12px;
          background-color: var(--color);
          margin-right: 6px;
          transform: translateY(3px); }
      .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan],
      .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] {
        vertical-align: top;
        padding: 0 6px; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] span,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] span {
          display: block;
          float: left;
          font-weight: bold;
          text-align: left;
          max-width: 120px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a {
          display: block;
          height: 16px;
          float: right; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a input[type='checkbox']:checked + label,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a input[type='checkbox']:checked + label {
            background-color: #00D6C9; }
            .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a input[type='checkbox']:checked + label::after,
            .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a input[type='checkbox']:checked + label::after {
              transform: translateX(8px); }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a label,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a label {
            background-color: gray;
            display: block;
            width: 24px;
            height: 100%;
            min-height: initial;
            display: flex;
            align-items: center;
            border-radius: 12px;
            transition: background-color 0.3s;
            cursor: pointer; }
            .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a label::after,
            .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a label::after {
              content: '';
              display: block;
              width: 12px;
              height: 12px;
              transition: transform 0.3s;
              background-color: #FFFFFF;
              border-radius: 18px;
              margin-left: 2px; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td[rowspan] a input,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td[rowspan] a input {
            display: none; }
      .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff),
      .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) {
        transition: background-color 0.8s; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff):hover,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff):hover {
          cursor: pointer; }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff):hover span::before,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff):hover span::before {
            width: 100%; }
        .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span,
        .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span {
          --slots: 1;
          --bias: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 5px;
          border-radius: 2px;
          position: relative;
          overflow: hidden;
          background-color: #999;
          width: calc(var(--slots) * 100% - ((6 - var(--slots)) * 2px));
          height: auto;
          max-width: auto;
          transform: translateX(calc(var(--bias) * 100% / var(--slots))); }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span::before,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 10px;
            transition: width 0.2s;
            background-color: var(--color); }
          .rms_view > main > .center-pane .rms .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span::after,
          .rms_view > main > .center-pane .staffs .timeline table:not(.list-view) tbody tr td:not([rowspan]):not(.dayoff) span::after {
            content: attr(data-name);
            color: #FFFFFF;
            z-index: 1;
            margin-left: 5px; }
    .rms_view > main > .center-pane .rms .timeline footer,
    .rms_view > main > .center-pane .staffs .timeline footer {
      background-color: #FFFFFF; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr th i.fa-filter,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr th i.fa-filter {
      background-image: url("/images/filter-solid.svg");
      background-size: 12px 12px;
      transform: translateX(40px) translateY(-33px); }
      .rms_view > main > .center-pane .rms .timeline .list-view tr th i.fa-filter::before,
      .rms_view > main > .center-pane .staffs .timeline .list-view tr th i.fa-filter::before {
        content: ''; }
      .rms_view > main > .center-pane .rms .timeline .list-view tr th i.fa-filter.stat,
      .rms_view > main > .center-pane .staffs .timeline .list-view tr th i.fa-filter.stat {
        transform: translateX(65px) translateY(-33px); }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td.list-item-start,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td.list-item-start {
      padding-left: 20px;
      padding-top: 1px;
      padding-bottom: 1px; }
      .rms_view > main > .center-pane .rms .timeline .list-view tr td.list-item-start::before,
      .rms_view > main > .center-pane .staffs .timeline .list-view tr td.list-item-start::before {
        content: '';
        display: block;
        width: 12px;
        height: 100%;
        border-radius: 2px;
        margin-right: 12px;
        background-color: var(--color); }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td.list-item-priority .hbox,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td.list-item-priority .hbox {
      width: 100px; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td.list-item-stat .hbox,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td.list-item-stat .hbox {
      width: 320px; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td.buttons,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td.buttons {
      flex-direction: row;
      display: flex; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td dl dd.tag, .rms_view > main > .center-pane .rms .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane .rms_view > main > .center-pane .rms .timeline .list-view tr td dl.tags dd,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl dd.tag,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd,
    section.user-editor section.thumb-pane .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl.tags dd {
      padding-right: 8px;
      padding-left: 8px;
      background-color: #D8D8D8;
      color: #666; }
      .rms_view > main > .center-pane .rms .timeline .list-view tr td dl dd.tag:hover, .rms_view > main > .center-pane .rms .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd:hover, section.user-editor section.thumb-pane .rms_view > main > .center-pane .rms .timeline .list-view tr td dl.tags dd:hover,
      .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl dd.tag:hover,
      .rms_view > main > .center-pane .staffs .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd:hover,
      section.user-editor section.thumb-pane .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl.tags dd:hover {
        background-color: #666;
        color: #FFFFFF; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td dl dd.tag.disabled, .rms_view > main > .center-pane .rms .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd.disabled, section.user-editor section.thumb-pane .rms_view > main > .center-pane .rms .timeline .list-view tr td dl.tags dd.disabled,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl dd.tag.disabled,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td section.user-editor section.thumb-pane dl.tags dd.disabled,
    section.user-editor section.thumb-pane .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl.tags dd.disabled {
      cursor: pointer; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td dl dd.on,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl dd.on {
      color: #FFFFFF;
      background-color: #FDC73E; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td dl dd.priority,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl dd.priority {
      background-color: var(--color);
      color: #FFFFFF; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr td dl.disabled,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr td dl.disabled {
      cursor: pointer; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr.slot,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.slot {
      background-color: #FBB036;
      color: #DB234B; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.icon.users, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.users#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.users#indicator:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.icon.user, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.user#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.user#indicator:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.icon.users, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.users#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.users#indicator:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.icon.user, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.user#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.user#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.icon.users,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.users#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.users#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.icon.user,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.user#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.user#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.icon.users,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.users#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.users#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.icon.user,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.user#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.user#indicator:before {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname span, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname span,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname span,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname span {
      padding-left: 24px; }
    .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.icon.users, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.users#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.users#indicator:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.icon.user, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.user#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats td.list-item-uname i.user#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.icon.users,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.users#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.users#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.icon.user,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname .ui-indicator i.user#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats td.list-item-uname i.user#indicator:before {
      color: var(--d3); }
    .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.icon.users, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.users#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.users#indicator:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.icon.user, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.user#indicator:before, .ui-indicator .rms_view > main > .center-pane .rms .timeline .list-view tr.seats_child td.list-item-uname i.user#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.icon.users,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.users.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.users#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.users#indicator:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.icon.user,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.user.form-item-autocomplete.loading-autocomplete:before,
    .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname .ui-indicator i.user#indicator:before,
    .ui-indicator .rms_view > main > .center-pane .staffs .timeline .list-view tr.seats_child td.list-item-uname i.user#indicator:before {
      color: var(--l3); }

.rms_view > main > .center-pane .dialog-reservation {
  position: absolute;
  width: 40rem;
  border-radius: 4px;
  background-color: #FFFFFF;
  z-index: 99;
  border: solid 1px #ccc;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-before_day input, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-before_hour input, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-after_day input, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-after_hour input {
    width: 100px;
    margin-right: 10px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-row-number {
    padding-right: 0px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-before_hour input {
    margin-left: 16px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li .form-item-after_hour input {
    margin-left: 28px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li dd h5 {
    margin-right: 10px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li dd .ext_rms_day_before, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li dd .ext_rms_day_after, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li dd .ext_rms_hour {
    padding-top: 10px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li dd .form-type-number .form-item {
    margin-right: 8px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content form ul li cite {
    right: 32px;
    top: 9px; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .chat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content div.notes {
    overflow: hidden; }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .notes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 100%;
    overflow: auto; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .notes .notes-frame {
      height: 64vh; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .notes .notes-scroll {
      height: calc(100% - 218px); }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    overflow: auto; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section header {
      border-top: solid 1px #ccc;
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section ul {
      padding: 20px; }
      .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section ul li p .btns dd {
        color: #5F5BFF;
        border: 1px solid #5F5BFF;
        border-radius: 4px;
        padding-right: 8px;
        padding-left: 8px;
        margin: 6px;
        margin-left: 0; }
      .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section ul li p .btns .on {
        background-color: #666;
        color: #FFFFFF;
        border-color: #222; }
      .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section ul .no-value {
        display: none; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.icon.history, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.history.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section .ui-indicator i.history#indicator:before, .ui-indicator .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.history#indicator:before {
      position: absolute;
      right: 20px;
      top: 10px; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.icon.pdf, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.pdf.form-item-autocomplete.loading-autocomplete:before, .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section .ui-indicator i.pdf#indicator:before, .ui-indicator .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail section i.pdf#indicator:before {
      position: absolute;
      right: 46px;
      top: 10px; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail .closed ul {
      display: none; }
    .rms_view > main > .center-pane .dialog-reservation .rms-popup-content .detail footer {
      order: 3; }
  .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_day, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_day, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_acts, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_acts, .rms_view > main > .center-pane .dialog-reservation dl .form-item-after_acts, .rms_view > main > .center-pane .dialog-reservation dl .form-item-after_day {
    width: auto; }
    .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_day h4, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_day h4, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_acts h4, .rms_view > main > .center-pane .dialog-reservation dl .form-item-before_acts h4, .rms_view > main > .center-pane .dialog-reservation dl .form-item-after_acts h4, .rms_view > main > .center-pane .dialog-reservation dl .form-item-after_day h4 {
      width: 120px !important; }
  .rms_view > main > .center-pane .dialog-reservation * {
    box-sizing: border-box; }
  .rms_view > main > .center-pane .dialog-reservation::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: inherit;
    position: absolute;
    left: initial;
    top: initial;
    right: initial;
    bottom: initial; }
  .rms_view > main > .center-pane .dialog-reservation.top::before {
    top: 142px; }
  .rms_view > main > .center-pane .dialog-reservation.bottom::before {
    top: 297px; }
  .rms_view > main > .center-pane .dialog-reservation.left::before {
    left: 0px;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top-left-radius: 5px;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc; }
  .rms_view > main > .center-pane .dialog-reservation.right::before {
    right: 0px;
    transform: translate(50%, -50%) rotate(45deg);
    border-top-right-radius: 5px;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc; }
  .rms_view > main > .center-pane .dialog-reservation header {
    height: initial;
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px; }
    .rms_view > main > .center-pane .dialog-reservation header a {
      line-height: initial;
      height: initial; }
      .rms_view > main > .center-pane .dialog-reservation header a.close {
        right: 0;
        position: absolute; }
        .rms_view > main > .center-pane .dialog-reservation header a.close:hover::after {
          background-color: #5F5BFF;
          transform: rotate(90deg); }
        .rms_view > main > .center-pane .dialog-reservation header a.close::after {
          content: '\00d7';
          display: flex;
          justify-content: center;
          align-items: center;
          transition: transform 0.3s, background-color 0.3s;
          width: 20px;
          height: 20px;
          padding: 0;
          margin: 0;
          color: #FFFFFF;
          background-color: #D0C9C3;
          border-radius: 20px;
          font-size: 16px; }
    .rms_view > main > .center-pane .dialog-reservation header a.on {
      pointer-events: none; }
  .rms_view > main > .center-pane .dialog-reservation form {
    padding: 16px; }
    .rms_view > main > .center-pane .dialog-reservation form ul {
      padding: 0; }
      .rms_view > main > .center-pane .dialog-reservation form ul li {
        display: flex;
        flex-direction: row;
        padding: 0;
        align-items: center; }
        .rms_view > main > .center-pane .dialog-reservation form ul li + li {
          margin-top: 12px; }
        .rms_view > main > .center-pane .dialog-reservation form ul li h4 {
          color: #999;
          line-height: initial;
          height: initial;
          margin-bottom: 4px;
          white-space: break-spaces;
          text-transform: unset;
          padding-right: 6px; }
        .rms_view > main > .center-pane .dialog-reservation form ul li input[type='text']:disabled {
          background-color: #F8F6F5;
          border: none; }
        .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio {
          display: flex;
          flex-direction: row; }
          .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio:last-of-type label {
            font-size: 10px; }
          .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio label {
            flex: 1 0 auto;
            margin: 0;
            padding: 0;
            text-align: center !important;
            text-indent: initial;
            border-top: solid 1px #ccc;
            border-left: solid 1px #ccc;
            border-bottom: solid 1px #ccc;
            border-radius: 0; }
            .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio label:first-of-type {
              border-top-left-radius: 4px;
              border-bottom-left-radius: 4px; }
            .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio label:last-of-type {
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;
              border-right: solid 1px #ccc; }
            .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio label.on {
              background-color: #5F5BFF;
              color: #FFFFFF;
              border-color: #5F5BFF;
              animation: none; }
            .rms_view > main > .center-pane .dialog-reservation form ul li .form-type-radio label input[type='radio'] {
              display: none !important; }
  .rms_view > main > .center-pane .dialog-reservation footer {
    height: initial;
    line-height: initial;
    padding: 8px 16px;
    position: sticky;
    justify-content: flex-end;
    width: initial;
    z-index: 999; }

.rms_view .schedules header nav {
  align-items: center;
  justify-content: flex-end; }
  .rms_view .schedules header nav button.icon.plus-square, .rms_view .schedules header nav button.plus-square.form-item-autocomplete.loading-autocomplete:before, .rms_view .schedules header nav .ui-indicator button.plus-square#indicator:before, .ui-indicator .rms_view .schedules header nav button.plus-square#indicator:before {
    padding-top: 4px;
    padding-bottom: 4px; }
    .rms_view .schedules header nav button.icon.plus-square::before {
      top: -2px; }

.rms_view .schedules-table {
  background-color: #FFFFFF; }
  .rms_view .schedules-table-header .schedules-table-cell {
    padding: 25px 0;
    text-align: left; }
    .rms_view .schedules-table-header .schedules-table-cell span {
      padding: 4px;
      background-color: #FFFFFF;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(-50%, -50%); }
  .rms_view .schedules-table-row {
    display: flex; }
    .rms_view .schedules-table-row.off {
      background-color: #ccc; }
  .rms_view .schedules-table-cell {
    margin-top: -1px;
    margin-left: -1px;
    flex: 1;
    border: solid 1px rgba(0, 0, 0, 0.2);
    position: relative; }
    .rms_view .schedules-table-cell_name {
      flex: 2;
      padding: 10px !important;
      text-align: left;
      overflow: hidden; }
    .rms_view .schedules-table-cell-bar {
      --length: 1;
      --bias: 0;
      --padding: 8px;
      transition: all 0.1s ease-out;
      width: calc((100% + 1px) * var(--length));
      margin-left: calc(100% * var(--bias));
      background-color: #5F5BFF;
      top: var(--padding);
      height: calc(100% - var(--padding) * 2);
      border-radius: 4px;
      z-index: 1;
      position: relative;
      cursor: move; }
      .rms_view .schedules-table-cell-bar::before {
        content: '';
        display: block;
        width: 10px;
        height: 100%;
        float: left;
        cursor: ew-resize; }
      .rms_view .schedules-table-cell-bar::after {
        content: '';
        display: block;
        width: 10px;
        height: 100%;
        float: right;
        cursor: ew-resize; }

.store_list_view {
  display: flex;
  flex-direction: row; }

a.toggle {
  display: block;
  height: 16px;
  float: right; }
  a.toggle input[type='checkbox']:checked + label {
    background-color: #00D6C9; }
    a.toggle input[type='checkbox']:checked + label::after {
      transform: translateX(8px); }
  a.toggle label {
    background-color: gray;
    display: block;
    width: 24px;
    height: 100%;
    min-height: initial;
    display: flex;
    align-items: center;
    border-radius: 12px;
    transition: background-color 0.3s;
    cursor: pointer; }
    a.toggle label::after {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      transition: transform 0.3s;
      background-color: #FFFFFF;
      border-radius: 18px;
      margin-left: 2px; }
  a.toggle input {
    display: none; }

#mask section.popover.right, #mask section.right.pop-inline {
  padding: 8px;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  #mask section.popover.right label, #mask section.right.pop-inline label {
    padding-left: 24px; }

#mask section.popover.csv, #mask section.csv.pop-inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px; }
  #mask section.popover.csv .icon.close, #mask section.csv.pop-inline .icon.close, #mask section.popover.csv .close.form-item-autocomplete.loading-autocomplete:before, #mask section.csv.pop-inline .close.form-item-autocomplete.loading-autocomplete:before, #mask section.popover.csv table.list-view th.close.on, table.list-view #mask section.popover.csv th.close.on, #mask section.csv.pop-inline table.list-view th.close.on, table.list-view #mask section.csv.pop-inline th.close.on, #mask section.popover.csv table.list-view th.close.sortable, table.list-view #mask section.popover.csv th.close.sortable, #mask section.csv.pop-inline table.list-view th.close.sortable, table.list-view #mask section.csv.pop-inline th.close.sortable, #mask section.popover.csv .ui-indicator .close#indicator:before, .ui-indicator #mask section.popover.csv .close#indicator:before, #mask section.csv.pop-inline .ui-indicator .close#indicator:before, .ui-indicator #mask section.csv.pop-inline .close#indicator:before, #mask section.popover.csv .search-bar div.close.queries, .search-bar #mask section.popover.csv div.close.queries, #mask section.csv.pop-inline .search-bar div.close.queries, .search-bar #mask section.csv.pop-inline div.close.queries, #mask section.popover.csv .simulator > header dd.close, .simulator > header #mask section.popover.csv dd.close, #mask section.csv.pop-inline .simulator > header dd.close, .simulator > header #mask section.csv.pop-inline dd.close, #mask section.popover.csv .p3-layout .menu-pane li.close, .p3-layout .menu-pane #mask section.popover.csv li.close, #mask section.csv.pop-inline .p3-layout .menu-pane li.close, .p3-layout .menu-pane #mask section.csv.pop-inline li.close, #mask section.popover.csv .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text #mask section.popover.csv b.close:before, #mask section.csv.pop-inline .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text #mask section.csv.pop-inline b.close:before, #mask section.popover.csv .bot-editor section.actions li h5.close, .bot-editor section.actions li #mask section.popover.csv h5.close, #mask section.csv.pop-inline .bot-editor section.actions li h5.close, .bot-editor section.actions li #mask section.csv.pop-inline h5.close, #mask section.popover.csv .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div #mask section.popover.csv span.close.new, #mask section.csv.pop-inline .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div #mask section.csv.pop-inline span.close.new, #mask section.popover.csv .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div #mask section.popover.csv label.close.new, #mask section.csv.pop-inline .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div #mask section.csv.pop-inline label.close.new, #mask section.popover.csv .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes #mask section.popover.csv div.close.schedule, #mask section.csv.pop-inline .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes #mask section.csv.pop-inline div.close.schedule, #mask section.popover.csv .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card #mask section.popover.csv li.close.item.new, #mask section.csv.pop-inline .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card #mask section.csv.pop-inline li.close.item.new, #mask section.popover.csv .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover #mask section.popover.csv u.close, #mask section.csv.pop-inline .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover #mask section.csv.pop-inline u.close, #mask section.popover.csv section.user-editor section.info header.close, section.user-editor section.info #mask section.popover.csv header.close, #mask section.csv.pop-inline section.user-editor section.info header.close, section.user-editor section.info #mask section.csv.pop-inline header.close, #mask section.popover.csv section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text #mask section.popover.csv b.close:before, #mask section.csv.pop-inline section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text #mask section.csv.pop-inline b.close:before {
    top: 8px;
    right: 8px; }

.new_rms_view .functional-bar {
  display: flex;
  padding: 20px 30px;
  align-items: center; }
  .new_rms_view .functional-bar input:placeholder-shown:focus {
    border-color: #5F5BFF; }
  .new_rms_view .functional-bar .queries::after {
    content: "";
    background-image: url(/images/ico-search.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    top: 10px;
    right: 10px;
    position: absolute; }
  .new_rms_view .functional-bar .search-input:placeholder-shown[type=text],
  .new_rms_view .functional-bar .search-input[type=text],
  .new_rms_view .functional-bar .pick.pulldown:placeholder-shown[type=text],
  .new_rms_view .functional-bar .pick.pulldown[type=text] {
    width: 270px;
    background-color: #fff;
    height: 36px;
    border-radius: 4px;
    padding: 8px 16px; }
  .new_rms_view .functional-bar .right {
    margin-left: auto;
    margin-right: 24px;
    display: flex;
    align-items: center; }
    .new_rms_view .functional-bar .right p {
      margin: 8px 16px;
      font-weight: bold;
      padding: 0px;
      padding-bottom: 3px;
      cursor: pointer; }
    .new_rms_view .functional-bar .right .on {
      color: #5F5BFF;
      border-bottom: 3px solid #5F5BFF; }
    .new_rms_view .functional-bar .right .create-btn {
      padding: 0;
      width: 36px;
      height: 36px;
      border: 1px solid #E6E8EE;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 16px; }
      .new_rms_view .functional-bar .right .create-btn .icon.fa-plus, .new_rms_view .functional-bar .right .create-btn .fa-plus.form-item-autocomplete.loading-autocomplete:before, .new_rms_view .functional-bar .right .create-btn table.list-view th.fa-plus.on, table.list-view .new_rms_view .functional-bar .right .create-btn th.fa-plus.on, .new_rms_view .functional-bar .right .create-btn table.list-view th.fa-plus.sortable, table.list-view .new_rms_view .functional-bar .right .create-btn th.fa-plus.sortable, .new_rms_view .functional-bar .right .create-btn .ui-indicator .fa-plus#indicator:before, .ui-indicator .new_rms_view .functional-bar .right .create-btn .fa-plus#indicator:before, .new_rms_view .functional-bar .right .create-btn .search-bar div.fa-plus.queries, .search-bar .new_rms_view .functional-bar .right .create-btn div.fa-plus.queries, .new_rms_view .functional-bar .right .create-btn .simulator > header dd.fa-plus, .simulator > header .new_rms_view .functional-bar .right .create-btn dd.fa-plus, .new_rms_view .functional-bar .right .create-btn .p3-layout .menu-pane li.fa-plus, .p3-layout .menu-pane .new_rms_view .functional-bar .right .create-btn li.fa-plus, .new_rms_view .functional-bar .right .create-btn .chat_list_view #simulator footer.send-type-text .type-text b.fa-plus:before, .chat_list_view #simulator footer.send-type-text .type-text .new_rms_view .functional-bar .right .create-btn b.fa-plus:before, .new_rms_view .functional-bar .right .create-btn .bot-editor section.actions li h5.fa-plus, .bot-editor section.actions li .new_rms_view .functional-bar .right .create-btn h5.fa-plus, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes > li > div span.fa-plus.new, .bot-editor ul.nodes > li > div .new_rms_view .functional-bar .right .create-btn span.fa-plus.new, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes > li > div label.fa-plus.new, .bot-editor ul.nodes > li > div .new_rms_view .functional-bar .right .create-btn label.fa-plus.new, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes div.fa-plus.schedule, .bot-editor ul.nodes .new_rms_view .functional-bar .right .create-btn div.fa-plus.schedule, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes ol.card li.fa-plus.item.new, .bot-editor ul.nodes ol.card .new_rms_view .functional-bar .right .create-btn li.fa-plus.item.new, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.fa-plus, .bot-editor ul.nodes div.react-btns label.colors:hover .new_rms_view .functional-bar .right .create-btn u.fa-plus, .new_rms_view .functional-bar .right .create-btn section.user-editor section.info header.fa-plus, section.user-editor section.info .new_rms_view .functional-bar .right .create-btn header.fa-plus, .new_rms_view .functional-bar .right .create-btn section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.fa-plus:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .new_rms_view .functional-bar .right .create-btn b.fa-plus:before {
        color: #5F5BFF; }
        .new_rms_view .functional-bar .right .create-btn .icon.fa-plus::before, .new_rms_view .functional-bar .right .create-btn table.list-view th.fa-plus.on::before, table.list-view .new_rms_view .functional-bar .right .create-btn th.fa-plus.on::before, .new_rms_view .functional-bar .right .create-btn table.list-view th.fa-plus.sortable::before, table.list-view .new_rms_view .functional-bar .right .create-btn th.fa-plus.sortable::before, .new_rms_view .functional-bar .right .create-btn .search-bar div.fa-plus.queries::before, .search-bar .new_rms_view .functional-bar .right .create-btn div.fa-plus.queries::before, .new_rms_view .functional-bar .right .create-btn .simulator > header dd.fa-plus::before, .simulator > header .new_rms_view .functional-bar .right .create-btn dd.fa-plus::before, .new_rms_view .functional-bar .right .create-btn .p3-layout .menu-pane li.fa-plus::before, .p3-layout .menu-pane .new_rms_view .functional-bar .right .create-btn li.fa-plus::before, .new_rms_view .functional-bar .right .create-btn .bot-editor section.actions li h5.fa-plus::before, .bot-editor section.actions li .new_rms_view .functional-bar .right .create-btn h5.fa-plus::before, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes > li > div span.fa-plus.new::before, .bot-editor ul.nodes > li > div .new_rms_view .functional-bar .right .create-btn span.fa-plus.new::before, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes > li > div label.fa-plus.new::before, .bot-editor ul.nodes > li > div .new_rms_view .functional-bar .right .create-btn label.fa-plus.new::before, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes div.fa-plus.schedule::before, .bot-editor ul.nodes .new_rms_view .functional-bar .right .create-btn div.fa-plus.schedule::before, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes ol.card li.fa-plus.item.new::before, .bot-editor ul.nodes ol.card .new_rms_view .functional-bar .right .create-btn li.fa-plus.item.new::before, .new_rms_view .functional-bar .right .create-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.fa-plus::before, .bot-editor ul.nodes div.react-btns label.colors:hover .new_rms_view .functional-bar .right .create-btn u.fa-plus::before, .new_rms_view .functional-bar .right .create-btn section.user-editor section.info header.fa-plus::before, section.user-editor section.info .new_rms_view .functional-bar .right .create-btn header.fa-plus::before {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
  .new_rms_view .functional-bar dl.pick.pulldown {
    width: 180px;
    height: 36px;
    margin-left: 2rem; }
    .new_rms_view .functional-bar dl.pick.pulldown .pulldown-container {
      z-index: 20; }
    .new_rms_view .functional-bar dl.pick.pulldown dt {
      height: 36px; }
      .new_rms_view .functional-bar dl.pick.pulldown dt:empty::before {
        margin-left: 3.5rem; }
    .new_rms_view .functional-bar dl.pick.pulldown[key=store_id]::before {
      content: "";
      background-image: url(/images/ico-store.svg);
      width: 18px;
      height: 18px;
      display: inline-block;
      top: 10px;
      right: 10px;
      position: absolute;
      margin-left: 1rem; }
    .new_rms_view .functional-bar dl.pick.pulldown[key=staff_id]::before {
      content: "";
      background-image: url(/images/ico-staff.svg);
      width: 18px;
      height: 18px;
      display: inline-block;
      top: 10px;
      right: 10px;
      position: absolute;
      margin-left: 1rem; }
    .new_rms_view .functional-bar dl.pick.pulldown[key=facility_id]::before {
      content: "";
      background-image: url(/images/ico-filter.svg);
      width: 18px;
      height: 18px;
      display: inline-block;
      top: 10px;
      right: 10px;
      position: absolute;
      margin-left: 1rem; }

.new_rms_view .timeline-bar {
  height: 100px;
  display: flex;
  overflow-y: hidden;
  border-top: 1px dashed #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  position: relative; }
  .new_rms_view .timeline-bar::before {
    content: attr(data-month);
    position: absolute;
    display: inline-block;
    font-size: 4.8rem;
    color: #EEEEEE;
    top: -6px;
    left: 3rem;
    width: max-content; }
  .new_rms_view .timeline-bar .timeline-wrapper {
    display: flex;
    padding: 0 3rem;
    flex: 1;
    overflow-x: auto; }
  .new_rms_view .timeline-bar .columns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin: 0 2rem; }
    .new_rms_view .timeline-bar .columns.startMonth {
      margin-left: 0;
      padding-left: 2rem;
      border-left: 1px dashed #EEEEEE; }
      .new_rms_view .timeline-bar .columns.startMonth::before {
        content: attr(data-month);
        position: absolute;
        display: inline-block;
        font-size: 4.8rem;
        color: #EEEEEE;
        width: max-content;
        left: 2rem;
        top: -5px; }
    .new_rms_view .timeline-bar .columns dd {
      margin: auto 0;
      padding: 0;
      z-index: 10;
      color: #222;
      display: flex;
      align-items: center;
      justify-content: center; }
    .new_rms_view .timeline-bar .columns .weeks {
      cursor: default; }
    .new_rms_view .timeline-bar .columns .dates {
      cursor: pointer; }
      .new_rms_view .timeline-bar .columns .dates span {
        width: 25px;
        height: 25px;
        transition: background-color 0.3s;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
    .new_rms_view .timeline-bar .columns.on .dates span, .new_rms_view .timeline-bar .columns:hover .dates span {
      color: #fff;
      background-color: #5F5BFF; }

.new_rms_view .rms-list {
  flex: 1;
  background-color: #fff;
  padding: 24px 12px 0px 30px; }
  .new_rms_view .rms-list .rms-list-ul .rms-item,
  .new_rms_view .rms-list .rms-list-ul .rms-item-title {
    display: flex; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .time,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .time {
      flex: 1; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .name,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .name {
      flex: 1; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .facility,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .facility {
      flex: 1; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .store,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .store {
      flex: 1; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .tel,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .tel {
      flex: 1; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .status,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .status {
      flex: 1.6; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .priority,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .priority {
      flex: .5; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority .dot,
      .new_rms_view .rms-list .rms-list-ul .rms-item-title .priority .dot {
        margin: 0px 2px; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .delete,
    .new_rms_view .rms-list .rms-list-ul .rms-item-title .delete {
      flex: .5; }
  .new_rms_view .rms-list .rms-list-ul .rms-item-title {
    margin-bottom: 16px; }
    .new_rms_view .rms-list .rms-list-ul .rms-item-title div {
      font-weight: bold;
      margin: 0 8px;
      font-size: 14px; }
  .new_rms_view .rms-list .rms-list-ul .rms-item {
    margin-bottom: 8px;
    height: 60px;
    overflow: hidden;
    cursor: pointer; }
    .new_rms_view .rms-list .rms-list-ul .rms-item:hover {
      background-color: #EEEEEE; }
    .new_rms_view .rms-list .rms-list-ul .rms-item div {
      margin: 0 8px;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .new_rms_view .rms-list .rms-list-ul .rms-item div p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags .tag, .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags .form-item-autocomplete.multi span, .form-item-autocomplete.multi .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags span, .new_rms_view .rms-list .rms-list-ul .rms-item .status section.user-editor section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane .new_rms_view .rms-list .rms-list-ul .rms-item .status dl.tags dd {
      color: #fff; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags .tag.on, .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags .form-item-autocomplete.multi span.on, .form-item-autocomplete.multi .new_rms_view .rms-list .rms-list-ul .rms-item .status .tags span.on, .new_rms_view .rms-list .rms-list-ul .rms-item .status section.user-editor section.thumb-pane dl.tags dd.on, section.user-editor section.thumb-pane .new_rms_view .rms-list .rms-list-ul .rms-item .status dl.tags dd.on {
        background-color: #5F5BFF; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .priority {
      justify-content: center; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority.c0 .dot {
        border: 1px solid #0FC785; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority.c0 .dot:nth-child(1) {
        background-color: #0FC785; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority.c3 .dot {
        border: #FBB036 1px solid; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority.c3 .dot:not(:last-child) {
        background-color: #FBB036; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority.c5 .dot {
        background-color: #DB234B;
        border: #DB234B 1px solid; }
      .new_rms_view .rms-list .rms-list-ul .rms-item .priority .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        cursor: pointer;
        background-color: transparent; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .icon.trash::before, .new_rms_view .rms-list .rms-list-ul .rms-item table.list-view th.trash.on::before, table.list-view .new_rms_view .rms-list .rms-list-ul .rms-item th.trash.on::before, .new_rms_view .rms-list .rms-list-ul .rms-item table.list-view th.trash.sortable::before, table.list-view .new_rms_view .rms-list .rms-list-ul .rms-item th.trash.sortable::before, .new_rms_view .rms-list .rms-list-ul .rms-item .search-bar div.trash.queries::before, .search-bar .new_rms_view .rms-list .rms-list-ul .rms-item div.trash.queries::before, .new_rms_view .rms-list .rms-list-ul .rms-item .simulator > header dd.trash::before, .simulator > header .new_rms_view .rms-list .rms-list-ul .rms-item dd.trash::before, .new_rms_view .rms-list .rms-list-ul .rms-item .p3-layout .menu-pane li.trash::before, .p3-layout .menu-pane .new_rms_view .rms-list .rms-list-ul .rms-item li.trash::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor section.actions li h5.trash::before, .bot-editor section.actions li .new_rms_view .rms-list .rms-list-ul .rms-item h5.trash::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor ul.nodes > li > div span.trash.new::before, .bot-editor ul.nodes > li > div .new_rms_view .rms-list .rms-list-ul .rms-item span.trash.new::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor ul.nodes > li > div label.trash.new::before, .bot-editor ul.nodes > li > div .new_rms_view .rms-list .rms-list-ul .rms-item label.trash.new::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor ul.nodes div.trash.schedule::before, .bot-editor ul.nodes .new_rms_view .rms-list .rms-list-ul .rms-item div.trash.schedule::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor ul.nodes ol.card li.trash.item.new::before, .bot-editor ul.nodes ol.card .new_rms_view .rms-list .rms-list-ul .rms-item li.trash.item.new::before, .new_rms_view .rms-list .rms-list-ul .rms-item .bot-editor ul.nodes div.react-btns label.colors:hover u.trash::before, .bot-editor ul.nodes div.react-btns label.colors:hover .new_rms_view .rms-list .rms-list-ul .rms-item u.trash::before, .new_rms_view .rms-list .rms-list-ul .rms-item section.user-editor section.info header.trash::before, section.user-editor section.info .new_rms_view .rms-list .rms-list-ul .rms-item header.trash::before {
      display: flex;
      align-items: center;
      justify-content: center; }
    .new_rms_view .rms-list .rms-list-ul .rms-item .color {
      width: 8px;
      display: flex;
      background: #5F5BFF;
      border-radius: 2px; }

.rms_editor_logs_list_view .center-pane .form-container {
  line-height: 65px;
  display: flex;
  flex-direction: row;
  width: calc(100% - 24px); }
  .rms_editor_logs_list_view .center-pane .form-container form {
    width: 100%; }
    .rms_editor_logs_list_view .center-pane .form-container form ul {
      padding: 0;
      flex-direction: row; }
      .rms_editor_logs_list_view .center-pane .form-container form ul .form-item-uids {
        width: 100%; }
    .rms_editor_logs_list_view .center-pane .form-container form .see-more {
      z-index: 50;
      position: relative;
      background-color: #666;
      font-size: 11px;
      color: #FFFFFF !important;
      padding-left: 12px;
      padding-right: 24px;
      border-radius: 12px;
      line-height: 24px;
      margin: auto; }
  .rms_editor_logs_list_view .center-pane .form-container .autocomplete-frame {
    height: 100%;
    max-height: 7rem;
    margin: 5px 0px;
    max-width: 100%;
    z-index: 50;
    overflow: scroll;
    border: none; }
    .rms_editor_logs_list_view .center-pane .form-container .autocomplete-frame::-webkit-scrollbar {
      display: none; }
    .rms_editor_logs_list_view .center-pane .form-container .autocomplete-frame input {
      padding-left: 10px;
      padding-right: 10px; }

.rms_editor_logs_list_view .center-pane__main {
  padding: 0 2rem; }
  .rms_editor_logs_list_view .center-pane__main .rms-editor-logs-list-header {
    display: flex;
    justify-content: space-between;
    margin: 1.6rem 0;
    width: 100%;
    border-bottom: 1px solid #D0C9C3;
    min-width: 58rem; }
    .rms_editor_logs_list_view .center-pane__main .rms-editor-logs-list-header .rms-editor-logs-list-tabs {
      display: flex; }
      .rms_editor_logs_list_view .center-pane__main .rms-editor-logs-list-header .rms-editor-logs-list-tabs li {
        margin: 0 2rem 1rem 0; }
      .rms_editor_logs_list_view .center-pane__main .rms-editor-logs-list-header .rms-editor-logs-list-tabs .on {
        width: auto;
        color: #00D6C9;
        border-color: #00D6C9;
        font-weight: 800;
        border-bottom: 0.2rem solid #00D6C9; }
      .rms_editor_logs_list_view .center-pane__main .rms-editor-logs-list-header .rms-editor-logs-list-tabs label {
        cursor: pointer; }
  .rms_editor_logs_list_view .center-pane__main .list-container .list-view {
    width: 100%;
    margin: 0; }
    .rms_editor_logs_list_view .center-pane__main .list-container .list-view .list-item-data, .rms_editor_logs_list_view .center-pane__main .list-container .list-view .list-item-params {
      max-width: 15rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.ui-dropdown-mask.event-dropdown-active .ui-dropdown-opts li:hover, .ui-dropdown-mask.event-dropdown-active #form-item-autocomplete li:hover {
  background-color: #d9234b;
  color: white; }

.ui-dropdown-mask.event-dropdown-active .ui-dropdown-opts li:first-child:hover, .ui-dropdown-mask.event-dropdown-active #form-item-autocomplete li:first-child:hover {
  background-color: #5f5bff; }

.ui-dropdown-mask.event-dropdown-active .ui-dropdown-opts li:first-child:after, .ui-dropdown-mask.event-dropdown-active #form-item-autocomplete li:first-child:after {
  content: "";
  width: 90%;
  height: 1px;
  background: #4a4a4a;
  position: absolute;
  bottom: 0px;
  left: 6px; }

.event_list_view {
  overflow-y: scroll;
  /* title */ }
  .event_list_view .search-bar .buttons label.event-type {
    padding-left: 16px;
    cursor: pointer; }
  .event_list_view .search-bar.event-search-bar dl.ui-tab-menu dd {
    margin-top: 4px; }
  .event_list_view .search-bar.event-search-bar .ui-dropdown {
    margin-left: auto; }
    .event_list_view .search-bar.event-search-bar .ui-dropdown label {
      width: 7em;
      text-align: right;
      margin-right: 5px; }
    .event_list_view .search-bar.event-search-bar .ui-dropdown:before {
      content: 'filter_alt';
      color: #a9b2bd;
      position: absolute;
      font-family: "Material Icons";
      width: 20px;
      font-size: 1.5em;
      text-align: center;
      left: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .event_list_view .search-bar.event-search-bar .ui-dropdown:after {
      content: 'keyboard_arrow_down';
      color: #a9b2bd;
      position: absolute;
      width: 28px;
      font-family: "Material Icons";
      font-size: 1.3em;
      text-align: center;
      right: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .event_list_view .search-bar.event-search-bar .ui-dropdown.event-dropdown-active {
    border-color: #00d6c8; }
    .event_list_view .search-bar.event-search-bar .ui-dropdown.event-dropdown-active:after, .event_list_view .search-bar.event-search-bar .ui-dropdown.event-dropdown-active:before, .event_list_view .search-bar.event-search-bar .ui-dropdown.event-dropdown-active label {
      color: #00d6c8; }
  .event_list_view .search-bar.event-search-bar .ui-tab-menu {
    margin-left: 56px; }
  .event_list_view .event-menu {
    flex: unset; }
  .event_list_view .event-search-menu {
    flex: unset; }
    .event_list_view .event-search-menu li:hover {
      background: none; }
    .event_list_view .event-search-menu .ui-dropdown, .event_list_view .event-search-menu input {
      width: 168px; }
  .event_list_view section.programs {
    flex: 1; }
  .event_list_view main.user-editing .search-bar {
    padding-right: 0; }
    .event_list_view main.user-editing .search-bar .ui-tab-menu, .event_list_view main.user-editing .search-bar button {
      display: none; }
    .event_list_view main.user-editing .search-bar input[type=text] {
      width: 220px; }
  .event_list_view main.user-editing .buttons {
    display: none; }
  .event_list_view main.user-editing .ext-col {
    display: none; }
  .event_list_view td {
    padding-right: 10px; }
  .event_list_view td:nth-of-type(1) {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .event_list_view .list-view.attendees td:nth-of-type(2) {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .event_list_view .list-view.attendees .list-item-name.icon.oname_sdk, .event_list_view .list-view.attendees .list-item-name.oname_sdk.form-item-autocomplete.loading-autocomplete:before, .event_list_view .list-view.attendees .simulator > header dd.list-item-name.form-item-autocomplete.loading-autocomplete.web:before, .simulator > header .event_list_view .list-view.attendees dd.list-item-name.form-item-autocomplete.loading-autocomplete.web:before, .event_list_view .list-view.attendees table.list-view th.list-item-name.oname_sdk.on, table.list-view .event_list_view .list-view.attendees th.list-item-name.oname_sdk.on, .event_list_view .list-view.attendees table.list-view th.list-item-name.oname_sdk.sortable, table.list-view .event_list_view .list-view.attendees th.list-item-name.oname_sdk.sortable, .event_list_view .list-view.attendees .ui-indicator .list-item-name.oname_sdk#indicator:before, .ui-indicator .event_list_view .list-view.attendees .list-item-name.oname_sdk#indicator:before, .event_list_view .list-view.attendees .ui-indicator .simulator > header dd.list-item-name#indicator.web:before, .ui-indicator .simulator > header .event_list_view .list-view.attendees dd.list-item-name#indicator.web:before, .event_list_view .list-view.attendees .simulator > header .ui-indicator dd.list-item-name#indicator.web:before, .simulator > header .ui-indicator .event_list_view .list-view.attendees dd.list-item-name#indicator.web:before, .event_list_view .list-view.attendees .search-bar div.list-item-name.oname_sdk.queries, .search-bar .event_list_view .list-view.attendees div.list-item-name.oname_sdk.queries, .event_list_view .list-view.attendees .simulator > header dd.list-item-name.oname_sdk, .simulator > header .event_list_view .list-view.attendees dd.list-item-name.oname_sdk, .event_list_view .list-view.attendees .simulator > header dd.list-item-name.web, .simulator > header .event_list_view .list-view.attendees dd.list-item-name.web, .event_list_view .list-view.attendees .p3-layout .menu-pane li.list-item-name.oname_sdk, .p3-layout .menu-pane .event_list_view .list-view.attendees li.list-item-name.oname_sdk, .event_list_view .list-view.attendees .chat_list_view #simulator footer.send-type-text .type-text b.list-item-name.oname_sdk:before, .chat_list_view #simulator footer.send-type-text .type-text .event_list_view .list-view.attendees b.list-item-name.oname_sdk:before, .event_list_view .list-view.attendees .bot-editor section.actions li h5.list-item-name.oname_sdk, .bot-editor section.actions li .event_list_view .list-view.attendees h5.list-item-name.oname_sdk, .event_list_view .list-view.attendees .bot-editor ul.nodes > li > div span.list-item-name.oname_sdk.new, .bot-editor ul.nodes > li > div .event_list_view .list-view.attendees span.list-item-name.oname_sdk.new, .event_list_view .list-view.attendees .bot-editor ul.nodes > li > div label.list-item-name.oname_sdk.new, .bot-editor ul.nodes > li > div .event_list_view .list-view.attendees label.list-item-name.oname_sdk.new, .event_list_view .list-view.attendees .bot-editor ul.nodes div.list-item-name.oname_sdk.schedule, .bot-editor ul.nodes .event_list_view .list-view.attendees div.list-item-name.oname_sdk.schedule, .event_list_view .list-view.attendees .bot-editor ul.nodes ol.card li.list-item-name.oname_sdk.item.new, .bot-editor ul.nodes ol.card .event_list_view .list-view.attendees li.list-item-name.oname_sdk.item.new, .event_list_view .list-view.attendees .bot-editor ul.nodes div.react-btns label.colors:hover u.list-item-name.oname_sdk, .bot-editor ul.nodes div.react-btns label.colors:hover .event_list_view .list-view.attendees u.list-item-name.oname_sdk, .event_list_view .list-view.attendees section.user-editor section.info header.list-item-name.oname_sdk, section.user-editor section.info .event_list_view .list-view.attendees header.list-item-name.oname_sdk, .event_list_view .list-view.attendees section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.list-item-name.oname_sdk:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .event_list_view .list-view.attendees b.list-item-name.oname_sdk:before {
    padding-left: 4px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .event_list_view .list-view.attendees .list-item-operation.ext-col {
    min-width: 230px; }
  .event_list_view .list-view.event-statics td:nth-of-type(1) {
    min-width: 200px;
    word-break: break-all;
    word-wrap: wrap break-word; }
  .event_list_view .list-view.event-statics td:nth-of-type(2) {
    padding: 10px 0px 16px 0px; }
  .event_list_view span.tag, .event_list_view .form-item-autocomplete.multi span, .form-item-autocomplete.multi .event_list_view span {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-right: 6px;
    background-color: #ccc; }
    .event_list_view span.tag.on, .event_list_view .form-item-autocomplete.multi span.on, .form-item-autocomplete.multi .event_list_view span.on {
      background-color: #DB234B; }
  .event_list_view .v_sub {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 80px; }
  .event_list_view nav.navi {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 10;
    width: 100%;
    /*calc(100% - 64px);*/
    height: 72px;
    line-height: 72px;
    margin: 16px 0px;
    margin-top: 0px;
    background: #FFFFFF;
    border-bottom: 2px solid #F8F6F5; }
    .event_list_view nav.navi span {
      width: 2px;
      height: 40px;
      margin-top: 12px; }
      .event_list_view nav.navi span:before {
        top: 8px; }
    .event_list_view nav.navi div.space {
      flex: 1; }
    .event_list_view nav.navi button {
      background-color: transparent;
      color: #666;
      padding-left: 8px;
      padding-right: 8px;
      margin-left: 8px;
      margin-right: 8px;
      height: 26px;
      line-height: 28px;
      border: 0 !important; }
    .event_list_view nav.navi button:before {
      line-height: 28px;
      text-indent: 4px; }
  .event_list_view .sub_center {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    padding-top: 48px;
    padding-bottom: 80px;
    overflow: hidden;
    overflow-y: scroll; }

.popover.white.events-csv-btns li, section.white.events-csv-btns.pop-inline li, section.events-csv-btns.pop-inline.dict-editor li, section.popover.events-csv-btns.dict-editor li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3; }
  .popover.white.events-csv-btns li:last-child, section.white.events-csv-btns.pop-inline li:last-child, section.events-csv-btns.pop-inline.dict-editor li:last-child, section.popover.events-csv-btns.dict-editor li:last-child {
    border-bottom: 0; }
  .popover.white.events-csv-btns li button.label, section.white.events-csv-btns.pop-inline li button.label, section.events-csv-btns.pop-inline.dict-editor li button.label, section.popover.events-csv-btns.dict-editor li button.label {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    background-color: transparent; }
  .popover.white.events-csv-btns li button.label:before, section.white.events-csv-btns.pop-inline li button.label:before, section.events-csv-btns.pop-inline.dict-editor li button.label:before, section.popover.events-csv-btns.dict-editor li button.label:before {
    height: 44px;
    line-height: 44px; }

.miniapp-pdf.pc {
  max-height: 80vh;
  overflow-y: auto; }
  .miniapp-pdf.pc li.page-marker {
    display: none; }

.miniapp-pdf {
  background-color: #FFF;
  height: auto;
  width: 1100px;
  font-family: serif;
  padding-bottom: 120px;
  padding-top: 60px; }
  .miniapp-pdf .serif {
    font-family: serif; }
  .miniapp-pdf h1 {
    font-size: 24px;
    color: #222 !important;
    margin: auto;
    text-align: center;
    padding-left: 0; }
  .miniapp-pdf h2 {
    font-size: 18px;
    color: #222 !important;
    padding-left: 0;
    text-align: right; }
  .miniapp-pdf h3 {
    color: #222 !important;
    text-align: center;
    font-size: 16px;
    padding-top: 4px; }
  .miniapp-pdf h4 {
    color: #ccc; }
  .miniapp-pdf h6 {
    color: #222 !important; }
  .miniapp-pdf p {
    color: #222 !important; }
  .miniapp-pdf .title-line {
    width: 980px;
    margin: auto;
    height: 44px; }
  .miniapp-pdf .title-line span {
    font-size: 14px;
    text-align: right; }
  .miniapp-pdf span.space {
    flex: 1; }
  .miniapp-pdf .block {
    border: 1px solid #D0C9C3;
    width: 980px;
    margin: auto; }
  .miniapp-pdf .thumbs {
    width: 160px;
    height: 160px;
    border-right: 1px solid #D0C9C3;
    display: flex;
    justify-content: center;
    align-items: center; }
  .miniapp-pdf .thumb {
    width: 120px;
    height: 120px;
    border-radius: 4px; }
  .miniapp-pdf .base {
    height: 160px; }
  .miniapp-pdf li.text.has-value h4 {
    background-color: #D8D8D8;
    height: auto;
    font-size: 14px;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    color: #222;
    line-height: 22px;
    padding: 6px 0 6px 12px; }
  .miniapp-pdf dl {
    border-bottom: 1px solid #D0C9C3;
    width: 820px;
    height: 80px; }
  .miniapp-pdf dl:last-child {
    border-right: 0; }
  .miniapp-pdf dd {
    border-right: 1px solid #D0C9C3;
    text-align: center;
    padding-right: 0; }
  .miniapp-pdf dd:last-child {
    border-right: 0; }
  .miniapp-pdf dd.name {
    width: 240px;
    padding-top: 30px; }
  .miniapp-pdf dd.gender {
    width: 80px; }
  .miniapp-pdf dd.birth {
    width: 190px; }
  .miniapp-pdf dd.email {
    width: 310px;
    text-align: left; }
  .miniapp-pdf dd.address {
    width: 640px;
    text-align: left; }
  .miniapp-pdf dd.tel {
    width: 180px;
    text-align: left; }
  .miniapp-pdf dd label {
    width: 100%;
    padding: 8px 16px 8px 16px;
    box-sizing: border-box;
    margin-right: 0; }
  .miniapp-pdf dd p {
    font-size: 16px;
    font-weight: bold;
    padding-left: 16px;
    padding-top: 4px; }
  .miniapp-pdf form > ul.answer {
    flex-wrap: wrap;
    flex-direction: row; }
    .miniapp-pdf form > ul.answer > li {
      width: 290px;
      flex-direction: column;
      margin-right: 24px; }
      .miniapp-pdf form > ul.answer > li.page-marker {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px; }
      .miniapp-pdf form > ul.answer > li.image div.image {
        background-position: center;
        background-size: contain;
        width: 100%;
        height: 290px; }
      .miniapp-pdf form > ul.answer > li h4 {
        width: inherit;
        max-width: auto;
        text-align: left;
        padding-left: 12px; }
      .miniapp-pdf form > ul.answer > li div {
        padding-top: 8px;
        padding-bottom: 8px;
        display: flex;
        align-items: flex-end; }
        .miniapp-pdf form > ul.answer > li div span {
          text-align: right;
          font-size: 16px;
          font-weight: bold;
          padding: 0 12px;
          color: #222 !important;
          white-space: pre-wrap; }
          .miniapp-pdf form > ul.answer > li div span.text-area {
            text-align: justify;
            text-justify: inter-character; }

.answer_list_view .icon.history, .answer_list_view .history.form-item-autocomplete.loading-autocomplete:before, .answer_list_view table.list-view th.history.on, table.list-view .answer_list_view th.history.on, .answer_list_view table.list-view th.history.sortable, table.list-view .answer_list_view th.history.sortable, .answer_list_view .ui-indicator .history#indicator:before, .ui-indicator .answer_list_view .history#indicator:before, .answer_list_view .search-bar div.history.queries, .search-bar .answer_list_view div.history.queries, .answer_list_view .simulator > header dd.history, .simulator > header .answer_list_view dd.history, .answer_list_view .p3-layout .menu-pane li.history, .p3-layout .menu-pane .answer_list_view li.history, .answer_list_view .chat_list_view #simulator footer.send-type-text .type-text b.history:before, .chat_list_view #simulator footer.send-type-text .type-text .answer_list_view b.history:before, .answer_list_view .bot-editor section.actions li h5.history, .bot-editor section.actions li .answer_list_view h5.history, .answer_list_view .bot-editor ul.nodes > li > div span.history.new, .bot-editor ul.nodes > li > div .answer_list_view span.history.new, .answer_list_view .bot-editor ul.nodes > li > div label.history.new, .bot-editor ul.nodes > li > div .answer_list_view label.history.new, .answer_list_view .bot-editor ul.nodes div.history.schedule, .bot-editor ul.nodes .answer_list_view div.history.schedule, .answer_list_view .bot-editor ul.nodes ol.card li.history.item.new, .bot-editor ul.nodes ol.card .answer_list_view li.history.item.new, .answer_list_view .bot-editor ul.nodes div.react-btns label.colors:hover u.history, .bot-editor ul.nodes div.react-btns label.colors:hover .answer_list_view u.history, .answer_list_view section.user-editor section.info header.history, section.user-editor section.info .answer_list_view header.history, .answer_list_view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.history:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .answer_list_view b.history:before {
  text-decoration: underline;
  font-style: normal;
  font-size: 12px;
  position: inherit;
  width: auto;
  margin-right: 4px; }

.answer_list_view label.name {
  text-decoration: underline;
  cursor: pointer; }

.answer_list_view td.unread-badge:after {
  content: "●";
  font-size: 12px;
  color: #DB234B;
  padding-left: 4px; }

.answer_list_view .image {
  background-size: cover; }

.answer_list_view main.p2-layout .center-pane {
  overflow-x: hidden; }

.answer_list_view .search-bar .space {
  flex: 1; }

.answer_list_view .search-bar .data-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-right: 12px; }
  .answer_list_view .search-bar .data-type label {
    white-space: nowrap;
    margin-right: 12px;
    cursor: pointer; }

.answer_list_view .groups {
  min-width: 200px;
  margin-right: 8px; }

.miniapp-history-list label.name {
  text-decoration: underline;
  cursor: pointer; }

.miniapp-history-list .image {
  background-size: cover; }

.miniapp-history-list .list-item-buttons {
  width: 60px;
  min-width: 60px;
  padding-left: 12px; }

form.answers-del-form label {
  text-indent: 16px;
  margin: 24px 24px 16px;
  padding-right: 0; }
  form.answers-del-form label.sel-option {
    padding-left: 16px; }

form.answers-del-form + i.close {
  background-image: url(/images/ico_close_no_bg.svg?v=1); }

.survey_list_view header dl.ui-tab-menu dd {
  border-radius: 4px; }

.survey_list_view main {
  padding-bottom: 0px; }
  .survey_list_view main section.center-pane {
    display: flex;
    flex-direction: column; }
    .survey_list_view main section.center-pane table.list-view td.chart-btns i {
      width: 28px;
      height: 28px;
      position: relative;
      display: inline-block; }
  .survey_list_view main footer .pagination {
    display: flex; }

.survey_statics_view nav.navi {
  position: relative;
  display: flex;
  flex-direction: row;
  width: inherit;
  height: 72px;
  line-height: 72px;
  margin-top: 60px;
  background: white; }
  .survey_statics_view nav.navi span {
    width: 2px;
    height: 40px;
    margin-top: 12px; }
  .survey_statics_view nav.navi span:before {
    top: 8px; }
  .survey_statics_view nav.navi div.space {
    flex: 1; }
  .survey_statics_view nav.navi button {
    background-color: transparent;
    color: #666;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8px;
    margin-right: 8px;
    height: 26px;
    line-height: 28px;
    border: 0 !important; }
  .survey_statics_view nav.navi button:before {
    line-height: 28px;
    text-indent: 4px; }

.survey_statics_view header dl.ui-tab-menu dd {
  border-radius: 4px; }

.survey_statics_view main {
  padding-top: 0px;
  padding-bottom: 0px;
  height: calc( 100% - 132px);
  background: white; }
  .survey_statics_view main section.center-pane {
    display: flex;
    flex-direction: column; }
  .survey_statics_view main footer .pagination {
    display: flex; }

.survey_statics_view table.list-view td.chart-btns i {
  color: #4A4F62;
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  margin-top: 10px;
  border-radius: 4px;
  margin-left: 4px; }
  .survey_statics_view table.list-view td.chart-btns i::before {
    width: 24px;
    background-position: center;
    text-align: center;
    line-height: 24px; }
  .survey_statics_view table.list-view td.chart-btns i.on {
    color: #FFFFFF;
    background-color: #4A4F62; }
    .survey_statics_view table.list-view td.chart-btns i.on.piechart:before {
      background-image: url(/images/pie-chart-on.svg); }
    .survey_statics_view table.list-view td.chart-btns i.on.percentchart:before {
      background-image: url(/images/percent-chart-on.svg); }

.survey_statics_view table.list-view td.buttons .frame {
  justify-content: center; }

.survey_statics_view table.list-view td {
  text-align: center; }

.survey_statics_view table.list-view th {
  text-align: center; }

.survey_statics_view .list-item-chart {
  width: 400px; }

.survey_statics_view .statics_broadcasts_list .list-item-chart {
  width: auto; }

.survey_statics_view .statics_broadcasts_list .chart-wrapper {
  width: auto; }

.survey_statics_view .statics_broadcasts_list .list-item-space {
  width: 80%; }

.survey_statics_view .statics_broadcasts_list th.time {
  width: 15%;
  min-width: 200px;
  max-width: 300px;
  padding-right: 20px; }

.survey_statics_view .chart-wrapper {
  display: flex;
  width: 400px;
  padding: 8px 0px; }
  .survey_statics_view .chart-wrapper.horizontalBar .chart-legend li span {
    display: none; }
  .survey_statics_view .chart-wrapper.horizontalBar .chart-legend li .item-l {
    display: none; }
  .survey_statics_view .chart-wrapper.horizontalBar .chart-legend li .item-r {
    display: none; }
  .survey_statics_view .chart-wrapper.horizontalBar .chart-legend li .item-v {
    display: inherit; }
  .survey_statics_view .chart-wrapper.stacked {
    flex-direction: column; }
    .survey_statics_view .chart-wrapper.stacked .chart-holder {
      width: 380px; }
    .survey_statics_view .chart-wrapper.stacked .chart-legend {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start; }
  .survey_statics_view .chart-wrapper .chart-holder {
    width: 200px; }
  .survey_statics_view .chart-wrapper .chart-legend {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px 0px; }
    .survey_statics_view .chart-wrapper .chart-legend li {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 168px;
      margin-left: 8px;
      padding-left: 16px;
      position: relative;
      height: 16px;
      line-height: 16px;
      font-size: 9px;
      cursor: default;
      -webkit-transition: background-color 200ms ease-in-out;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out; }
    .survey_statics_view .chart-wrapper .chart-legend li span {
      display: block;
      position: absolute;
      left: 0;
      top: 4px;
      bottom: 4px;
      width: 8px; }
    .survey_statics_view .chart-wrapper .chart-legend li label {
      font-size: 10px; }
    .survey_statics_view .chart-wrapper .chart-legend li .item-v {
      display: none; }
    .survey_statics_view .chart-wrapper .chart-legend li .item-l {
      max-width: 104px;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 8px;
      word-break: break-all; }

.survey_edit_view input[type=date] {
  text-align: right;
  width: 160px; }

.survey_edit_view nav.navi {
  position: relative;
  display: flex;
  flex-direction: row;
  width: inherit;
  height: 48px;
  line-height: 48px;
  margin-top: 60px;
  background-color: #F8F6F5;
  border-bottom: 1px solid #D0C9C3; }
  .survey_edit_view nav.navi span {
    width: 2px;
    height: 40px;
    margin-top: 12px; }
  .survey_edit_view nav.navi div.space {
    flex: 1; }
  .survey_edit_view nav.navi input[type=text] {
    min-width: 130px; }
  .survey_edit_view nav.navi h3 {
    margin: 0px 4px 0px 16px; }
  .survey_edit_view nav.navi .survey_form_box {
    flex: 1; }
    .survey_edit_view nav.navi .survey_form_box form > ul {
      padding: 0px;
      margin: 0px; }
      .survey_edit_view nav.navi .survey_form_box form > ul li {
        padding: 0px;
        margin: 0px; }
        .survey_edit_view nav.navi .survey_form_box form > ul li h3 {
          padding-right: 10px; }
        .survey_edit_view nav.navi .survey_form_box form > ul li dl > dd {
          display: flex;
          justify-content: center;
          align-items: center; }
        .survey_edit_view nav.navi .survey_form_box form > ul li .form-type-radio {
          display: flex;
          flex-direction: row; }
    .survey_edit_view nav.navi .survey_form_box .ui-dropdown {
      width: 100%; }
  .survey_edit_view nav.navi > div > dl {
    display: flex;
    flex-direction: row; }
    .survey_edit_view nav.navi > div > dl dd {
      text-align: center;
      margin: 4px 0px;
      padding: 0px 8px !important;
      cursor: pointer;
      padding: 0;
      position: relative; }
    .survey_edit_view nav.navi > div > dl h2 {
      height: 24px;
      line-height: 24px;
      width: inherit;
      padding: 0 !important;
      padding-right: 16px;
      color: #666;
      opacity: 1; }
    .survey_edit_view nav.navi > div > dl h2.icon, .survey_edit_view nav.navi > div > dl h2.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view nav.navi > div > dl .ui-indicator h2#indicator:before, .ui-indicator .survey_edit_view nav.navi > div > dl h2#indicator:before {
      padding: 0 !important; }
    .survey_edit_view nav.navi > div > dl h2:before {
      position: absolute;
      width: 100%;
      font-size: 1.5rem; }
    .survey_edit_view nav.navi > div > dl h2.iconf {
      background-size: 24px auto;
      background-position: center 50%; }
    .survey_edit_view nav.navi > div > dl h5 {
      height: 24px;
      line-height: 16px;
      font-size: 0.7rem;
      color: #999;
      border: 0;
      opacity: 1; }
    .survey_edit_view nav.navi > div > dl dd:hover h2, .survey_edit_view nav.navi > div > dl dd:hover h5 {
      opacity: 0.7; }

.survey_edit_view header dl.ui-tab-menu dd {
  border-radius: 4px; }

.survey_edit_view main {
  display: flex;
  flex-direction: row;
  padding: 0px;
  margin: 0px;
  background: #FFFFFF;
  height: calc( 100% - 96px); }
  .survey_edit_view main section.left-pane {
    width: 220px;
    min-width: 220px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #DBE0E7; }
    .survey_edit_view main section.left-pane li input + h5 {
      display: none; }
  .survey_edit_view main section.actions .dragover {
    border-bottom: 2px solid #666; }
  .survey_edit_view main section.actions .dragover-top {
    border-top: 2px solid #666; }
  .survey_edit_view main section.actions .dragging {
    opacity: .7; }
  .survey_edit_view main section.center-pane {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 120px; }
    .survey_edit_view main section.center-pane .title-line h4 {
      background-color: #080C1A; }
    .survey_edit_view main section.center-pane .title-line input[type=text] {
      background-color: transparent;
      color: #FFFFFF; }
    .survey_edit_view main section.center-pane .title-line input[type=text]:focus {
      color: #FFFFFF !important; }
    .survey_edit_view main section.center-pane _ .title-line dd.icon:before, .survey_edit_view main section.center-pane _ .title-line dd.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane _ .title-line .ui-indicator dd#indicator:before, .ui-indicator .survey_edit_view main section.center-pane _ .title-line dd#indicator:before, .survey_edit_view main section.center-pane _ .title-line .simulator > header dd:before, .simulator > header .survey_edit_view main section.center-pane _ .title-line dd:before, .survey_edit_view main section.center-pane dd.icon:before, .survey_edit_view main section.center-pane dd.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane .ui-indicator dd#indicator:before, .ui-indicator .survey_edit_view main section.center-pane dd#indicator:before, .survey_edit_view main section.center-pane .simulator > header dd:before, .simulator > header .survey_edit_view main section.center-pane dd:before {
      color: #FFFFFF !important;
      width: 20px; }
    .survey_edit_view main section.center-pane ul.nodes {
      padding-top: 10px; }
      .survey_edit_view main section.center-pane ul.nodes > li {
        width: inherit;
        height: auto;
        overflow: hidden;
        margin: 0px auto 20px 20px;
        min-width: 480px; }
        .survey_edit_view main section.center-pane ul.nodes > li > * {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          box-sizing: border-box;
          position: relative; }
        .survey_edit_view main section.center-pane ul.nodes > li > div {
          width: 90%;
          margin: 10px 10px 5px 0px;
          text-align: left;
          cursor: default;
          height: auto;
          line-height: 32px;
          overflow: hidden;
          position: relative; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span {
            margin: auto 10px auto 0px;
            background-color: #ccc;
            color: white;
            width: auto;
            padding: 4px 12px 4px 12px;
            position: relative;
            box-sizing: border-box;
            height: 24px;
            line-height: 24px;
            border-radius: 6px;
            border: 1px solid #ccc;
            font-size: 11px;
            cursor: pointer; }
            .survey_edit_view main section.center-pane ul.nodes > li > div span i.icon, .survey_edit_view main section.center-pane ul.nodes > li > div span i.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane ul.nodes > li > div span .ui-indicator i#indicator:before, .ui-indicator .survey_edit_view main section.center-pane ul.nodes > li > div span i#indicator:before {
              position: absolute;
              right: 0px;
              top: 0px;
              color: white !important; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span.act, .survey_edit_view main section.center-pane ul.nodes > li > div span.link {
            padding-right: 30px; }
          .survey_edit_view main section.center-pane ul.nodes > li > div div.ipts {
            height: 40px;
            line-height: 40px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center; }
          .survey_edit_view main section.center-pane ul.nodes > li > div div.ipts > span {
            display: block; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span.tg {
            background-color: #5F5BFF;
            border-color: #5F5BFF; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span.on, .survey_edit_view main section.center-pane ul.nodes > li > div .qas span.on {
            background-color: #FDC73E;
            border-color: #FDC73E; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span.new {
            background-color: #00D6C9;
            border-color: #00D6C9; }
          .survey_edit_view main section.center-pane ul.nodes > li > div span.new.on {
            background-color: #999;
            border-color: #999; }
        .survey_edit_view main section.center-pane ul.nodes > li.on h5 {
          font-weight: bold; }
        .survey_edit_view main section.center-pane ul.nodes > li.on h4 {
          background-color: #FDC73E; }
        .survey_edit_view main section.center-pane ul.nodes > li h5 {
          height: 40px;
          line-height: 40px;
          min-height: auto;
          padding-left: 36px;
          font-size: 1rem; }
        .survey_edit_view main section.center-pane ul.nodes > li h4 {
          position: absolute;
          left: 0px;
          top: 5px;
          width: 32px;
          height: 32px;
          line-height: 32px;
          display: block;
          margin: 0;
          color: white;
          text-align: center;
          font-size: 1rem;
          background-color: #999; }
      .survey_edit_view main section.center-pane ul.nodes::-webkit-scrollbar {
        display: none; }
      .survey_edit_view main section.center-pane ul.nodes .cells-frame {
        overflow-x: auto;
        width: inherit;
        padding-right: 20px; }
      .survey_edit_view main section.center-pane ul.nodes .cells {
        display: flex;
        flex-direction: row; }
      .survey_edit_view main section.center-pane ul.nodes > li:hover div.title-line dd:first-child {
        opacity: 1;
        transition-duration: 0.4s; }
      .survey_edit_view main section.center-pane ul.nodes > li:hover div.title-line dd:nth-child(2) {
        opacity: 1;
        transition-duration: 0.4s; }
      .survey_edit_view main section.center-pane ul.nodes li div.title-line {
        display: flex;
        flex-direction: row; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line h4 {
          border-radius: 2px;
          height: 20px;
          width: 20px;
          line-height: 20px;
          font-size: .9rem;
          top: 10px; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line input[type=text] {
          margin-left: 18px;
          width: auto !important;
          min-width: 10px !important;
          border: 0 !important;
          margin-top: 6px;
          border-radius: 0;
          font-weight: bold; }
          .survey_edit_view main section.center-pane ul.nodes li div.title-line input[type=text]:focus {
            border-bottom: 1px solid #D0C9C3 !important;
            background-color: transparent !important;
            color: #666 !important; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line dl {
          height: 24px;
          line-height: 24px;
          margin-top: 8px;
          margin-left: 16px; }
          .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd {
            width: 20px;
            height: 24px;
            padding: 0;
            cursor: pointer;
            opacity: 0;
            color: #666; }
          .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd:before {
            color: #666 !important; }
          .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.icon.brush, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl .ui-indicator dd.brush#indicator:before, .ui-indicator .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush#indicator:before, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl .simulator > header dd.brush, .simulator > header .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush {
            display: none; }
      .survey_edit_view main section.center-pane ul.nodes > li:hover div.title-line dd:first-child {
        opacity: 1;
        transition-duration: 0.4s; }
      .survey_edit_view main section.center-pane ul.nodes > li:hover div.title-line dd:nth-child(2) {
        opacity: 1;
        transition-duration: 0.4s; }
      .survey_edit_view main section.center-pane ul.nodes ol.card {
        margin-top: 10px;
        border-bottom-left-radius: 0px; }
        .survey_edit_view main section.center-pane ul.nodes ol.card li textarea, .survey_edit_view main section.center-pane ul.nodes ol.card li input[type=text] {
          border: 0; }
        .survey_edit_view main section.center-pane ul.nodes ol.card li.text {
          height: auto;
          min-height: auto;
          overflow: hidden;
          position: relative;
          padding: 0;
          display: flex;
          flex-direction: column; }
          .survey_edit_view main section.center-pane ul.nodes ol.card li.text textarea {
            background: #5F5BFF !important;
            color: #FFFFFF !important;
            position: relative;
            resize: none;
            overflow: hidden;
            min-height: 32px;
            font-size: 11px;
            line-height: 22px; }
          .survey_edit_view main section.center-pane ul.nodes ol.card li.text textarea:focus {
            background: #666 !important; }
          .survey_edit_view main section.center-pane ul.nodes ol.card li.text textarea::-moz-input-placeholder {
            color: rgba(255, 255, 255, 0.7); }
          .survey_edit_view main section.center-pane ul.nodes ol.card li.text textarea::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.7); }
      .survey_edit_view main section.center-pane ul.nodes ol.reaction {
        display: flex;
        flex-direction: row;
        margin-top: 10px; }
        .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area {
          min-width: 480px;
          border: 1px solid #D0C9C3;
          border-radius: 4px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area h4 {
            position: relative;
            left: 0px;
            top: 0px;
            background-color: transparent;
            color: #222;
            font-size: 1rem;
            font-weight: bold;
            text-transform: capitalize; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            padding: 4px 10px;
            background-color: #F8F6F5;
            border: 0px;
            height: 48px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header h4 {
              position: relative;
              left: 0px;
              top: 0px;
              background-color: transparent;
              color: #222;
              width: auto;
              height: 24px;
              line-height: 24px;
              margin-right: 30px;
              margin-left: 16px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header ul {
              display: flex;
              flex-direction: row;
              height: 24px;
              line-height: 24px; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header ul > li {
                margin: 0px 4px;
                padding: 0px 16px;
                cursor: pointer; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header ul > li.on, .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > header ul > li:hover {
                background: -moz-linear-gradient(top, #436af6 0%, #6a6cf6 100%);
                background: -webkit-linear-gradient(top, #436af6 0%, #6a6cf6 100%);
                background: linear-gradient(to bottom, #436af6 0%, #6a6cf6 100%);
                color: #FFFFFF !important;
                border-radius: 4px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form textarea, .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=text], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=password], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=email], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=url], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=tel], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form[type=search], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form .form-item-autocomplete, .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form .ui-dropdown {
            width: 100%; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form textarea {
            height: 98px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=number], .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=date] {
            width: 160px;
            text-align: right; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form input[type=number] {
            width: 80px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form p {
            padding-left: 4px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul {
            margin: 0px 16px;
            min-height: 100px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li {
            display: flex;
            flex-direction: row; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-multiple {
              padding-top: 0;
              padding-bottom: 0; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-multiple dd.space {
                width: 0px;
                flex: none; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-multiple dd + dd.space {
                width: 16px; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-multiple h4 {
                padding-right: 16px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-btns dl {
              display: block;
              width: auto;
              max-width: 100%; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-btns dd {
              text-align: center;
              display: inline-block;
              padding-left: 12px;
              padding-right: 12px;
              color: #5F5BFF;
              border: 1px solid #5F5BFF;
              margin-right: 16px;
              height: 32px;
              line-height: 32px;
              border-radius: 16px;
              cursor: pointer; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-btns dd.new-btn {
                color: #00D6C9;
                border-color: #00D6C9; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.form-item-label p {
              padding-bottom: 0; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li h4 {
              width: 140px;
              text-align: right; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li > div {
              display: flex;
              flex-direction: row;
              align-content: center; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.type-checkbox > div, .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.type-radio > div {
              flex-direction: column; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li .type-calendar.days {
              width: 60px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li label.type-calendar {
              height: 32px;
              line-height: 32px;
              margin: 0px 16px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li .form-type-switch {
              align-items: center;
              padding: 0px;
              margin: 0px; }
              .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li .form-type-switch label {
                color: #666;
                min-width: auto;
                padding-right: 16px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.row {
            flex-direction: column; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > .body form > ul > li.row h4 {
              width: 100%;
              text-align: left;
              padding: 0px; }
          .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > footer {
            height: 48px;
            line-height: 48px;
            padding: 0px; }
            .survey_edit_view main section.center-pane ul.nodes ol.reaction .editor-area > footer .btn-holiday.hidden {
              display: none; }
        .survey_edit_view main section.center-pane ul.nodes ol.reaction .space {
          flex: 1; }
    .survey_edit_view main section.center-pane ul.nodes::-webkit-scrollbar {
      display: none; }
    .survey_edit_view main section.center-pane ul.nodes li div.title-line {
      display: flex;
      flex-direction: row; }
      .survey_edit_view main section.center-pane ul.nodes li div.title-line h4 {
        border-radius: 2px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: .9rem;
        top: 10px; }
      .survey_edit_view main section.center-pane ul.nodes li div.title-line input[type=text] {
        color: #666;
        margin-left: 18px;
        width: auto !important;
        min-width: 10px !important;
        border: 0 !important;
        margin-top: 6px;
        border-radius: 0;
        font-weight: bold; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line input[type=text]:focus {
          border-bottom: 1px solid #D0C9C3 !important;
          background-color: transparent !important;
          color: #666 !important; }
      .survey_edit_view main section.center-pane ul.nodes li div.title-line dl {
        height: 24px;
        line-height: 24px;
        margin-top: 8px;
        margin-left: 16px; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd {
          width: 16px;
          height: 24px;
          padding: 0;
          cursor: pointer;
          opacity: 0; }
        .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.icon.brush, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl .ui-indicator dd.brush#indicator:before, .ui-indicator .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush#indicator:before, .survey_edit_view main section.center-pane ul.nodes li div.title-line dl .simulator > header dd.brush, .simulator > header .survey_edit_view main section.center-pane ul.nodes li div.title-line dl dd.brush {
          display: none; }
    .survey_edit_view main section.center-pane section.pop-inline.survey-btn {
      height: 64px;
      line-height: 64px; }
      .survey_edit_view main section.center-pane section.pop-inline.survey-btn form {
        padding-top: 0;
        margin-left: 0;
        text-align: left;
        padding-left: 24px; }
        .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input {
          height: 32px;
          line-height: 32px;
          border-radius: 16px;
          width: 180px; }
        .survey_edit_view main section.center-pane section.pop-inline.survey-btn form i.icon, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form i.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form .ui-indicator i#indicator:before, .ui-indicator .survey_edit_view main section.center-pane section.pop-inline.survey-btn form i#indicator:before {
          height: 20px;
          line-height: 20px; }
      .survey_edit_view main section.center-pane section.pop-inline.survey-btn.new-form i.icon.trash, .survey_edit_view main section.center-pane section.pop-inline.survey-btn.new-form i.trash.form-item-autocomplete.loading-autocomplete:before, .survey_edit_view main section.center-pane section.pop-inline.survey-btn.new-form .ui-indicator i.trash#indicator:before, .ui-indicator .survey_edit_view main section.center-pane section.pop-inline.survey-btn.new-form i.trash#indicator:before {
        display: none; }
  .survey_edit_view main footer .pagination {
    display: flex; }

.company_list_view .queries .ui-dropdown::after {
  position: absolute;
  transform: translateX(-1.5rem); }

.company_list_view .left-pane li.on {
  background: #d0c9c3; }

.company_list_view .list-item-tags .tag, .company_list_view .list-item-tags .form-item-autocomplete.multi span, .form-item-autocomplete.multi .company_list_view .list-item-tags span, .company_list_view .list-item-tags section.user-editor section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane dl.tags .company_list_view .list-item-tags dd {
  background-color: #d0c9c3;
  padding: 0rem 0.4rem;
  margin: 0.2rem; }

.company_list_view .list-item-tags .active {
  background-color: #10eadc; }

.company_list_view .buttons {
  display: flex; }

.tag-checkbox .form-type-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.plan-checkbox .form-type-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.broadcast-btn {
  margin-right: 30px; }

table.list-view.sfa-table tr td div.link a {
  font-weight: bold;
  cursor: pointer;
  transition-property: color;
  transition-duration: 0.2s; }
  table.list-view.sfa-table tr td div.link a:hover {
    color: #10eadc; }

table.list-view.sfa-table tr td .icon:hover, table.list-view.sfa-table tr td .form-item-autocomplete.loading-autocomplete:hover:before, table.list-view.sfa-table tr td th.on:hover, table.list-view.sfa-table tr td th.sortable:hover, table.list-view.sfa-table tr td .ui-indicator #indicator:hover:before, .ui-indicator table.list-view.sfa-table tr td #indicator:hover:before, table.list-view.sfa-table tr td .search-bar div.queries:hover, .search-bar table.list-view.sfa-table tr td div.queries:hover, table.list-view.sfa-table tr td .simulator > header dd:hover, .simulator > header table.list-view.sfa-table tr td dd:hover, table.list-view.sfa-table tr td .p3-layout .menu-pane li:hover, .p3-layout .menu-pane table.list-view.sfa-table tr td li:hover, table.list-view.sfa-table tr td .chat_list_view #simulator footer.send-type-text .type-text b:hover:before, .chat_list_view #simulator footer.send-type-text .type-text table.list-view.sfa-table tr td b:hover:before, table.list-view.sfa-table tr td .bot-editor section.actions li h5:hover, .bot-editor section.actions li table.list-view.sfa-table tr td h5:hover, table.list-view.sfa-table tr td .bot-editor ul.nodes > li > div span.new:hover, .bot-editor ul.nodes > li > div table.list-view.sfa-table tr td span.new:hover, table.list-view.sfa-table tr td .bot-editor ul.nodes > li > div label.new:hover, .bot-editor ul.nodes > li > div table.list-view.sfa-table tr td label.new:hover, table.list-view.sfa-table tr td .bot-editor ul.nodes div.schedule:hover, .bot-editor ul.nodes table.list-view.sfa-table tr td div.schedule:hover, table.list-view.sfa-table tr td .bot-editor ul.nodes ol.card li.item.new:hover, .bot-editor ul.nodes ol.card table.list-view.sfa-table tr td li.item.new:hover, table.list-view.sfa-table tr td .bot-editor ul.nodes div.react-btns label.colors:hover u:hover, .bot-editor ul.nodes div.react-btns label.colors:hover table.list-view.sfa-table tr td u:hover, table.list-view.sfa-table tr td section.user-editor section.info header:hover, section.user-editor section.info table.list-view.sfa-table tr td header:hover, table.list-view.sfa-table tr td section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:hover:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text table.list-view.sfa-table tr td b:hover:before {
  color: #10eadc; }

table.list-view.sfa-table tr td i.iconf.line {
  background-image: url(/images/ico-line-g.svg?v=1);
  background-size: 16px auto;
  transform: translateX(-25px) translateY(6px); }

table.list-view.sfa-table tr td:last-child {
  display: flex; }

.popup.white.sfa-popup, section.popup.sfa-popup.dict-editor {
  overflow-x: hidden;
  max-height: 85vh; }
  .popup.white.sfa-popup .white, section.popup.sfa-popup.dict-editor .white, .popup.white.sfa-popup section.dict-editor, section.popup.sfa-popup.dict-editor section.dict-editor {
    max-height: 85vh; }
  .popup.white.sfa-popup textarea, section.popup.sfa-popup.dict-editor textarea {
    height: 180px; }
  .popup.white.sfa-popup h2, section.popup.sfa-popup.dict-editor h2 {
    font-weight: bold; }
  .popup.white.sfa-popup .no-pseudo::before, section.popup.sfa-popup.dict-editor .no-pseudo::before {
    display: none !important; }
  .popup.white.sfa-popup .no-pseudo::after, section.popup.sfa-popup.dict-editor .no-pseudo::after {
    display: none !important; }
  .popup.white.sfa-popup .left-pane li.on, section.popup.sfa-popup.dict-editor .left-pane li.on {
    background: #d0c9c3; }
  .popup.white.sfa-popup .link a:hover, section.popup.sfa-popup.dict-editor .link a:hover {
    color: #10eadc; }
  .popup.white.sfa-popup footer, section.popup.sfa-popup.dict-editor footer {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    justify-content: center; }
    .popup.white.sfa-popup footer button, section.popup.sfa-popup.dict-editor footer button {
      margin: 0 4px; }

.campaign_list_view .p2-layout .left-pane {
  width: max-content; }
  .campaign_list_view .p2-layout .left-pane > * {
    width: 100%; }
  .campaign_list_view .p2-layout .left-pane .period-container {
    padding: 0 36px; }
    .campaign_list_view .p2-layout .left-pane .period-container + .period-container {
      margin-top: 12px; }
    .campaign_list_view .p2-layout .left-pane .period-container + .more {
      cursor: pointer; }
    .campaign_list_view .p2-layout .left-pane .period-container dl {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-gap: 10px; }
      .campaign_list_view .p2-layout .left-pane .period-container dl dd {
        padding: 0;
        width: 20px;
        height: 20px;
        cursor: pointer; }
        .campaign_list_view .p2-layout .left-pane .period-container dl dd.on {
          background-color: #D0C9C3;
          border-radius: 100%;
          color: #222; }

.campaign_list_view .p2-layout .center-pane .search-bar {
  display: flex;
  align-items: center; }
  .campaign_list_view .p2-layout .center-pane .search-bar div.queries {
    flex: 1; }
    .campaign_list_view .p2-layout .center-pane .search-bar div.queries input {
      height: 100%;
      width: 100%;
      border: none;
      outline: none; }

.campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view th[key='participations'] {
  display: flex; }
  .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view th[key='participations'] i.infor {
    color: #D0C9C3;
    width: 24px;
    height: 100%;
    margin-left: 16px;
    top: -1px; }
    .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view th[key='participations'] i.infor::before {
      width: max-content;
      height: max-content; }

.campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .icon:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame table.list-view .list-item-operations th.on:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame table.list-view .list-item-operations th.sortable:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .search-bar div.queries:after, .search-bar .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations div.queries:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .simulator > header dd:after, .simulator > header .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations dd:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .p3-layout .menu-pane li:after, .p3-layout .menu-pane .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations li:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor section.actions li h5:after, .bot-editor section.actions li .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations h5:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor ul.nodes > li > div span.new:after, .bot-editor ul.nodes > li > div .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations span.new:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor ul.nodes > li > div label.new:after, .bot-editor ul.nodes > li > div .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations label.new:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor ul.nodes div.schedule:after, .bot-editor ul.nodes .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations div.schedule:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor ul.nodes ol.card li.item.new:after, .bot-editor ul.nodes ol.card .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations li.item.new:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations .bot-editor ul.nodes div.react-btns label.colors:hover u:after, .bot-editor ul.nodes div.react-btns label.colors:hover .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations u:after, .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations section.user-editor section.info header:after, section.user-editor section.info .campaign_list_view .p2-layout .center-pane.list-view-frame .list-frame .list-view .list-item-operations header:after {
    left: -100% !important; }

.campaign_list_view .p2-layout .center-pane.list-view-frame footer {
  margin: 0 auto 40px auto;
  width: calc(100% - 64px); }

.campaign_list_view ~ .ui-indicator #indicator {
  background-color: rgba(0, 0, 0, 0.2); }

.popup[name=campaign_export], .popup[name=campaign_copy] {
  width: 400px !important; }
  .popup[name=campaign_export] h4, .popup[name=campaign_copy] h4 {
    width: 140px;
    margin-right: 16px; }
  .popup[name=campaign_export] footer, .popup[name=campaign_copy] footer {
    border-top: 1px solid #999 !important; }
  .popup[name=campaign_export]:not(.white):not(section.dict-editor):not(section.dict-editor):not(.user-editor-frame) .close, .popup[name=campaign_copy]:not(.white):not(section.dict-editor):not(section.dict-editor):not(.user-editor-frame) .close {
    background-image: url(/images/ico_close.svg) !important; }

.new-campaign-popup {
  background-color: white;
  width: 600px; }
  .new-campaign-popup * {
    color: var(--d1); }
  .new-campaign-popup > ul:first-of-type {
    width: max-content;
    padding: 16px 16px 0 16px; }
    .new-campaign-popup > ul:first-of-type label + label {
      margin-left: 12px; }
  .new-campaign-popup header {
    max-width: 100%; }
  .new-campaign-popup form label.on {
    color: #666; }
  .new-campaign-popup form .infor::before {
    color: #D0C9C3;
    width: max-content;
    height: max-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .new-campaign-popup form li[type=multiple] dl {
    width: 100%; }
    .new-campaign-popup form li[type=multiple] dl dd[type=autocomplete] {
      width: 100%;
      align-items: center;
      padding-right: unset; }
      .new-campaign-popup form li[type=multiple] dl dd[type=autocomplete] h4 {
        width: 120px !important;
        min-width: 120px; }
      .new-campaign-popup form li[type=multiple] dl dd[type=autocomplete] div.form-type-autocomplete {
        width: 75%; }
  .new-campaign-popup li[class*=form-item-]:not(.form-item-multiple), .new-campaign-popup li.form-item-multiple dl {
    display: flex;
    align-items: center; }
  .new-campaign-popup li.form-item-multiple {
    overflow: visible; }
    .new-campaign-popup li.form-item-multiple dl i.tooltip {
      margin-left: 16px; }
    .new-campaign-popup li.form-item-multiple dl dd[type=datetimepicker] {
      flex: 1; }
      .new-campaign-popup li.form-item-multiple dl dd[type=datetimepicker] + dd:not([type=datetimepicker]) {
        margin: 0 6px; }
  .new-campaign-popup .form-item-autocomplete {
    border: none;
    background-color: transparent;
    min-height: 32px; }
    .new-campaign-popup .form-item-autocomplete input[type=text] {
      height: 22px; }
  .new-campaign-popup div[class*=form-type-]:not(.form-type-hidden):not(.form-type-checkbox):not(.form-type-radio) {
    background-color: #F8F6F5;
    height: 32px;
    width: 100%; }
    .new-campaign-popup div[class*=form-type-]:not(.form-type-hidden):not(.form-type-checkbox):not(.form-type-radio) .form-item-datetime-picker, .new-campaign-popup div[class*=form-type-]:not(.form-type-hidden):not(.form-type-checkbox):not(.form-type-radio) input[type=text] {
      width: 100%;
      background-color: transparent;
      border: none;
      outline: none; }
  .new-campaign-popup .form-type-input {
    margin-right: 40px; }
  .new-campaign-popup div.how {
    display: flex;
    align-items: center; }
    .new-campaign-popup div.how h4 {
      width: 120px;
      min-width: 120px;
      text-align: left;
      padding-left: 0px;
      text-transform: none;
      font-weight: 400;
      white-space: normal; }
    .new-campaign-popup div.how label.sel-option {
      padding-right: 24px; }
  .new-campaign-popup footer {
    max-width: 100%;
    border-top: 1px solid #D0C9C3; }
  .new-campaign-popup .icon.close, .new-campaign-popup .close.form-item-autocomplete.loading-autocomplete:before, .new-campaign-popup table.list-view th.close.on, table.list-view .new-campaign-popup th.close.on, .new-campaign-popup table.list-view th.close.sortable, table.list-view .new-campaign-popup th.close.sortable, .new-campaign-popup .ui-indicator .close#indicator:before, .ui-indicator .new-campaign-popup .close#indicator:before, .new-campaign-popup .search-bar div.close.queries, .search-bar .new-campaign-popup div.close.queries, .new-campaign-popup .simulator > header dd.close, .simulator > header .new-campaign-popup dd.close, .new-campaign-popup .p3-layout .menu-pane li.close, .p3-layout .menu-pane .new-campaign-popup li.close, .new-campaign-popup .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .new-campaign-popup b.close:before, .new-campaign-popup .bot-editor section.actions li h5.close, .bot-editor section.actions li .new-campaign-popup h5.close, .new-campaign-popup .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .new-campaign-popup span.close.new, .new-campaign-popup .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .new-campaign-popup label.close.new, .new-campaign-popup .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .new-campaign-popup div.close.schedule, .new-campaign-popup .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .new-campaign-popup li.close.item.new, .new-campaign-popup .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .new-campaign-popup u.close, .new-campaign-popup section.user-editor section.info header.close, section.user-editor section.info .new-campaign-popup header.close, .new-campaign-popup section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .new-campaign-popup b.close:before {
    right: 16px;
    background-image: url(/images/ico_close.svg?v=1) !important; }

.campaign_form_view {
  width: 1100px !important;
  overflow: hidden; }
  .campaign_form_view .tab-container form li {
    overflow: initial; }
  .campaign_form_view .tab-container form .infor, .campaign_form_view .tab-container form .plus-square, .campaign_form_view .tab-container form .minus-square {
    display: absolute;
    top: 25%;
    color: #D0C9C3; }
  .campaign_form_view .tab-container form .form-type-select {
    width: 180px; }
  .campaign_form_view .tab-container form .form-type-text {
    line-height: 32px !important;
    line-height: 32px !important; }
    .campaign_form_view .tab-container form .form-type-text input[name='title'] {
      width: 500px; }
    .campaign_form_view .tab-container form .form-type-text input[name='block_rate'], .campaign_form_view .tab-container form .form-type-text input[name='pl.default'], .campaign_form_view .tab-container form .form-type-text input[name='wl.default'] {
      width: 100px !important; }
  .campaign_form_view .tab-container form .form-type-checkbox {
    display: grid !important;
    grid-template-columns: repeat(4, 150px); }
    .campaign_form_view .tab-container form .form-type-checkbox .sel-option {
      line-height: 2.4rem; }
    .campaign_form_view .tab-container form .form-type-checkbox label {
      margin-right: 0 !important;
      width: 180px; }
  .campaign_form_view .tab-container form ul {
    margin-left: 4rem;
    width: 800px !important; }
    .campaign_form_view .tab-container form ul h4 {
      width: 180px;
      min-width: 180px; }
    .campaign_form_view .tab-container form ul .not-first-h4 {
      min-width: 60px !important;
      width: 60px !important;
      padding: 0 15px; }
  .campaign_form_view .tab-container form .ui-dropdown label {
    color: #666; }
  .campaign_form_view dd.on {
    background-color: #D0C9C3 !important;
    font-weight: 400 !important;
    color: black !important; }
  .campaign_form_view dd.disabled {
    color: lightgrey; }
  .campaign_form_view .tab-generalSettings form dd[name='participation_limit_times'] h4, .campaign_form_view .tab-generalSettings form dd[name='win_limit_times'] h4 {
    min-width: 35px !important;
    width: 35px !important;
    margin-left: 20px; }
  .campaign_form_view .tab-generalSettings form .validate-radio cite {
    right: auto; }
  .campaign_form_view .tab-participantsSettings .form-item, .campaign_form_view .tab-participantsSettings .checkbox, .campaign_form_view .tab-participantsSettings .radio {
    margin-left: 25px !important; }
  .campaign_form_view .tab-reportSettings .survey-dropdown .form-type-select {
    width: 400px !important; }
  .campaign_form_view .tab-reportSettings .c-value-dropdown .form-type-select, .campaign_form_view .tab-reportSettings .p-value-dropdown .form-type-select {
    width: 100px !important; }
  .campaign_form_view .tab-reportSettings dd[name='p_value'] .form-type-select, .campaign_form_view .tab-reportSettings dd[name='c_value'] .form-type-select {
    width: 140px !important; }
  .campaign_form_view .tab-reportSettings input[name='p_user_key'] .form-type-text, .campaign_form_view .tab-reportSettings input[name='p_value_pattern'] .form-type-text, .campaign_form_view .tab-reportSettings input[name='c_user_value'] .form-type-text, .campaign_form_view .tab-reportSettings input[name='c_value_pattern'] .form-type-text {
    width: 100px; }
  .campaign_form_view .tab-reportSettings input[name='participation_limit_times'], .campaign_form_view .tab-reportSettings input[name='win_limit_times'], .campaign_form_view .tab-reportSettings input[name='block_rate'] {
    width: 45px !important; }
  .campaign_form_view .tab-reportSettings input[name='flag_name'] {
    max-width: 120px; }
  .campaign_form_view .tab-reportSettings input[name='user_key'] {
    max-width: 152px;
    margin-left: 0.5rem; }
  .campaign_form_view .tab-reportSettings input[name='value_pattern'] {
    max-width: 161px;
    margin-left: 1.8rem; }
  .campaign_form_view .tab-reportSettings .custom-flag-row .ui-dropdown {
    max-width: 115px;
    align-items: flex-start;
    justify-content: center; }
  .campaign_form_view .tab-reportSettings form:first-child {
    height: 200px !important; }
  .campaign_form_view .tab-reportSettings form li:nth-child(7) {
    border-top: 1px dashed #D0C9C3;
    padding-top: 3rem;
    margin-top: 3rem; }
  .campaign_form_view .tab-reportSettings .custom-flag-header {
    position: absolute;
    left: 310px;
    top: 183px;
    background: white;
    font-weight: 400;
    padding: 0 2rem;
    font-weight: 400; }
  .campaign_form_view .tab-infraSettings input[name='redis_server'], .campaign_form_view .tab-infraSettings input[name='db_server'] {
    width: 400px !important; }
  .campaign_form_view .tab-infraSettings input[name='username'], .campaign_form_view .tab-infraSettings input[name='password'], .campaign_form_view .tab-infraSettings input[name='db_name'] {
    width: 300px !important; }

.campaign_goods_form_view {
  width: 1100px !important;
  overflow: hidden; }
  .campaign_goods_form_view section.body {
    height: calc( 100% - 96px) !important; }
  .campaign_goods_form_view .tab-container {
    padding: 16px; }
  .campaign_goods_form_view .tab-container form {
    height: initial !important; }
    .campaign_goods_form_view .tab-container form .alt {
      display: none !important; }
    .campaign_goods_form_view .tab-container form[data-type='0'] .type-0 {
      display: block !important; }
    .campaign_goods_form_view .tab-container form[data-type='1'] .type-1 {
      display: block !important; }
    .campaign_goods_form_view .tab-container form[data-type='2'] .type-2 {
      display: block !important; }
    .campaign_goods_form_view .tab-container form[data-type='3'] .type-3 {
      display: block !important; }
    .campaign_goods_form_view .tab-container form .infor, .campaign_goods_form_view .tab-container form .plus-square, .campaign_goods_form_view .tab-container form .minus-square {
      display: absolute;
      top: 25%;
      color: #D0C9C3; }
    .campaign_goods_form_view .tab-container form dd[name='reserved_store'] .form-type-select {
      width: 300px; }
    .campaign_goods_form_view .tab-container form dd[name='reservation_length'] label, .campaign_goods_form_view .tab-container form dd[name='reservation_interval'] label {
      width: 70px; }
    .campaign_goods_form_view .tab-container form .form-type-text {
      line-height: 32px !important; }
      .campaign_goods_form_view .tab-container form .form-type-text input[name='title'], .campaign_goods_form_view .tab-container form .form-type-text input[name='url'] {
        width: 350px; }
      .campaign_goods_form_view .tab-container form .form-type-text input[name='slots_number'], .campaign_goods_form_view .tab-container form .form-type-text input[name='probability_percent'] {
        width: 100px !important; }
      .campaign_goods_form_view .tab-container form .form-type-text input[name='stock'] {
        width: 350px; }
    .campaign_goods_form_view .tab-container form .form-type-time {
      line-height: 32px !important; }
      .campaign_goods_form_view .tab-container form .form-type-time input[name='store_hours_start'], .campaign_goods_form_view .tab-container form .form-type-time input[name='time_frame_number'], .campaign_goods_form_view .tab-container form .form-type-time input[name='store_hours_end'] {
        width: 80px; }
    .campaign_goods_form_view .tab-container form dd[name='winning_probability'] .form-type-radio {
      flex-direction: column;
      display: flex; }
    .campaign_goods_form_view .tab-container form .types-radio .form-type-radio {
      display: grid !important;
      grid-template-columns: repeat(2, 150px); }
      .campaign_goods_form_view .tab-container form .types-radio .form-type-radio .sel-option {
        line-height: 2.4rem; }
      .campaign_goods_form_view .tab-container form .types-radio .form-type-radio label {
        margin-right: 0 !important;
        width: 180px; }
    .campaign_goods_form_view .tab-container form .form-item-image {
      padding-left: 10rem; }
    .campaign_goods_form_view .tab-container form ul {
      padding: 0;
      margin-left: 4rem;
      width: 850px !important; }
      .campaign_goods_form_view .tab-container form ul h4 {
        width: 180px;
        min-width: 180px; }
      .campaign_goods_form_view .tab-container form ul .not-first-h4 {
        min-width: 40px !important;
        width: 40px !important;
        padding: 0 15px; }
  .campaign_goods_form_view dl.ui-tab-menu {
    width: 130px !important; }
    .campaign_goods_form_view dl.ui-tab-menu dd {
      justify-content: left !important; }
  .campaign_goods_form_view dd.on {
    background-color: #D0C9C3 !important;
    font-weight: 400 !important;
    color: black !important; }
  .campaign_goods_form_view dd.disabled {
    color: lightgrey; }
  .campaign_goods_form_view dd[data-disabled='disabled'] h4, .campaign_goods_form_view dd[data-disabled='disabled'] input {
    color: lightgrey; }
  .campaign_goods_form_view .dist-calendar-header {
    width: 610px;
    display: flex;
    justify-content: space-between; }
  .campaign_goods_form_view li.dist_calendar {
    margin-bottom: 16px; }
    .campaign_goods_form_view li.dist_calendar dl {
      display: grid;
      gap: 1px;
      grid-template-columns: repeat(10, 60px);
      margin-left: 12rem;
      border-top: black solid 2px; }
      .campaign_goods_form_view li.dist_calendar dl dd {
        border-bottom: dashed #D0C9C3 1px; }
        .campaign_goods_form_view li.dist_calendar dl dd:first-child {
          grid-column: 1 / span 10;
          width: 100% !important;
          padding-right: unset !important;
          border-bottom: #D0C9C3 solid 1px; }
        .campaign_goods_form_view li.dist_calendar dl dd .form-type-text {
          padding-top: 15px; }
          .campaign_goods_form_view li.dist_calendar dl dd .form-type-text input {
            border: 0; }
        .campaign_goods_form_view li.dist_calendar dl dd:focus-within {
          background-color: #EEECEA; }
          .campaign_goods_form_view li.dist_calendar dl dd:focus-within * {
            background-color: #EEECEA; }
      .campaign_goods_form_view li.dist_calendar dl dd[title='31'] {
        border-bottom: dashed #D0C9C3 1px;
        grid-column: 1 / span 10; }
        .campaign_goods_form_view li.dist_calendar dl dd[title='31'] h4 {
          width: 16px !important; }
        .campaign_goods_form_view li.dist_calendar dl dd[title='31'] input {
          width: 45px; }
  .campaign_goods_form_view .tab-basicInfo ul {
    height: 100%;
    flex-wrap: wrap; }
    .campaign_goods_form_view .tab-basicInfo ul li {
      width: auto; }
      .campaign_goods_form_view .tab-basicInfo ul li[name='image'] {
        height: 100%;
        padding-left: 16px; }

.campaign_edit_view {
  display: flex;
  flex: 1;
  width: 1200px; }
  .campaign_edit_view dl.ukeyipt-select, .campaign_edit_view dl.ukeyipt-select dd, .campaign_edit_view dd.ukeyipt-select {
    width: unset !important;
    margin-bottom: unset;
    padding-right: unset; }
    .campaign_edit_view dl.ukeyipt-select dd[name="data.report.participation.pattern"], .campaign_edit_view dl.ukeyipt-select dd[name="data.report.conversion.pattern"], .campaign_edit_view dl.ukeyipt-select dd dd[name="data.report.participation.pattern"], .campaign_edit_view dl.ukeyipt-select dd dd[name="data.report.conversion.pattern"], .campaign_edit_view dd.ukeyipt-select dd[name="data.report.participation.pattern"], .campaign_edit_view dd.ukeyipt-select dd[name="data.report.conversion.pattern"] {
      margin-right: 16px; }
  .campaign_edit_view .ukeyipt-select.excp .ui-dropdown {
    width: 122px;
    min-width: 122px;
    max-width: unset; }
  .campaign_edit_view .ukeyipt-select .ui-dropdown {
    min-width: 44px;
    max-width: 44px; }
  .campaign_edit_view main {
    overflow: visible !important;
    z-index: 0; }
  .campaign_edit_view footer {
    justify-content: flex-end;
    background-color: transparent; }
    .campaign_edit_view footer .buttons .clear {
      padding: 0 24px; }
      .campaign_edit_view footer .buttons .clear:before {
        content: "";
        line-height: 30px; }
      .campaign_edit_view footer .buttons .clear:after {
        top: -100% !important; }
    .campaign_edit_view footer .buttons .del:after {
      top: -100% !important; }
    .campaign_edit_view footer .buttons .simu-btns {
      display: flex;
      align-items: center; }
      .campaign_edit_view footer .buttons .simu-btns h2 {
        margin-right: 16px; }
      .campaign_edit_view footer .buttons .simu-btns button {
        color: white;
        background-color: #5F5BFF; }
    .campaign_edit_view footer .buttons .check-btns {
      display: flex;
      align-items: center; }
      .campaign_edit_view footer .buttons .check-btns button.save {
        color: white;
        background-color: #5F5BFF; }
      .campaign_edit_view footer .buttons .check-btns button.clear:before {
        content: ""; }
  .campaign_edit_view .edit_view_header {
    position: relative; }
  .campaign_edit_view .center-pane {
    padding-bottom: 0px !important; }
    .campaign_edit_view .center-pane header.center-header {
      display: flex;
      background-color: #F8F6F5; }
      .campaign_edit_view .center-pane header.center-header .btns .warning {
        color: var(--d2);
        font-size: 10px; }
    .campaign_edit_view .center-pane button.deploy:before {
      content: "";
      line-height: 30px; }
    .campaign_edit_view .center-pane button.terminate:before {
      content: "";
      line-height: 30px; }
    .campaign_edit_view .center-pane .grid-container-body {
      display: grid;
      grid-template-rows: 72px;
      grid-template-columns: 240px;
      grid-template-areas: 'a a' 'b c';
      height: 100%; }
      .campaign_edit_view .center-pane .grid-container-body .center-header {
        grid-area: a;
        height: 72px;
        max-height: 72px;
        box-sizing: border-box; }
    .campaign_edit_view .center-pane .grid-a {
      grid-area: a; }
    .campaign_edit_view .center-pane .grid-b {
      grid-area: b;
      overflow-y: auto; }
    .campaign_edit_view .center-pane .grid-c {
      grid-area: c; }
    .campaign_edit_view .center-pane .campaign-setting-container {
      display: flex;
      flex-direction: column;
      height: 100%; }
      .campaign_edit_view .center-pane .campaign-setting-container header {
        display: flex; }
      .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu {
        grid-area: b; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu div {
          height: 100%; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu div dl.ui-tab-menu {
            height: 100%;
            z-index: 999;
            background: #F8F6F5;
            min-width: 240px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu .ui-tab-menu {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          height: auto; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu .ui-tab-menu dd {
            text-align: left;
            height: 48px;
            line-height: 48px;
            width: 100%;
            border-bottom: 0 !important;
            padding-left: 3rem;
            justify-content: start !important; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-left-inner-menu .ui-tab-menu dd.on {
              color: black;
              font-weight: 400 !important;
              background-color: #D0C9C3; }
      .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container {
        grid-area: c;
        width: 100%;
        overflow: auto; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .alt {
          display: none; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-validate*='participation_limit'] .alt.validate-participation_limit,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-validate*='ukey'] .alt.validate-ukey,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-pl--type]:not([data-pl--type*='limitless']) .alt.pl--type--limitless,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-wl--type]:not([data-wl--type*='limitless']) .alt.wl--type--limitless,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--participation--type='custom'][data-data--report--participation--pattern]:not([data-data--report--participation--pattern*='empty']):not([data-data--report--participation--pattern*='notempty']) .alt-participation-pattern.participation-empty-notempty,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--conversion--type='custom'][data-data--report--conversion--pattern]:not([data-data--report--conversion--pattern*='empty']):not([data-data--report--conversion--pattern*='notempty']) .alt-conversion-pattern.conversion-empty-notempty,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--participation--type='custom'] .participation-custom,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--participation--type='custom'] [ref='participation_dropdown'],
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--conversion--type='custom'] .conversion-custom,
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form[data-data--report--conversion--type='custom'] [ref='conversion_dropdown'] {
          display: flex; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li {
          overflow: initial; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li.i .not-first-h4 {
            padding-right: 16px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dl {
            align-items: center; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd {
            line-height: unset; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd.flag-dd {
              margin-right: 16px; }
              .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd.flag-dd input.form-item {
                width: 122px;
                padding: 0 6px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd i.flag:after {
              left: -30% !important; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd.dt-picker .form-item-datetime-picker {
              width: 168px;
              height: 32px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd[name='wl.type'], .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li dd[name='pl.type'] {
              margin-right: 16px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li .flag-ipt {
            width: 122px;
            padding: 0 6px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li .flag-ipt:first-of-type {
              margin-right: 16px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li .flag-ipt.kipt {
              margin-right: 16px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li .flag-ipt.vipt {
              margin-left: 16px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li[type=multiple] dd {
          width: 100%; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li[type=multiple] dd:first-child {
            padding-right: unset; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li[type=multiple].period dl {
          width: 384px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form li[class*="form-item-"] > h4 {
          margin-top: 6px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .scraping {
          position: relative; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .scraping a {
            font-size: 12px;
            position: absolute;
            top: -88px;
            left: 0;
            color: var(--a1);
            text-decoration: underline;
            cursor: pointer; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .infor, .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .plus-square, .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .minus-square {
          position: relative;
          color: #D0C9C3;
          width: 24px;
          height: 100%; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .infor::before, .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .plus-square::before, .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .minus-square::before {
            width: max-content;
            height: max-content;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-select {
          width: 160px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-select .ui-dropdown {
            width: 100%; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-text {
          line-height: 32px !important;
          line-height: 32px !important; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-text input[name='title'] {
            width: 384px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-text input[name='block_rate'], .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-text input[name='pl.default'], .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-text input[name='wl.default'] {
            width: 100px !important; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-number input {
          width: 76px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-checkbox {
          display: flex;
          align-items: center;
          height: 32px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-checkbox .sel-option {
            width: max-content; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-checkbox label {
            width: 180px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-item-file {
          height: 100px;
          width: 100px;
          border-radius: 4px;
          border: solid 1px rgba(0, 0, 0, 0.2); }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-item-file span.on {
            background-color: unset; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-item-file .default:after {
            bottom: 10px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .form-type-textarea textarea {
          height: 100px;
          width: 384px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form dd[name*=auto_adjust_rates] .form-type-checkbox {
          grid-template-columns: unset; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul h4 {
          width: 140px;
          min-width: 140px;
          height: max-content;
          line-height: unset; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul .not-first-h4 {
          min-width: max-content !important;
          width: max-content !important;
          padding: 0 12px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul .not-first-h4.br {
            width: 28px !important; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul dd.on {
          background-color: #D0C9C3 !important;
          font-weight: 400 !important;
          color: black !important; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul dd.disabled {
          color: lightgrey; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul dd.pattern-dropdown div.form-type-select {
          width: max-content; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul .flag-type {
          margin-right: 16px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul .flag-type .form-type-select {
            width: 122px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul .flag-type .ui-dropdown {
            width: 100%; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section dl {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section dl dd {
            width: 100% !important; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section dl dd:first-of-type {
              margin-bottom: 16px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section dl dd .flag-hr {
              margin-right: auto;
              max-width: 692px;
              min-width: 692px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw {
          align-items: center; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .ukeyipt-select {
            width: unset !important;
            margin-bottom: unset;
            padding-right: unset; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw div.icons {
            display: flex;
            flex-direction: row;
            margin-left: 10px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw div.icons .infor {
              margin-left: 16px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .custom-flag-row {
            flex-direction: row; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .custom-flag-row + .custom-flag-row {
              margin-top: 8px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .custom-flag-row:first-of-type .icons .infor {
              opacity: 1;
              pointer-events: all; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .custom-flag-row input[name=flag_name] {
              min-width: 262px; }
            .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form ul li.custom-flag-section .cfw .custom-flag-row .icons .infor {
              opacity: 0;
              pointer-events: none; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ui-dropdown label {
          color: #666; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt:first-of-type h4:first-of-type, .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt:first-of-type dd:last-child {
          opacity: 1;
          pointer-events: all; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt + .ukeyipt {
          margin-top: 8px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt dd {
          padding-right: unset; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt dd:last-child {
            opacity: 0;
            pointer-events: none; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt h4 {
          width: 140px;
          min-width: 140px;
          font-weight: normal; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt h4:first-of-type {
            opacity: 0;
            pointer-events: none; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt input {
          width: 122px;
          min-width: 122px;
          padding: 0 6px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt input.ukeyk {
            margin-right: 16px; }
          .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt input.ukeyv {
            margin-left: 16px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container form .ukeyipt .btns {
          display: flex;
          margin-left: 10px; }
        .campaign_edit_view .center-pane .campaign-setting-container .campaign-setting-container-body .campaign-setting-form-view-container .hide {
          display: none; }
    .campaign_edit_view .center-pane .report-setting-container {
      display: flex;
      flex-direction: column;
      overflow-y: scroll; }
      .campaign_edit_view .center-pane .report-setting-container .campaign-report {
        width: calc(100% - 64px);
        margin: 0 auto auto auto; }
        .campaign_edit_view .center-pane .report-setting-container .campaign-report .graph-wrapper {
          position: relative;
          height: 500px;
          padding: 8px; }
          .campaign_edit_view .center-pane .report-setting-container .campaign-report .graph-wrapper .graph-controls {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between; }
      .campaign_edit_view .center-pane .report-setting-container footer {
        margin-bottom: 40px; }
    .campaign_edit_view .center-pane .goods-setting-container-body .buttons {
      display: flex;
      padding: 0 16px;
      height: 72px;
      box-sizing: border-box;
      align-items: center;
      border-bottom: 1px solid #F8F6F5; }
      .campaign_edit_view .center-pane .goods-setting-container-body .buttons button + button {
        margin-left: 16px; }
      .campaign_edit_view .center-pane .goods-setting-container-body .buttons button.refresh {
        margin-left: auto; }
    .campaign_edit_view .center-pane .goods-setting-container-body table.list-view tr[i] {
      height: 80px; }
    .campaign_edit_view .center-pane .goods-setting-container-body button.new {
      color: #fff; }
    .campaign_edit_view .center-pane .goods-setting-container-body .goods-list th .infor {
      color: #d0c9c3;
      margin-left: 8px;
      display: inline-flex;
      position: absolute;
      align-items: center;
      top: 50%;
      left: 32px;
      transform: translateY(-50%); }
      .campaign_edit_view .center-pane .goods-setting-container-body .goods-list th .infor::before {
        height: min-content;
        line-height: normal;
        position: static; }
    .campaign_edit_view .center-pane .bonus-setting-container-body {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .campaign_edit_view .center-pane .bonus-setting-container-body .bonus-list {
        flex: 1; }
    .campaign_edit_view .center-pane .lot-setting-container, .campaign_edit_view .center-pane .goods-setting-container-body, .campaign_edit_view .center-pane .report-setting-container {
      height: 100%; }
    .campaign_edit_view .center-pane .goods-setting-container-body .goods-list td.list-item-image {
      height: unset;
      line-height: unset; }
    .campaign_edit_view .center-pane .campaign-miniapp-container {
      height: 100%; }
      .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body {
        display: grid;
        grid-template-areas: 'a' 'b';
        height: 100%; }
        .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .center-header {
          height: 72px;
          max-height: 72px;
          box-sizing: border-box;
          grid-area: a; }
        .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings {
          padding: 16px 16px 100px 40px;
          overflow-y: auto;
          grid-area: b; }
          .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting {
            display: flex;
            align-items: center;
            padding: 8px 0; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting.img {
              align-items: flex-start; }
              .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting.img .img-container {
                background-repeat: no-repeat;
                background-size: contain;
                width: 187.5px !important;
                height: 406px !important;
                border-radius: 8px; }
                .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting.img .img-container.gtype {
                  height: 355px !important; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting.title {
              align-items: flex-start; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting.goods + .goods h4 {
              opacity: 0; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting h4 {
              width: 140px;
              min-width: 140px;
              font-weight: normal; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting .form-item-colorpicker {
              display: flex;
              align-items: center; }
              .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting .form-item-colorpicker input {
                width: 168px; }
              .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting .form-item-colorpicker b {
                width: 60px;
                height: 30px;
                border: 1px solid #D0C9C3;
                margin-left: 12px;
                cursor: pointer; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting textarea {
              width: 384px; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting ul {
              display: flex;
              flex-wrap: wrap; }
              .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting ul label {
                margin-right: 12px; }
                .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting ul label.on {
                  font-weight: 600;
                  animation: highlight .25s ease-out;
                  color: #666; }
            .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting .infor {
              color: #d0c9c3;
              margin-left: 24px;
              display: inline-flex;
              height: unset;
              min-height: unset; }
              .campaign_edit_view .center-pane .campaign-miniapp-container .campaign-miniapp-container-body .miniapp-settings .setting .infor::before {
                height: min-content;
                line-height: normal;
                position: static; }
    .campaign_edit_view .center-pane .campaign-history-container-body .center-header {
      width: 240px;
      border-right: 1px solid #D0C9C3; }
    .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-left-inner-menu {
      background: #F8F6F5;
      border-right: 1px solid #D0C9C3; }
      .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-left-inner-menu div .ui-tab-menu {
        height: 100%;
        z-index: 999;
        min-width: 240px;
        border-right: unset; }
        .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-left-inner-menu div .ui-tab-menu dd {
          text-align: left;
          height: 48px;
          line-height: 48px;
          width: 100%;
          border-bottom: 0 !important;
          padding-left: 3rem;
          justify-content: start !important; }
          .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-left-inner-menu div .ui-tab-menu dd.on {
            color: black;
            font-weight: 400 !important;
            background-color: #D0C9C3; }
          .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-left-inner-menu div .ui-tab-menu dd.title {
            pointer-events: none;
            color: #D0C9C3;
            font-weight: bold; }
    .campaign_edit_view .center-pane .campaign-history-container-body .campaign-search {
      padding-left: 240px; }
      .campaign_edit_view .center-pane .campaign-history-container-body .campaign-search .search-tab {
        border-bottom: 1px solid #D0C9C3; }
    .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-list-view-container {
      display: flex;
      flex-direction: column;
      overflow-x: auto; }
      .campaign_edit_view .center-pane .campaign-history-container-body .campaign-history-list-view-container .history-list {
        flex: 1;
        overflow-x: auto; }
    .campaign_edit_view .center-pane .campaign-test-container {
      height: 100%; }
      .campaign_edit_view .center-pane .campaign-test-container .campaign-test-container-body .campaign-test-left-inner-menu {
        grid-area: b; }
      .campaign_edit_view .center-pane .campaign-test-container .campaign-test-left-inner-menu div {
        height: 100%; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-left-inner-menu div dl.ui-tab-menu {
          height: 100%;
          z-index: 999;
          background: #F8F6F5;
          min-width: 240px; }
      .campaign_edit_view .center-pane .campaign-test-container .campaign-test-left-inner-menu .ui-tab-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-left-inner-menu .ui-tab-menu dd {
          text-align: left;
          height: 48px;
          line-height: 48px;
          width: 100%;
          border-bottom: 0 !important;
          padding-left: 3rem;
          justify-content: start !important; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-left-inner-menu .ui-tab-menu dd.on {
            color: black;
            font-weight: 400 !important;
            background-color: #D0C9C3; }
      .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container {
        grid-area: c;
        padding: 24px 48px 100px 48px;
        overflow-y: scroll;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container::-webkit-scrollbar {
          display: none; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container h3, .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container h4 {
          color: #222222;
          pointer-events: none;
          font-weight: unset; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container h4 {
          height: max-content;
          line-height: unset; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form {
          padding-left: unset;
          position: relative; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form input {
            width: 200px; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form .alt {
            display: none; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type0 .alt-notcoupon, .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type1 .alt-notcoupon {
            display: flex; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type3 .alt-rnotcoupon, .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type4 .alt-rnotcoupon {
            display: flex; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type2 .alt-coupon {
            display: flex; }
            .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type2 .alt-coupon .form-type-autocomplete {
              height: 32px; }
              .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type2 .alt-coupon .form-type-autocomplete .form-item-autocomplete {
                min-height: 32px;
                line-height: 32px;
                width: 200px;
                flex-wrap: nowrap; }
                .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form.type2 .alt-coupon .form-type-autocomplete .form-item-autocomplete input[type=text] {
                  margin: 3px;
                  padding-left: 7px; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul {
            display: flex;
            padding: unset; }
            .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul h4 {
              width: 120px;
              font-weight: bold; }
            .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul li {
              width: max-content;
              padding: unset;
              overflow: initial;
              display: flex;
              align-items: center;
              margin-bottom: 32px; }
              .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul li .form-type-radio {
                display: flex;
                flex-direction: row; }
              .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul li.info {
                position: absolute;
                bottom: 0;
                transform: translate(346px, 0px); }
                .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul li.info i.infor {
                  color: #D0C9C3; }
              .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container form ul li dl {
                align-items: center; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container .separater {
          display: none;
          margin: 48px 0;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          position: relative; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container .separater.visible {
            display: flex; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container .separater h4 {
            position: absolute;
            background: white;
            padding: 12px; }
          .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container .separater hr {
            width: 100%; }
        .campaign_edit_view .center-pane .campaign-test-container .campaign-test-form-view-container .res-container {
          margin-top: 12px; }
    .campaign_edit_view .center-pane .users-container {
      height: 100%; }
      .campaign_edit_view .center-pane .users-container .users-container-body {
        height: 100%;
        display: flex; }
        .campaign_edit_view .center-pane .users-container .users-container-body .users-left-inner-menu {
          background-color: #F8F6F5;
          border-right: 1px solid #D0C9C3; }
          .campaign_edit_view .center-pane .users-container .users-container-body .users-left-inner-menu header {
            display: flex;
            padding-left: 32px;
            padding-right: 32px;
            line-height: 24px !important;
            height: 72px;
            border-bottom: 0; }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-left-inner-menu header h4 {
              text-align: left;
              color: #D0C9C3;
              font-weight: 800;
              text-transform: uppercase;
              font-size: 11px;
              line-height: 24px !important;
              height: unset; }
              .campaign_edit_view .center-pane .users-container .users-container-body .users-left-inner-menu header h4.header-opts {
                color: #222222;
                cursor: pointer; }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-left-inner-menu header .ui-dropdown {
              height: 22px;
              font-size: 11px;
              padding: 0 12px 0 12px; }
        .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container {
          flex: 1;
          display: flex;
          flex-direction: column;
          width: 0; }
          .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list {
            margin-bottom: auto;
            overflow-x: auto;
            max-width: calc(100% - 0px); }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .test-data {
              background-color: rgba(255, 0, 0, 0.04); }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label {
              padding: 0 4px;
              border-radius: 4px;
              background-color: #D8D8D8; }
              .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label:hover {
                background-color: #666;
                color: #fff; }
              .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label.on {
                background-color: #FDC73E; }
                .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label.on:hover {
                  background-color: #FDC73E; }
              .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label + label {
                margin-left: 4px; }
              .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list .list-view .list-item-status label input {
                display: none !important; }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list h2.no-res {
              color: #999; }
          .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list-footer {
            display: flex;
            align-items: center;
            margin-bottom: 40px; }
            .campaign_edit_view .center-pane .users-container .users-container-body .users-list-view-container .users-list-footer .pagination {
              margin-bottom: unset;
              margin-right: auto; }
      .campaign_edit_view .center-pane .users-container .users-left-inner-menu div {
        height: 100%; }
        .campaign_edit_view .center-pane .users-container .users-left-inner-menu div dl.ui-tab-menu {
          height: 100%;
          z-index: 999;
          min-width: 240px;
          overflow-y: auto;
          border-right: unset;
          padding-bottom: 48px; }
      .campaign_edit_view .center-pane .users-container .users-left-inner-menu .ui-tab-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto; }
        .campaign_edit_view .center-pane .users-container .users-left-inner-menu .ui-tab-menu dd {
          text-align: left;
          height: 48px;
          min-height: 48px;
          line-height: 48px;
          width: 100%;
          border-bottom: 0 !important;
          padding: 0 32px;
          justify-content: start !important;
          white-space: nowrap;
          overflow-x: auto; }
          .campaign_edit_view .center-pane .users-container .users-left-inner-menu .ui-tab-menu dd.on {
            color: black;
            font-weight: 400 !important;
            background-color: #D0C9C3; }
    .campaign_edit_view .center-pane .pagination {
      margin-bottom: 40px; }
      .campaign_edit_view .center-pane .pagination footer {
        padding-right: 0; }
        .campaign_edit_view .center-pane .pagination footer .buttons .import:after {
          left: -55% !important; }
      .campaign_edit_view .center-pane .pagination .buttons {
        margin-left: auto; }
      .campaign_edit_view .center-pane .pagination.large .list-view-pages {
        margin: unset; }
        .campaign_edit_view .center-pane .pagination.large .list-view-pages dd {
          margin-right: 10px;
          border-radius: 50%;
          width: 32px;
          height: 32px;
          line-height: 32px; }
        .campaign_edit_view .center-pane .pagination.large .list-view-pages + label {
          margin-left: 30px;
          cursor: pointer;
          text-decoration: underline;
          white-space: nowrap;
          color: var(--d1);
          user-select: none; }
  .campaign_edit_view .list-item-image {
    display: flex !important; }
    .campaign_edit_view .list-item-image img {
      width: 60px;
      height: 60px;
      margin: 10px 0;
      object-fit: cover; }
  .campaign_edit_view .tab-sticker {
    --stickerSizeX: 250px;
    --stickerSizeY: 250px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    width: 100%;
    height: 0 !important;
    overflow: unset; }
    .campaign_edit_view .tab-sticker .tools {
      flex: 1;
      border-right: 1px solid #D0C9C3;
      overflow: scroll; }
      .campaign_edit_view .tab-sticker .tools li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px 20px; }
      .campaign_edit_view .tab-sticker .tools label.upload {
        background-color: #F8F6F5;
        position: relative;
        cursor: pointer;
        border-radius: 4px;
        height: 30px;
        line-height: 30px;
        width: 8rem;
        min-height: 30px; }
        .campaign_edit_view .tab-sticker .tools label.upload span {
          margin-left: 20px; }
          .campaign_edit_view .tab-sticker .tools label.upload span i {
            display: inline;
            margin-left: 5px; }
        .campaign_edit_view .tab-sticker .tools label.upload input {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1; }
      .campaign_edit_view .tab-sticker .tools button.new {
        color: white; }
        .campaign_edit_view .tab-sticker .tools button.new:disabled {
          opacity: 0.9;
          pointer-events: none; }
      .campaign_edit_view .tab-sticker .tools .shapes {
        position: relative; }
        .campaign_edit_view .tab-sticker .tools .shapes > * {
          padding: 0.2rem 1rem;
          border: solid 1px var(--l2); }
          .campaign_edit_view .tab-sticker .tools .shapes > *:first-child {
            border-top-left-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem; }
          .campaign_edit_view .tab-sticker .tools .shapes > *:not(:first-child) {
            margin-left: -1px; }
          .campaign_edit_view .tab-sticker .tools .shapes > *:last-child {
            border-top-right-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem; }
          .campaign_edit_view .tab-sticker .tools .shapes > *.on {
            color: var(--a1);
            background-color: #ebebff;
            border-color: currentColor;
            z-index: 1; }
      .campaign_edit_view .tab-sticker .tools .presets-wrapper {
        display: flex;
        flex-wrap: wrap;
        overflow-x: scroll;
        justify-content: space-evenly;
        align-items: center; }
        .campaign_edit_view .tab-sticker .tools .presets-wrapper img {
          cursor: pointer;
          width: 45%;
          margin-top: 5px; }
    .campaign_edit_view .tab-sticker .preview-wrapper {
      flex: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      overflow: unset; }
      .campaign_edit_view .tab-sticker .preview-wrapper .scene {
        height: var(--stickerSizeY);
        width: var(--stickerSizeX);
        transform-style: preserve-3d;
        perspective: 50rem;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease-in-out; }
        .campaign_edit_view .tab-sticker .preview-wrapper .scene .sticker-border {
          background-color: var(--stickerBorderColor);
          height: var(--stickerSizeY);
          width: var(--stickerSizeX);
          clip-path: var(--stickerShape);
          -webkit-clip-path: var(--stickerShape);
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: var(--stickerFontFamily);
          text-align: center;
          pointer-events: none;
          transition: transform 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; }
          .campaign_edit_view .tab-sticker .preview-wrapper .scene .sticker-border .sticker-content {
            background-color: var(--stickerBackgroundColor);
            background-image: var(--stickerBackgroundImgUrl);
            background-blend-mode: var(--stickerBackgroundBlendMode);
            background-position: center center;
            background-size: var(--stickerBackgroundSize);
            height: calc(var(--stickerSizeY) - var(--stickerBorderSize));
            width: calc(var(--stickerSizeX) - var(--stickerBorderSize));
            clip-path: var(--stickerShape);
            -webkit-clip-path: var(--stickerShape);
            padding: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: width 0.4s ease-out, height 0.4s ease-out; }
            .campaign_edit_view .tab-sticker .preview-wrapper .scene .sticker-border .sticker-content .sticker-text {
              font-size: var(--stickerFontSize);
              font-weight: bold;
              width: 100%;
              line-height: var(--stickerFontSize);
              color: var(--stickerColor);
              transition: font-size 0.4s ease-out, line-height 0.4s ease-out; }
      .campaign_edit_view .tab-sticker .preview-wrapper .result-wrapper {
        display: flex;
        overflow-x: scroll;
        flex-basis: 20vw;
        align-items: center;
        min-width: 100%;
        padding-left: 1%; }
        .campaign_edit_view .tab-sticker .preview-wrapper .result-wrapper div {
          border: 3px solid #222;
          border-radius: 2%;
          margin: 1%;
          min-width: 20%;
          width: 20%; }
          .campaign_edit_view .tab-sticker .preview-wrapper .result-wrapper div a {
            color: #777;
            font: 14px/100% arial, sans-serif;
            position: absolute;
            right: 5px;
            text-shadow: 0 1px 0 #fff;
            top: 5px;
            cursor: pointer; }
          .campaign_edit_view .tab-sticker .preview-wrapper .result-wrapper div a.fa-download {
            right: 35px; }
          .campaign_edit_view .tab-sticker .preview-wrapper .result-wrapper div img {
            width: 70%;
            margin-top: 5px; }
  .campaign_edit_view .left-pane.campaigns-sidemenu {
    z-index: 999;
    min-width: 200px; }
    .campaign_edit_view .left-pane.campaigns-sidemenu label {
      cursor: pointer;
      align-items: center;
      display: flex;
      justify-content: center;
      line-height: 72px;
      border-bottom: 1px solid #D0C9C3;
      height: 72px;
      min-height: 72px;
      box-sizing: border-box; }
    .campaign_edit_view .left-pane.campaigns-sidemenu .menu-container {
      height: 100%;
      overflow-y: auto; }
      .campaign_edit_view .left-pane.campaigns-sidemenu .menu-container header {
        padding-top: 0;
        margin-bottom: 8px; }
      .campaign_edit_view .left-pane.campaigns-sidemenu .menu-container .ui-tab-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto; }
        .campaign_edit_view .left-pane.campaigns-sidemenu .menu-container .ui-tab-menu dd {
          text-align: left;
          height: 48px;
          line-height: 48px;
          width: 100%;
          border-bottom: 0 !important;
          padding-left: 3rem;
          justify-content: start !important; }
          .campaign_edit_view .left-pane.campaigns-sidemenu .menu-container .ui-tab-menu dd.on {
            color: black;
            font-weight: 400 !important;
            background-color: #D0C9C3; }
  .campaign_edit_view .campaign_form_view {
    width: 100% !important; }
    .campaign_edit_view .campaign_form_view .body {
      width: 100% !important;
      height: 100% !important; }
    .campaign_edit_view .campaign_form_view form dd[name='participation_limit_times'] h4, .campaign_edit_view .campaign_form_view form dd[name='win_limit_times'] h4 {
      min-width: 35px !important;
      width: 35px !important;
      margin-left: 20px; }
    .campaign_edit_view .campaign_form_view header {
      width: 100%;
      position: relative !important;
      padding-left: 16px !important; }
    .campaign_edit_view .campaign_form_view .flex-row, .campaign_edit_view .campaign_form_view .pagination {
      align-items: start !important; }
    .campaign_edit_view .campaign_form_view footer {
      width: 100%; }
    .campaign_edit_view .campaign_form_view dl.ui-tab-menu {
      width: 150px; }
      .campaign_edit_view .campaign_form_view dl.ui-tab-menu dd {
        justify-content: left !important; }
  .campaign_edit_view .tab-container {
    width: 100%; }
  .campaign_edit_view .tab-tickets .tickets-list {
    margin: 0 20px; }
  .campaign_edit_view .tab-participants .body {
    align-items: unset; }
  .campaign_edit_view .tab-participants .list-item-winning_flag .w-flag {
    background-color: #d0c9c3;
    padding: 0rem 0.4rem;
    margin: 0.2rem;
    border-radius: 4px; }
  .campaign_edit_view .tab-participants .list-item-winning_flag .on {
    background-color: #10eadc;
    color: white; }
  .campaign_edit_view .tab-participants a {
    color: #D0C9C3; }
    .campaign_edit_view .tab-participants a.on {
      color: #00D6C9;
      font-weight: 800; }
  .campaign_edit_view .list-item-status .status {
    background-color: #d0c9c3;
    padding: 0rem 0.4rem;
    margin: 0.2rem;
    border-radius: 4px; }
  .campaign_edit_view .list-item-status .on {
    background-color: #10eadc;
    color: white; }
  .campaign_edit_view .list-item-status span:nth-child(4).on, .campaign_edit_view .list-item-status span:nth-child(5).on {
    background-color: #DB234B; }

.popup-mask #campaign_name_copy, .popup-mask #campaign_name_delete {
  width: 50%; }

.popup-mask .radios label {
  margin: 0 15px; }

.popup-mask .radios ul {
  display: flex;
  align-items: center; }

.popup-mask .checkboxes label {
  margin: 4.5px 15px; }

.popup-mask.over-popup-mask, .popup-mask.goods-mask {
  z-index: 10000000 !important; }

.popup.popup-confirm .popup-text {
  margin: 24px !important; }

.popup.popup-confirm footer {
  border-top: 1px solid #999 !important; }

.popup.popup-confirm .close {
  background-image: url(/images/ico_close.svg) !important; }

.popup.onetime-link-pop {
  width: 100%;
  max-width: 500px; }
  .popup.onetime-link-pop .alt {
    display: none; }
  .popup.onetime-link-pop form[data-type='period'] .alt.type-period {
    display: flex; }
    .popup.onetime-link-pop form[data-type='period'] .alt.type-period dd:not([name]) span {
      display: flex;
      height: 100%;
      align-items: center;
      padding: 0 8px; }
  .popup.onetime-link-pop .form-type-date input {
    width: 100%; }
  .popup.onetime-link-pop .form-type-radio {
    flex-direction: row; }

.popup.csv-encoding-window footer {
  border-top: 1px solid #D0C9C3 !important;
  margin-bottom: unset; }

.popup.csv-encoding-window .close {
  background-image: url(/images/ico_close.svg) !important; }

.popup.code-gen-pop section {
  padding: 16px 0; }
  .popup.code-gen-pop section div {
    display: flex;
    align-items: center; }
    .popup.code-gen-pop section div input#copy_number {
      width: 150px; }
    .popup.code-gen-pop section div input#copy_length {
      width: 80px; }
    .popup.code-gen-pop section div.radios {
      padding-top: 16px; }

.popup.code-gen-pop .body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.popup.code-del-pop section {
  padding: 16px;
  display: flex;
  align-items: center; }
  .popup.code-del-pop section h4 {
    width: 120px;
    font-weight: unset; }
  .popup.code-del-pop section ul label.sel-option.radio {
    margin: 0 16px; }
    .popup.code-del-pop section ul label.sel-option.radio.on {
      font-weight: 600;
      animation: highlight .25s ease-out; }

.popup.tickets footer {
  border-top: 1px solid #D0C9C3 !important; }
  .popup.tickets footer .buttons button:nth-child(2) {
    background-color: #5F5BFF; }

.popup.tickets .close {
  background-image: url(/images/ico_close.svg) !important; }

.popup.opts-pop {
  position: fixed;
  right: 71px;
  top: 111px;
  height: 100%;
  max-height: 400px;
  width: 400px;
  display: flex;
  flex-direction: column; }
  .popup.opts-pop header {
    background-color: #222;
    color: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .popup.opts-pop ul {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px 16px;
    overflow-y: auto; }
    .popup.opts-pop ul label {
      margin-right: 8px;
      margin-bottom: 8px; }
  .popup.opts-pop footer {
    border-top: 1px solid #D0C9C3;
    background: unset; }
  .popup.opts-pop .close {
    background-image: url(/images/ico_close.svg) !important; }

.popup.persona-pop {
  width: unset; }
  .popup.persona-pop header {
    padding-left: 36px; }
  .popup.persona-pop .ipt-con {
    display: flex;
    padding-left: 40px; }
    .popup.persona-pop .ipt-con:first-of-type {
      padding-top: 8px;
      padding-bottom: 8px; }
    .popup.persona-pop .ipt-con h4 {
      width: 140px;
      font-weight: normal; }
    .popup.persona-pop .ipt-con input {
      width: 122px; }
  .popup.persona-pop form ul {
    padding-top: 0;
    padding-bottom: 0; }
    .popup.persona-pop form ul .ukeyipt {
      display: flex;
      align-items: center; }
      .popup.persona-pop form ul .ukeyipt:first-of-type h4:first-of-type, .popup.persona-pop form ul .ukeyipt:first-of-type dd:last-child {
        opacity: 1;
        pointer-events: all; }
      .popup.persona-pop form ul .ukeyipt + .ukeyipt {
        margin-top: 8px; }
      .popup.persona-pop form ul .ukeyipt dd {
        padding-right: unset; }
        .popup.persona-pop form ul .ukeyipt dd:last-child {
          opacity: 0;
          pointer-events: none; }
      .popup.persona-pop form ul .ukeyipt h4 {
        width: 140px;
        min-width: 140px;
        font-weight: normal; }
        .popup.persona-pop form ul .ukeyipt h4:first-of-type {
          opacity: 0;
          pointer-events: none; }
      .popup.persona-pop form ul .ukeyipt input {
        width: 122px;
        min-width: 122px;
        padding: 0 6px; }
        .popup.persona-pop form ul .ukeyipt input.ukeyk {
          margin-right: 16px; }
        .popup.persona-pop form ul .ukeyipt input.ukeyv {
          margin-left: 16px; }
      .popup.persona-pop form ul .ukeyipt p {
        padding-right: 0; }
      .popup.persona-pop form ul .ukeyipt .ukeyipt-select.excp .ui-dropdown {
        width: 122px;
        min-width: 122px;
        max-width: unset; }
      .popup.persona-pop form ul .ukeyipt .ukeyipt-select .ui-dropdown {
        min-width: 44px;
        max-width: 44px; }
      .popup.persona-pop form ul .ukeyipt .btns {
        display: flex;
        margin-left: 10px; }
        .popup.persona-pop form ul .ukeyipt .btns .infor, .popup.persona-pop form ul .ukeyipt .btns .plus-square, .popup.persona-pop form ul .ukeyipt .btns .minus-square {
          position: relative;
          color: #D0C9C3;
          width: 24px;
          height: 100%; }
          .popup.persona-pop form ul .ukeyipt .btns .infor::before, .popup.persona-pop form ul .ukeyipt .btns .plus-square::before, .popup.persona-pop form ul .ukeyipt .btns .minus-square::before {
            width: max-content;
            height: max-content;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }

.popup.campaign-bonus-popup header {
  padding-left: 36px;
  font-size: 14px; }

.popup.campaign-bonus-popup footer {
  background-color: white; }

.popup.campaign-bonus-popup .alt {
  display: none; }

.popup.campaign-bonus-popup form[data-type*="campaign"] .alt.type-campaign,
.popup.campaign-bonus-popup form[data-type*="goods"] .alt.type-goods {
  display: flex;
  overflow: visible; }

.popup.campaign-bonus-popup form[data-campaign--pl--type='limitless'] dd[name='campaign.pl'], .popup.campaign-bonus-popup form[data-campaign--pl--type='limitless'] dl.pl {
  display: none; }

.popup.campaign-bonus-popup form[data-campaign--wl--type='limitless'] dd[name='campaign.wl'], .popup.campaign-bonus-popup form[data-campaign--wl--type='limitless'] dl.wl {
  display: none; }

.popup.campaign-bonus-popup form {
  height: 500px;
  overflow-y: auto; }
  .popup.campaign-bonus-popup form .form-item-multiple > dl {
    display: flex;
    align-items: center; }
  .popup.campaign-bonus-popup form li {
    align-items: center; }
    .popup.campaign-bonus-popup form li h4 {
      min-width: 140px !important; }
      .popup.campaign-bonus-popup form li h4.type-campaign, .popup.campaign-bonus-popup form li h4.type-goods {
        font-weight: 800; }
    .popup.campaign-bonus-popup form li .form-type-number input {
      width: 76px; }
    .popup.campaign-bonus-popup form li[type='text'] .form-type-text input {
      width: 300px; }
    .popup.campaign-bonus-popup form li.type-goods h4, .popup.campaign-bonus-popup form li[name*="goods"] h4 {
      overflow-x: auto;
      white-space: nowrap;
      min-width: 124px !important;
      max-width: 124px;
      margin-right: 16px; }
    .popup.campaign-bonus-popup form li.type-goods .form-type-text input, .popup.campaign-bonus-popup form li[name*="goods"] .form-type-text input {
      width: 160px; }
    .popup.campaign-bonus-popup form li.i {
      align-items: center; }
      .popup.campaign-bonus-popup form li.i h4 {
        min-width: max-content !important;
        width: max-content;
        margin: unset; }
      .popup.campaign-bonus-popup form li.i dd {
        display: inline-flex;
        width: max-content; }
      .popup.campaign-bonus-popup form li.i .infor {
        position: relative;
        color: #D0C9C3;
        margin-left: 8px;
        display: inline-flex;
        height: unset;
        min-height: unset; }
        .popup.campaign-bonus-popup form li.i .infor::before {
          height: min-content;
          line-height: normal;
          position: static; }
        .popup.campaign-bonus-popup form li.i .infor:after {
          transform: translateX(-32%) !important; }
      .popup.campaign-bonus-popup form li.i.type-goods .infor:after {
        transform: translateX(-8%) !important; }

.popup.scraping-pop ul {
  padding: 16px 40px; }
  .popup.scraping-pop ul li {
    display: flex;
    align-items: center;
    padding: 8px 0;
    overflow: visible; }
    .popup.scraping-pop ul li h4 {
      width: 120px;
      min-width: 120px; }
    .popup.scraping-pop ul li input {
      width: 384px; }
    .popup.scraping-pop ul li .infor {
      color: white;
      margin-left: 24px;
      display: inline-flex;
      height: unset;
      min-height: unset; }
      .popup.scraping-pop ul li .infor:before {
        height: min-content;
        line-height: normal;
        position: static; }

.popup.scraping-pop footer {
  border-top: 1px solid #D0C9C3 !important; }

.popup.miniapp-tmpl-pop.gtype ul input {
  height: 355px !important; }

.popup.miniapp-tmpl-pop ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  overflow: auto;
  max-height: 692px;
  padding-bottom: 24px; }
  .popup.miniapp-tmpl-pop ul label {
    padding: 24px 24px 0 24px;
    text-align: center !important; }
    .popup.miniapp-tmpl-pop ul label.on {
      font-weight: 600;
      animation: highlight .25s ease-out;
      color: #666; }
  .popup.miniapp-tmpl-pop ul input {
    margin-top: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: unset;
    width: 187.5px !important;
    height: 406px !important;
    position: unset !important;
    transform: unset !important;
    cursor: pointer; }

.popup.edit-history-pop form {
  overflow-y: auto;
  max-height: 600px; }
  .popup.edit-history-pop form ul li h4 {
    min-width: 120px;
    font-weight: unset; }
  .popup.edit-history-pop form ul li input {
    pointer-events: none;
    width: 384px; }
  .popup.edit-history-pop form ul li .dataarea {
    display: flex;
    flex-direction: row; }
    .popup.edit-history-pop form ul li .dataarea ul h4, .popup.edit-history-pop form ul li .dataarea ul p {
      color: #222; }
    .popup.edit-history-pop form ul li .dataarea ul h4 {
      font-weight: bold; }

.popup.edit-history-pop footer {
  border-radius: 0 0 4px 4px; }

.popover.tickets-csv i.close, section.tickets-csv.pop-inline i.close, .popover.goods-csv i.close, section.goods-csv.pop-inline i.close {
  top: 10px !important;
  right: 15px !important; }

.popover.tickets-csv li, section.tickets-csv.pop-inline li, .popover.goods-csv li, section.goods-csv.pop-inline li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3;
  overflow: visible; }
  .popover.tickets-csv li:last-child, section.tickets-csv.pop-inline li:last-child, .popover.goods-csv li:last-child, section.goods-csv.pop-inline li:last-child {
    border-bottom: 0; }
  .popover.tickets-csv li button.label, section.tickets-csv.pop-inline li button.label, .popover.goods-csv li button.label, section.goods-csv.pop-inline li button.label {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    background-color: transparent; }
  .popover.tickets-csv li button.label:before, section.tickets-csv.pop-inline li button.label:before, .popover.goods-csv li button.label:before, section.goods-csv.pop-inline li button.label:before {
    height: 44px;
    line-height: 44px; }

.popover.tickets-csv button, section.tickets-csv.pop-inline button, .popover.goods-csv button, section.goods-csv.pop-inline button {
  border: none; }
  .popover.tickets-csv button:hover, section.tickets-csv.pop-inline button:hover, .popover.goods-csv button:hover, section.goods-csv.pop-inline button:hover {
    background-color: unset; }
  .popover.tickets-csv button:after, section.tickets-csv.pop-inline button:after, .popover.goods-csv button:after, section.goods-csv.pop-inline button:after {
    left: -25% !important; }

.popup.campaign-new-goods-form {
  background-color: #fff;
  max-height: 575px;
  height: 100%;
  max-width: 920px;
  width: 100%;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  position: relative; }
  .popup.campaign-new-goods-form .ukeyipt-select.excp .ui-dropdown {
    width: 122px;
    min-width: 122px;
    max-width: unset; }
  .popup.campaign-new-goods-form .ukeyipt-select .ui-dropdown {
    min-width: 44px;
    max-width: 44px; }
  .popup.campaign-new-goods-form h4, .popup.campaign-new-goods-form header, .popup.campaign-new-goods-form p {
    color: #666666;
    white-space: normal;
    height: max-content;
    overflow: visible; }
    .popup.campaign-new-goods-form h4.alt, .popup.campaign-new-goods-form h4.calendar-icon, .popup.campaign-new-goods-form header.alt, .popup.campaign-new-goods-form header.calendar-icon, .popup.campaign-new-goods-form p.alt, .popup.campaign-new-goods-form p.calendar-icon {
      color: #666666; }
  .popup.campaign-new-goods-form label {
    color: #666666;
    text-indent: 12px;
    font-size: 12px;
    margin-right: 6px; }
    .popup.campaign-new-goods-form label.on {
      color: #666; }
    .popup.campaign-new-goods-form label input[type=checkbox]:checked {
      background-color: #5F5BFF; }
  .popup.campaign-new-goods-form div.pop-outer-body {
    height: 100%; }
    .popup.campaign-new-goods-form div.pop-outer-body .center-pane {
      display: flex;
      flex-direction: column; }
      .popup.campaign-new-goods-form div.pop-outer-body .center-pane header h3 {
        color: #666666;
        font-size: 14px;
        font-weight: unset;
        padding-left: 20px;
        pointer-events: none; }
      .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body {
        height: auto;
        display: flex;
        overflow: hidden; }
        .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .left-pane {
          width: auto; }
          .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .left-pane .ui-tab-menu.vertical {
            width: 180px;
            border-right: unset; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .left-pane .ui-tab-menu.vertical dd {
              color: #666666;
              display: flex;
              justify-content: start;
              padding-left: 36px;
              height: 48px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .left-pane .ui-tab-menu.vertical dd.on {
                color: unset;
                font-weight: unset;
                background-color: #F8F6F5;
                color: #666666;
                font-weight: 800; }
        .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container {
          display: flex;
          flex-direction: column;
          min-width: max-content;
          width: 100%;
          overflow-y: scroll; }
          .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form {
            height: calc(100% - 48px);
            padding: 0 24px;
            overflow-y: auto; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .alt {
              display: none; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='0'] li.stock {
              display: none; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='1'] li.stock dl dd:first-of-type, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='2'] li.stock dl dd:first-of-type {
              display: none; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='1'] .alt.type-1,
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='2'] .alt.type-2,
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='3'] .alt.type-3,
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-type='4'] .alt.type-4,
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form[data-data--send_type='webhook'] .alt.data--send_type-webhook {
              display: flex; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form ul {
              width: max-content; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form ul dl {
                align-items: center; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form ul dl dd {
                  width: max-content; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .form-type-radio.horizontal {
              flex-direction: row; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .form-type-radio input:checked {
              background-color: #5F5BFF; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .form-type-autocomplete .autocomplete-frame {
              position: relative; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .form-type-autocomplete .autocomplete-frame .autocomplete-select {
                color: #222;
                white-space: nowrap;
                max-width: 100%;
                text-overflow: ellipsis;
                overflow: hidden; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .form-type-autocomplete .autocomplete-frame input.autocomplete {
                position: absolute;
                margin-left: 12px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .infor, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .plus-square, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .minus-square {
              position: relative;
              color: #D0C9C3;
              width: 24px;
              height: 100%; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .infor::before, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .plus-square::before, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form .minus-square::before {
                width: max-content;
                height: max-content;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk {
              overflow: visible; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd {
                width: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt .infor {
                  opacity: 0;
                  pointer-events: none; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt:first-of-type h4:first-of-type, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt:first-of-type .infor {
                  opacity: 1;
                  pointer-events: all; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt + .ukeyipt {
                  margin-top: 18px; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt dd {
                  padding-right: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt h4 {
                  width: 120px;
                  font-weight: normal; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt h4:first-of-type {
                    opacity: 0;
                    pointer-events: none; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt .not-first-h4 {
                  text-align: center;
                  min-width: max-content !important;
                  padding: 0 30px 0 10px;
                  width: max-content; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt .ukeyipt-select {
                  width: max-content; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt .ukeyipt-select .ui-dropdown label {
                    text-indent: unset;
                    font-size: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt .btns {
                  display: flex;
                  margin-left: 10px; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt input {
                  width: 122px;
                  height: 32px;
                  padding: 0 6px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt input.ukeyk {
                    margin-right: 16px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.uk dd .ukeyipt input.ukeyv {
                    margin-left: 16px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit {
              overflow: visible;
              align-items: center; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit.img {
                align-items: flex-start; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit.img dl {
                  align-items: flex-start; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit.img dl i:after {
                    transform: translateX(-15%) !important; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit h4 {
                width: 120px;
                color: #666666;
                min-width: 120px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit .autocomplete-frame {
                width: 300px;
                height: 32px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit input {
                width: 300px; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit input[name=stock] {
                  width: 75px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit .form-item-file {
                height: 100px;
                width: 100px;
                border-radius: 4px;
                border: solid 1px rgba(0, 0, 0, 0.2); }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit .form-item-file span.on {
                  background-color: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.edit .form-item-file .default:after {
                  bottom: 10px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar {
              margin-bottom: 16px;
              max-height: 427px;
              transition: all 0.3s ease-out; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl {
                display: grid;
                gap: 1px;
                grid-template-columns: repeat(7, 70px);
                margin-left: 120px;
                border-top: black solid 2px;
                max-height: 411px; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd {
                  border-bottom: dashed #D0C9C3 1px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd:first-of-type h4 {
                    width: unset !important; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[name='rates-empty'] .form-type-number input, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[name='el-empty'] .form-type-number input, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[name='uel-empty'] .form-type-number input {
                    width: 70px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd h4 {
                    width: 30px !important; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd:first-child, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd:nth-child(2) {
                    grid-column: 1 / span 7;
                    width: 100% !important;
                    padding-right: unset !important;
                    border-bottom: #D0C9C3 solid 1px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd.today {
                    background-color: #F8F6F5; }
                    .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd.today input {
                      background-color: transparent; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd .form-type-number {
                    padding-top: 15px;
                    height: 55px; }
                    .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd .form-type-number input {
                      border: 0;
                      width: 40px;
                      -moz-appearance: textfield; }
                      .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd .form-type-number input::-webkit-outer-spin-button, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd .form-type-number input::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                        margin: 0; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd:focus-within {
                    background-color: #EEECEA; }
                    .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd:focus-within * {
                      background-color: #EEECEA; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd div.day-of-week {
                    display: grid;
                    grid-template-columns: repeat(7, 70px); }
                    .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd div.day-of-week div {
                      display: flex;
                      align-items: center; }
                      .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd div.day-of-week div .day-input {
                        width: 100%;
                        height: 80%;
                        margin-left: 4px;
                        margin-right: 4px;
                        border: none;
                        padding-right: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[title='31'] {
                  border-bottom: dashed #D0C9C3 1px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[title='31'] h4 {
                    width: 16px !important; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.dist_calendar dl dd[title='31'] input {
                    width: 45px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.month-value, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.week-value {
              transition: all 0.3s ease-out !important;
              max-height: 56px !important; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.month-value h4, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.week-value h4 {
                min-width: 104px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.month-value p.desc, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.week-value p.desc {
                margin-left: 10px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.hide {
              display: none; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution {
              overflow: visible;
              align-items: center; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution.separate {
                margin-top: 16px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution h4 {
                width: 120px; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution h4.frame_calendar_title {
                  font-weight: 800; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution h4.calendar-icon {
                  cursor: pointer;
                  font-size: 12px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution h4.calendar-icon::before {
                    content: '▼';
                    margin-right: 4px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution h4.calendar-icon.rotate::before {
                    content: '▲';
                    margin-right: 4px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution input[type='number'] {
                width: 75px; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution label {
                text-indent: unset; }
              .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl {
                align-items: center; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl dd:first-child {
                  display: block;
                  word-wrap: break-word; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl dd[type='checkbox'] {
                  line-height: unset; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl dd .infor:after {
                  left: 120% !important;
                  transform: translateY(-100%) !important; }
                .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl dd.form-row-select {
                  margin-left: 20px; }
                  .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.stock-distribution dl dd.form-row-select div.form-type-select {
                    width: 120px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.form-item-multiple div.form-type-autocomplete .autocomplete-frame span {
              color: #666; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.form-item-multiple div.form-type-textarea textarea {
              font-size: 13.3px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.month input[type='number'] {
              width: 75px; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.folded-month {
              transition: all 0.3s ease-out;
              max-height: 34px;
              margin: 0 !important;
              padding: 0 !important; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li.folded {
              transition: all 0.3s ease-out;
              border: 0 !important;
              max-height: 0 !important;
              margin: 0 !important;
              padding: 0 !important; }
            .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form li[name='data.webhook.url'] input, .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container form textarea {
              width: 450px; }
          .popup.campaign-new-goods-form div.pop-outer-body .center-pane .body .tab-container table.list-view tr td {
            color: #666; }
    .popup.campaign-new-goods-form div.pop-outer-body footer {
      display: flex;
      background-color: white;
      margin-top: auto;
      border-top: solid 1px #D0C9C3;
      border-radius: 0 0 4px 4px;
      height: 48px; }
      .popup.campaign-new-goods-form div.pop-outer-body footer .pagination dl dd {
        color: #666; }
        .popup.campaign-new-goods-form div.pop-outer-body footer .pagination dl dd.on {
          color: #fff; }
      .popup.campaign-new-goods-form div.pop-outer-body footer .buttons {
        display: flex;
        margin-left: auto; }
        .popup.campaign-new-goods-form div.pop-outer-body footer .buttons button.trash:after {
          top: -120% !important;
          left: 30% !important; }
        .popup.campaign-new-goods-form div.pop-outer-body footer .buttons button.trash:disabled {
          opacity: 1 !important;
          background-color: #D0C9C3 !important; }
  .popup.campaign-new-goods-form .close {
    background-image: url(/images/ico_close.svg) !important;
    top: 0;
    right: 0;
    transform: translate(-15px, 13px); }
  .popup.campaign-new-goods-form footer .pagination {
    padding-left: 0;
    padding-right: 0; }
  .popup.campaign-new-goods-form footer .buttons button.import:after {
    top: 0 !important;
    transform: translate(-50%, -125%) !important; }
  .popup.campaign-new-goods-form footer .buttons button.import.left:after {
    transform: translate(-77%, -125%) !important; }
  .popup.campaign-new-goods-form footer .buttons .infor {
    position: relative;
    color: #D0C9C3;
    width: 24px;
    height: 100%; }
    .popup.campaign-new-goods-form footer .buttons .infor::before {
      width: max-content;
      height: max-content;
      top: 0;
      left: 0;
      transform: translate(16px, -25%); }
    .popup.campaign-new-goods-form footer .buttons .infor:after {
      top: 0 !important;
      transform: translate(-92%, -125%) !important; }

.campaign-search {
  display: flex;
  margin-bottom: 16px; }
  .campaign-search .search-body {
    display: flex;
    align-items: center;
    height: 72px;
    width: 100%; }
    .campaign-search .search-body .search-tab {
      flex: 0;
      width: min-content;
      margin: 0;
      display: flex;
      align-items: center;
      transition: .1s;
      height: 100%;
      border: 1px solid #F8F6F5; }
      .campaign-search .search-body .search-tab *:not(i) {
        display: none; }
      .campaign-search .search-body .search-tab i {
        width: 16px;
        height: 16px;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(180deg);
        transition: .1s; }
        .campaign-search .search-body .search-tab i::before {
          position: static;
          width: 12px;
          height: 12px;
          font-size: 8px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .campaign-search .search-body .search-tab.icon:not(.open)::before, .campaign-search .search-body table.list-view th.search-tab.on:not(.open)::before, table.list-view .campaign-search .search-body th.search-tab.on:not(.open)::before, .campaign-search .search-body table.list-view th.search-tab.sortable:not(.open)::before, table.list-view .campaign-search .search-body th.search-tab.sortable:not(.open)::before, .campaign-search .search-body .search-bar div.search-tab.queries:not(.open)::before, .search-bar .campaign-search .search-body div.search-tab.queries:not(.open)::before, .campaign-search .search-body .simulator > header dd.search-tab:not(.open)::before, .simulator > header .campaign-search .search-body dd.search-tab:not(.open)::before, .campaign-search .search-body .p3-layout .menu-pane li.search-tab:not(.open)::before, .p3-layout .menu-pane .campaign-search .search-body li.search-tab:not(.open)::before, .campaign-search .search-body .bot-editor section.actions li h5.search-tab:not(.open)::before, .bot-editor section.actions li .campaign-search .search-body h5.search-tab:not(.open)::before, .campaign-search .search-body .bot-editor ul.nodes > li > div span.search-tab.new:not(.open)::before, .bot-editor ul.nodes > li > div .campaign-search .search-body span.search-tab.new:not(.open)::before, .campaign-search .search-body .bot-editor ul.nodes > li > div label.search-tab.new:not(.open)::before, .bot-editor ul.nodes > li > div .campaign-search .search-body label.search-tab.new:not(.open)::before, .campaign-search .search-body .bot-editor ul.nodes div.search-tab.schedule:not(.open)::before, .bot-editor ul.nodes .campaign-search .search-body div.search-tab.schedule:not(.open)::before, .campaign-search .search-body .bot-editor ul.nodes ol.card li.search-tab.item.new:not(.open)::before, .bot-editor ul.nodes ol.card .campaign-search .search-body li.search-tab.item.new:not(.open)::before, .campaign-search .search-body .bot-editor ul.nodes div.react-btns label.colors:hover u.search-tab:not(.open)::before, .bot-editor ul.nodes div.react-btns label.colors:hover .campaign-search .search-body u.search-tab:not(.open)::before, .campaign-search .search-body section.user-editor section.info header.search-tab:not(.open)::before, section.user-editor section.info .campaign-search .search-body header.search-tab:not(.open)::before {
        display: none; }
      .campaign-search .search-body .search-tab.open {
        flex: 1;
        width: unset;
        padding: 16px;
        min-width: max-content; }
        .campaign-search .search-body .search-tab.open h4 {
          font-weight: unset; }
        .campaign-search .search-body .search-tab.open *:not(i) {
          display: inline-block; }
        .campaign-search .search-body .search-tab.open i {
          display: none; }
        .campaign-search .search-body .search-tab.open ~ .search-tab i {
          transform: rotate(0deg); }
        .campaign-search .search-body .search-tab.open.keyword {
          padding-left: 46px; }
          .campaign-search .search-body .search-tab.open.keyword.icon::before, .campaign-search .search-body table.list-view th.search-tab.open.keyword.on::before, table.list-view .campaign-search .search-body th.search-tab.open.keyword.on::before, .campaign-search .search-body table.list-view th.search-tab.open.keyword.sortable::before, table.list-view .campaign-search .search-body th.search-tab.open.keyword.sortable::before, .campaign-search .search-body .search-bar div.search-tab.open.keyword.queries::before, .search-bar .campaign-search .search-body div.search-tab.open.keyword.queries::before, .campaign-search .search-body .simulator > header dd.search-tab.open.keyword::before, .simulator > header .campaign-search .search-body dd.search-tab.open.keyword::before, .campaign-search .search-body .p3-layout .menu-pane li.search-tab.open.keyword::before, .p3-layout .menu-pane .campaign-search .search-body li.search-tab.open.keyword::before, .campaign-search .search-body .bot-editor section.actions li h5.search-tab.open.keyword::before, .bot-editor section.actions li .campaign-search .search-body h5.search-tab.open.keyword::before, .campaign-search .search-body .bot-editor ul.nodes > li > div span.search-tab.open.keyword.new::before, .bot-editor ul.nodes > li > div .campaign-search .search-body span.search-tab.open.keyword.new::before, .campaign-search .search-body .bot-editor ul.nodes > li > div label.search-tab.open.keyword.new::before, .bot-editor ul.nodes > li > div .campaign-search .search-body label.search-tab.open.keyword.new::before, .campaign-search .search-body .bot-editor ul.nodes div.search-tab.open.keyword.schedule::before, .bot-editor ul.nodes .campaign-search .search-body div.search-tab.open.keyword.schedule::before, .campaign-search .search-body .bot-editor ul.nodes ol.card li.search-tab.open.keyword.item.new::before, .bot-editor ul.nodes ol.card .campaign-search .search-body li.search-tab.open.keyword.item.new::before, .campaign-search .search-body .bot-editor ul.nodes div.react-btns label.colors:hover u.search-tab.open.keyword::before, .bot-editor ul.nodes div.react-btns label.colors:hover .campaign-search .search-body u.search-tab.open.keyword::before, .campaign-search .search-body section.user-editor section.info header.search-tab.open.keyword::before, section.user-editor section.info .campaign-search .search-body header.search-tab.open.keyword::before {
            top: 50%;
            left: 16px;
            transform: translateY(-50%);
            height: min-content; }
          .campaign-search .search-body .search-tab.open.keyword input {
            border: none;
            outline: none;
            width: 100%; }
        .campaign-search .search-body .search-tab.open.ins_t input {
          width: 170px;
          margin: 0 16px; }
        .campaign-search .search-body .search-tab.open.filter ul {
          white-space: nowrap;
          margin: 0 16px; }
        .campaign-search .search-body .search-tab.open.filter label {
          margin: 0 4px; }
  .campaign-search .options {
    width: 152px;
    min-width: 152px;
    border: 1px solid #F8F6F5;
    display: flex;
    justify-content: center;
    align-items: center; }
    .campaign-search .options button {
      margin: unset; }
  .campaign-search .btns {
    display: flex;
    padding: 0 16px;
    height: 72px;
    box-sizing: border-box;
    align-items: center;
    border-bottom: 1px solid #F8F6F5; }
    .campaign-search .btns button {
      margin: 0; }
      .campaign-search .btns button + button {
        margin-left: 16px; }

.cgrid-con + .cgrid-con {
  margin-top: 12px; }

.cgrid-con .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background-color: #F8F8F8;
  border: 1px solid #D0C9C3;
  height: 60px;
  margin-top: -1px;
  margin-left: -1px;
  min-width: 255px; }
  .cgrid-con .title button.add {
    color: white;
    background-color: #5F5BFF; }

.cgrid-con .cgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }
  .cgrid-con .cgrid .box {
    border: 1px solid #D0C9C3;
    margin-top: -1px;
    margin-left: -1px;
    position: relative;
    min-height: 228px; }
    .cgrid-con .cgrid .box .subt-con {
      background-color: #F8F8F8;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #D0C9C3;
      height: 40px; }
      .cgrid-con .cgrid .box .subt-con h4.st {
        text-indent: 18px; }
      .cgrid-con .cgrid .box .subt-con .number {
        margin-left: 12px; }
    .cgrid-con .cgrid .box i.dots-v {
      top: 0;
      right: 0;
      transform: translateY(50%);
      color: #666;
      pointer-events: all;
      cursor: pointer; }
    .cgrid-con .cgrid .box .contents {
      padding: 20px; }
      .cgrid-con .cgrid .box .contents .details {
        padding-bottom: 24px; }
        .cgrid-con .cgrid .box .contents .details.ukey {
          display: flex; }
          .cgrid-con .cgrid .box .contents .details.ukey h4.name, .cgrid-con .cgrid .box .contents .details.ukey h4.number {
            display: none; }
          .cgrid-con .cgrid .box .contents .details.ukey p {
            padding: 0 4px 0 4px;
            align-self: center; }
        .cgrid-con .cgrid .box .contents .details.hide {
          display: none; }

.campaign_stores_view main.p2-layout {
  flex-direction: column; }
  .campaign_stores_view main.p2-layout .campaign-search button.detail:after {
    transform: translateX(-83%) !important; }
  .campaign_stores_view main.p2-layout .center-pane {
    height: 0; }
    .campaign_stores_view main.p2-layout .center-pane .list-view-frame {
      display: flex;
      flex-direction: column;
      overflow: scroll; }
      .campaign_stores_view main.p2-layout .center-pane .list-view-frame .stores-list {
        margin-bottom: auto; }
        .campaign_stores_view main.p2-layout .center-pane .list-view-frame .stores-list .list-view td {
          cursor: default; }
          .campaign_stores_view main.p2-layout .center-pane .list-view-frame .stores-list .list-view td input[name='store'] {
            cursor: pointer; }
      .campaign_stores_view main.p2-layout .center-pane .list-view-frame .pagination {
        margin-top: 28px;
        margin-bottom: 40px; }
  .campaign_stores_view main.p2-layout .stores-detail {
    width: 100%;
    overflow: scroll;
    border-top: 1px solid #D0C9C3;
    box-shadow: 0 -1px 2px #d0c9c3;
    min-height: 96px; }
    .campaign_stores_view main.p2-layout .stores-detail .detail-bar {
      width: 100%;
      height: 36px;
      position: fixed;
      cursor: ns-resize;
      background-color: white;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600; }
      .campaign_stores_view main.p2-layout .stores-detail .detail-bar:before {
        content: '=';
        display: inline-block;
        pointer-events: none; }
    .campaign_stores_view main.p2-layout .stores-detail .container {
      padding: 36px 24px 76px 24px; }
      .campaign_stores_view main.p2-layout .stores-detail .container .title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #666; }
      .campaign_stores_view main.p2-layout .stores-detail .container .dgrid-title {
        background-color: #F8F8F8;
        border: 1px solid #D0C9C3;
        border-bottom: unset;
        height: 60px;
        font-weight: bold;
        padding: 0 16px;
        margin-right: -1px;
        margin-top: 16px; }
      .campaign_stores_view main.p2-layout .stores-detail .container .dgrid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }
        .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box {
          min-width: 240px;
          margin-right: -1px;
          margin-top: -1px;
          border: 1px solid #D0C9C3; }
          .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .box-title {
            padding: 0 16px;
            background-color: #F8F8F8;
            height: 40px;
            font-size: 13px;
            border-bottom: 1px solid #D0C9C3; }
          .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content {
            padding: 16px;
            display: flex;
            flex-direction: column; }
            .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details {
              display: flex; }
              .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details.focus {
                order: -1; }
                .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details.focus:last-of-type {
                  border-bottom: 1px solid #D0C9C3;
                  padding-bottom: 8px;
                  margin-bottom: 8px; }
                .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details.focus h4, .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details.focus p {
                  color: #666;
                  font-size: 13px; }
              .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details h4, .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details p {
                color: #888;
                font-size: 11px; }
              .campaign_stores_view main.p2-layout .stores-detail .container .dgrid .box .content .details p {
                padding: 0 0 0 8px;
                line-height: 32px; }
      .campaign_stores_view main.p2-layout .stores-detail .container .empty {
        width: 100%;
        text-align: center; }
    .campaign_stores_view main.p2-layout .stores-detail footer {
      justify-content: flex-end; }

.fbcom_list_view .left-pane b {
  padding-right: 16px; }

.fbcom_list_view .left-pane li.on {
  background-color: #D0C9C3; }

.fbcom_list_view table td:last-child {
  display: flex; }

.case_list_view .queries .ui-dropdown::after {
  position: absolute;
  transform: translateX(-1.5rem); }

.case_list_view .queries .ui-dropdown {
  margin-right: 20px; }
  .case_list_view .queries .ui-dropdown label {
    padding-right: 4rem; }

.case_list_view .search-bar {
  min-width: max-content; }

.case_list_view .queries .cases_total_fee {
  display: flex; }
  .case_list_view .queries .cases_total_fee .init_total {
    padding: 8px 0 8px 16px; }
  .case_list_view .queries .cases_total_fee .saas_total {
    padding: 8px 16px 8px 0; }

.case_list_view .queries .sel-option {
  padding: 0; }

.case_list_view .left-pane li.on {
  background: #D0C9C3; }

.case_list_view .left-pane .ui-dropdown {
  width: 80%;
  align-self: center;
  margin-bottom: 1rem; }
  .case_list_view .left-pane .ui-dropdown label {
    width: 100%; }

.case_list_view .startdate {
  width: 80%;
  align-self: center; }
  .case_list_view .startdate label {
    width: 100%; }

.case_list_view .enddate {
  width: 80%;
  align-self: center; }
  .case_list_view .enddate label {
    width: 100%; }

.case_list_view table.spreadsheet-view {
  border: 1px solid #D0C9C3; }
  .case_list_view table.spreadsheet-view th[key='member_id'] {
    width: 100px; }
  .case_list_view table.spreadsheet-view th[key='operation'] {
    width: 70px; }
  .case_list_view table.spreadsheet-view th[key='name'] {
    border-left: 0; }
  .case_list_view table.spreadsheet-view tr th:first-child {
    display: none; }
  .case_list_view table.spreadsheet-view tr .ui-dropdown {
    border: none; }
  .case_list_view table.spreadsheet-view tr td {
    border: 1px solid #D0C9C3; }
    .case_list_view table.spreadsheet-view tr td .link {
      font-weight: bold;
      cursor: pointer;
      transition-property: color;
      transition-duration: 0.2s;
      text-decoration: underline; }
      .case_list_view table.spreadsheet-view tr td .link:hover {
        color: #10eadc; }
      .case_list_view table.spreadsheet-view tr td .link .plus-circle:hover {
        color: #10eadc; }
    .case_list_view table.spreadsheet-view tr td i.icon.fa-exclamation, .case_list_view table.spreadsheet-view tr td i.fa-exclamation.form-item-autocomplete.loading-autocomplete:before, .case_list_view table.spreadsheet-view tr td .ui-indicator i.fa-exclamation#indicator:before, .ui-indicator .case_list_view table.spreadsheet-view tr td i.fa-exclamation#indicator:before {
      background-size: 14px auto;
      transform: translateX(-20px);
      color: #ef5350; }
      .case_list_view table.spreadsheet-view tr td i.icon.fa-exclamation:before, .case_list_view table.spreadsheet-view tr td i.fa-exclamation.form-item-autocomplete.loading-autocomplete:before, .case_list_view table.spreadsheet-view tr td .ui-indicator i.fa-exclamation#indicator:before, .ui-indicator .case_list_view table.spreadsheet-view tr td i.fa-exclamation#indicator:before {
        font-size: 14px; }
      .case_list_view table.spreadsheet-view tr td i.icon.fa-exclamation:hover, .case_list_view table.spreadsheet-view tr td i.fa-exclamation.form-item-autocomplete.loading-autocomplete:hover:before, .case_list_view table.spreadsheet-view tr td .ui-indicator i.fa-exclamation#indicator:hover:before, .ui-indicator .case_list_view table.spreadsheet-view tr td i.fa-exclamation#indicator:hover:before {
        color: #666; }
  .case_list_view table.spreadsheet-view tr td[name='operation'] {
    border: 0px solid !important;
    display: flex;
    align-items: center;
    justify-content: center; }
    .case_list_view table.spreadsheet-view tr td[name='operation'] .icon:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .form-item-autocomplete.loading-autocomplete:hover:before, .case_list_view table.spreadsheet-view tr td[name='operation'] table.list-view th.on:hover, table.list-view .case_list_view table.spreadsheet-view tr td[name='operation'] th.on:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] table.list-view th.sortable:hover, table.list-view .case_list_view table.spreadsheet-view tr td[name='operation'] th.sortable:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .ui-indicator #indicator:hover:before, .ui-indicator .case_list_view table.spreadsheet-view tr td[name='operation'] #indicator:hover:before, .case_list_view table.spreadsheet-view tr td[name='operation'] .search-bar div.queries:hover, .search-bar .case_list_view table.spreadsheet-view tr td[name='operation'] div.queries:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .simulator > header dd:hover, .simulator > header .case_list_view table.spreadsheet-view tr td[name='operation'] dd:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .p3-layout .menu-pane li:hover, .p3-layout .menu-pane .case_list_view table.spreadsheet-view tr td[name='operation'] li:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .chat_list_view #simulator footer.send-type-text .type-text b:hover:before, .chat_list_view #simulator footer.send-type-text .type-text .case_list_view table.spreadsheet-view tr td[name='operation'] b:hover:before, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor section.actions li h5:hover, .bot-editor section.actions li .case_list_view table.spreadsheet-view tr td[name='operation'] h5:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes > li > div span.new:hover, .bot-editor ul.nodes > li > div .case_list_view table.spreadsheet-view tr td[name='operation'] span.new:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes > li > div label.new:hover, .bot-editor ul.nodes > li > div .case_list_view table.spreadsheet-view tr td[name='operation'] label.new:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes div.schedule:hover, .bot-editor ul.nodes .case_list_view table.spreadsheet-view tr td[name='operation'] div.schedule:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes ol.card li.item.new:hover, .bot-editor ul.nodes ol.card .case_list_view table.spreadsheet-view tr td[name='operation'] li.item.new:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes div.react-btns label.colors:hover u:hover, .bot-editor ul.nodes div.react-btns label.colors:hover .case_list_view table.spreadsheet-view tr td[name='operation'] u:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] section.user-editor section.info header:hover, section.user-editor section.info .case_list_view table.spreadsheet-view tr td[name='operation'] header:hover, .case_list_view table.spreadsheet-view tr td[name='operation'] section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:hover:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .case_list_view table.spreadsheet-view tr td[name='operation'] b:hover:before {
      color: #10eadc; }
  .case_list_view table.spreadsheet-view tr td[name='company_name'] {
    display: none; }
  .case_list_view table.spreadsheet-view tr td[name='name'] {
    border-left: 0; }
  .case_list_view table.spreadsheet-view tr td[name='activity'] a.new.icon.plus-circle::before {
    position: static; }
  .case_list_view table.spreadsheet-view tr input[name='srv_start_t'] {
    width: auto; }
  .case_list_view table.spreadsheet-view tr input[name='name'] {
    width: 230px; }
  .case_list_view table.spreadsheet-view tr input[name='partner_id'] {
    width: 230px; }
  .case_list_view table.spreadsheet-view tr input[name='partner'] {
    width: 120px; }

.case_list_view table.list-view th.none {
  padding: 0 1rem !important; }

.case_list_view .hidden, .case_list_view.hidden {
  display: none; }

.case_list_view .form-row-hidden {
  border: 0px solid !important; }

.activity_list_view .queries .ui-dropdown::after {
  position: absolute;
  transform: translateX(-1.5rem); }

.activity_list_view th.none {
  width: 160px; }

.sales_summary .icon.calendar::before, .sales_summary table.list-view th.calendar.on::before, table.list-view .sales_summary th.calendar.on::before, .sales_summary table.list-view th.calendar.sortable::before, table.list-view .sales_summary th.calendar.sortable::before, .sales_summary .search-bar div.calendar.queries::before, .search-bar .sales_summary div.calendar.queries::before, .sales_summary .simulator > header dd.calendar::before, .simulator > header .sales_summary dd.calendar::before, .sales_summary .p3-layout .menu-pane li.calendar::before, .p3-layout .menu-pane .sales_summary li.calendar::before, .sales_summary .bot-editor section.actions li h5.calendar::before, .bot-editor section.actions li .sales_summary h5.calendar::before, .sales_summary .bot-editor ul.nodes > li > div span.calendar.new::before, .bot-editor ul.nodes > li > div .sales_summary span.calendar.new::before, .sales_summary .bot-editor ul.nodes > li > div label.calendar.new::before, .bot-editor ul.nodes > li > div .sales_summary label.calendar.new::before, .sales_summary .bot-editor ul.nodes div.calendar.schedule::before, .bot-editor ul.nodes .sales_summary div.calendar.schedule::before, .sales_summary .bot-editor ul.nodes ol.card li.calendar.item.new::before, .bot-editor ul.nodes ol.card .sales_summary li.calendar.item.new::before, .sales_summary .bot-editor ul.nodes div.react-btns label.colors:hover u.calendar::before, .bot-editor ul.nodes div.react-btns label.colors:hover .sales_summary u.calendar::before, .sales_summary section.user-editor section.info header.calendar::before, section.user-editor section.info .sales_summary header.calendar::before {
  position: absolute;
  transform: translateX(-1rem); }

.sales_summary table.list-view.sfa-table tr {
  height: 55px; }

.member_list_view tr.disabled {
  background: #F8F6F5; }

.bot-editor.coupon_list_view main {
  padding-top: 60px;
  height: 100% !important; }

.coupon_list_view .list-view td:last-child {
  display: flex; }

.coupon_list_view .empty td {
  justify-content: center; }

.coupon_list_view .list-item-issued_c, .coupon_list_view .list-item-opened_c, .coupon_list_view .list-item-redeemed_c {
  cursor: pointer !important; }
  .coupon_list_view .list-item-issued_c:hover, .coupon_list_view .list-item-opened_c:hover, .coupon_list_view .list-item-redeemed_c:hover {
    font-weight: bold; }

.coupon-edit-form h4 {
  text-transform: none; }

.coupon-edit-form .no-space dd.space {
  min-width: 0 !important;
  max-width: 0 !important;
  display: none; }

.coupon-edit-form .no-space dd.form-row-datetimepicker + dd.space {
  display: block !important;
  min-width: 10px !important; }

.coupon-edit-form li[type=multiple] dd[name=discount] {
  margin-right: 16px !important; }

.coupon-edit-form .exp-period-range, .coupon-edit-form .exp-from-issue {
  display: none; }

.coupon-edit-form form[data-exp_type="1"] .exp-period-range {
  display: block; }

.coupon-edit-form form[data-exp_type="2"] .exp-from-issue {
  display: block; }

.coupon-edit-form form[data-exp_type="1,2"] .exp-period-range, .coupon-edit-form form[data-exp_type="1,2"] .exp-from-issue {
  display: block; }

.coupon-edit-form .exp-from-issue .days-box {
  margin: 0 10px; }

.coupon-edit-form .exp-from-issue .txt-exp {
  top: 10px;
  position: relative; }

.coupon-edit-form .exp-period-range .period-txt {
  margin: 0 10px; }

.coupon-edit-form .exp-period-range .txt-exp {
  top: 5px;
  position: relative; }

.coupon-edit-popup {
  height: 65rem; }
  .coupon-edit-popup form .alt-times {
    padding-left: 180px;
    display: none; }
  .coupon-edit-popup form[data-times="1"] .alt-times.times-1,
  .coupon-edit-popup form[data-times="2"] .alt-times.times-2 {
    display: flex; }
  .coupon-edit-popup header, .coupon-edit-popup footer {
    width: unset; }

.popup.coupon_priview {
  display: flex;
  flex-direction: column;
  width: 600px;
  height: calc(100vh - 20px);
  max-height: 740px; }
  .popup.coupon_priview > section {
    flex: 1;
    padding: 8px; }
    .popup.coupon_priview > section > iframe {
      width: 375px;
      height: 100%;
      border: 1px solid #ccc; }

.flyer_list_view {
  overflow-y: scroll; }

.popup.popup_flyer_editor section > form h4.preview {
  min-width: 118px;
  text-align: right;
  padding-right: 8px; }

.popup.popup_flyer_editor section > form img.preview {
  width: 300px;
  min-width: 300px;
  min-height: 300px;
  border: 1px solid #5F5BFF; }

.waiting_list_view .left-pane .menus {
  border-bottom: 1px solid #D0C9C3;
  min-height: initial; }

.waiting_list_view .v_operation {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  flex-direction: row; }
  .waiting_list_view .v_operation div:nth-child(1) {
    display: flex;
    padding: 0 32px;
    margin-left: auto; }
    .waiting_list_view .v_operation div:nth-child(1) .board {
      border: 1px solid #D0C9C3;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      margin: 0 16px;
      padding: 8px;
      height: 120px;
      width: 160px;
      align-items: center;
      justify-content: center; }
      .waiting_list_view .v_operation div:nth-child(1) .board h3 {
        font-size: 26px;
        text-align: center;
        cursor: default; }
      .waiting_list_view .v_operation div:nth-child(1) .board p {
        padding-top: 0px; }
        .waiting_list_view .v_operation div:nth-child(1) .board p.on {
          color: #DB234B;
          padding: 0; }
    .waiting_list_view .v_operation div:nth-child(1) div:nth-child(3), .waiting_list_view .v_operation div:nth-child(1) div:nth-child(4), .waiting_list_view .v_operation div:nth-child(1) div:nth-child(5) {
      align-items: center;
      display: flex; }
  .waiting_list_view .v_operation div:nth-child(2) {
    display: flex;
    align-items: center;
    padding-right: 32px; }
  .waiting_list_view .v_operation button.icon, .waiting_list_view .v_operation button.form-item-autocomplete.loading-autocomplete:before, .waiting_list_view .v_operation .ui-indicator button#indicator:before, .ui-indicator .waiting_list_view .v_operation button#indicator:before {
    width: 120px;
    height: 46px; }
    .waiting_list_view .v_operation button.icon::before {
      padding-top: 6px; }
    .waiting_list_view .v_operation button.icon.stop::before {
      color: #DB234B; }
    .waiting_list_view .v_operation button.icon.on, .waiting_list_view .v_operation button.on.form-item-autocomplete.loading-autocomplete:before, .waiting_list_view .v_operation .ui-indicator button.on#indicator:before, .ui-indicator .waiting_list_view .v_operation button.on#indicator:before {
      background-color: #999;
      color: #FFFFFF; }

.waiting_list_view .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #D0C9C3;
  margin: 32px 0px 0px;
  padding-bottom: 32px;
  height: auto;
  border-top: 1px solid #D0C9C3;
  padding-top: 32px; }
  .waiting_list_view .tabs a {
    font-size: 16px; }

.waiting_list_view header h2 {
  cursor: pointer; }

.waiting_list_view header h2.on {
  color: #00D6C9;
  border-color: #00D6C9;
  font-weight: 800; }

.waiting_list_view ul#chats {
  min-height: 495px; }

.waiting_list_view table.list-view th {
  font-size: 14px; }

.waiting_list_view table.list-view tr td {
  font-size: 14px; }
  .waiting_list_view table.list-view tr td.list-item-number .iconf.line {
    content: "";
    background-image: url(/images/ico-line-g.svg?v=1);
    background-size: 18px auto;
    transform: translate(-28px, 15px); }
  .waiting_list_view table.list-view tr td.buttons {
    padding-left: 10px;
    transform: translateY(7px);
    flex-direction: row;
    display: flex; }
  .waiting_list_view table.list-view tr td.list-item-note {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px; }
  .waiting_list_view table.list-view tr td dl dd.tag, .waiting_list_view table.list-view tr td section.user-editor section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane .waiting_list_view table.list-view tr td dl.tags dd {
    padding-right: 8px;
    padding-left: 8px;
    background-color: #D8D8D8;
    color: #666;
    font-size: 12px; }
  .waiting_list_view table.list-view tr td dl dd.on {
    background-color: #FDC73E;
    color: #FFFFFF; }
  .waiting_list_view table.list-view tr td dl dd:hover {
    background-color: #666;
    color: #FFFFFF; }

.waiting_list_view main.p2-layout {
  overflow-y: hidden; }

.popup.waiting_list_view form {
  padding: 0 16px; }
  .popup.waiting_list_view form ul {
    padding: 16px 0px; }
    .popup.waiting_list_view form ul li {
      flex-direction: column;
      padding: 0px;
      margin-top: 12px; }
      .popup.waiting_list_view form ul li h4 {
        line-height: initial;
        height: initial;
        margin-bottom: 4px; }

.popup.waiting_list_view .form-row-radio div.form-type-radio label {
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
  text-align: center !important;
  text-indent: initial;
  border: solid 1px #ccc;
  border-radius: 0;
  box-sizing: border-box; }
  .popup.waiting_list_view .form-row-radio div.form-type-radio label.on {
    background-color: #5F5BFF;
    color: #FFFFFF;
    border-color: #5F5BFF;
    animation: none; }
  .popup.waiting_list_view .form-row-radio div.form-type-radio label:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .popup.waiting_list_view .form-row-radio div.form-type-radio label:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.popup.waiting_list_view .form-row-radio div.form-type-radio input[type='radio'] {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: none !important; }

.popup.waiting_list_view footer button:focus {
  outline: 0;
  border: 2px solid #5F5BFF; }

.admin_dashboard_view .left-pane label.on {
  background-color: #D0C9C3;
  color: #222; }

.admin_dashboard_view .left-pane label:hover {
  background-color: white; }

.admin_dashboard_view .ui-tab-menu.months {
  margin-left: 0; }

.admin_dashboard_view .ui-tab-menu:last-child {
  margin: 0;
  padding-left: 24px;
  border-left: solid 1px #D0C9C3;
  height: 24px; }

.admin_dashboard_view .query {
  flex-direction: row;
  display: flex;
  max-width: 400px; }

.admin_dashboard_view section.data {
  overflow-y: auto; }
  .admin_dashboard_view section.data table.list-view {
    margin-bottom: 40px; }
    .admin_dashboard_view section.data table.list-view td {
      cursor: default; }

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
.pop.active[name='update-urgent-days'] div.window {
  min-width: 320px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .pop.active[name='update-urgent-days'] div.window .content {
    max-width: unset;
    max-height: unset;
    width: auto;
    overflow: visible;
    overflow-x: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 380px; }
    .pop.active[name='update-urgent-days'] div.window .content h1 {
      padding: 0;
      line-height: 20px;
      margin-bottom: 1rem;
      height: unset; }
    .pop.active[name='update-urgent-days'] div.window .content p {
      padding: 0; }
    .pop.active[name='update-urgent-days'] div.window .content p.urgent-days-error {
      color: red;
      margin-top: 1rem;
      align-self: center;
      display: none; }
    .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
      margin-top: 0.5rem;
      overflow: visible;
      width: auto;
      align-self: center;
      margin-top: 20px;
      margin-bottom: 20px; }
      .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt button.add-subtract-btn {
        height: 30px;
        padding: 0;
        width: 32px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1px;
        margin: 0; }
        .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt button.add-subtract-btn:active {
          background-color: rgba(200, 200, 200, 0.3); }
      .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt input.hidden-arrows {
        margin: 0 0.5rem;
        font-size: 13px;
        width: 80px;
        text-align: center;
        /* Chrome, Safari, Edge, Opera */
        /* Firefox */ }
        .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt input.hidden-arrows::-webkit-outer-spin-button, .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt input.hidden-arrows::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .pop.active[name='update-urgent-days'] div.window .content div.urgent-ipt input.hidden-arrows[type='number'] {
          -moz-appearance: textfield; }
    .pop.active[name='update-urgent-days'] div.window .content button {
      align-self: center;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      max-width: 200px; }

.mail_list_view .left-pane {
  overflow: auto;
  width: 22rem !important;
  min-width: 10rem;
  max-width: 30rem;
  overflow-x: hidden; }
  .mail_list_view .left-pane label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .mail_list_view .left-pane div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: inherit;
    min-height: 48px; }
  .mail_list_view .left-pane header {
    white-space: nowrap;
    padding-top: 0;
    padding-left: 1rem; }
  .mail_list_view .left-pane label {
    padding-left: 1.8rem; }
  .mail_list_view .left-pane .mailing-list-item.on {
    background-color: var(--a2);
    margin-right: 1rem;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    color: white; }
    .mail_list_view .left-pane .mailing-list-item.on i {
      color: white; }
    .mail_list_view .left-pane .mailing-list-item.on label {
      color: white; }
  .mail_list_view .left-pane li:hover {
    margin-right: 1rem;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .mail_list_view .left-pane .sidemenu-ul {
    overflow-y: auto;
    user-select: none;
    min-height: 17rem;
    overflow-x: hidden; }
  .mail_list_view .left-pane .mailing-ul {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    overflow: hidden; }
    .mail_list_view .left-pane .mailing-ul ul {
      max-height: 30rem; }
    .mail_list_view .left-pane .mailing-ul .mailing-list-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .mail_list_view .left-pane .mailing-ul .mailing-list-header i {
        position: relative;
        margin-right: 1.5rem;
        z-index: 100; }
    .mail_list_view .left-pane .mailing-ul .mailing-list-item {
      padding-left: 1rem;
      white-space: pre; }
  .mail_list_view .left-pane .filter-ul li.on:after {
    content: ' \2573';
    margin-right: 1rem;
    color: black;
    z-index: 0; }
  .mail_list_view .left-pane .filter-ul li:hover {
    margin-right: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem; }
  .mail_list_view .left-pane .filter-ul header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 0;
    background: var(--l1);
    padding-top: 16px; }
  .mail_list_view .left-pane .settings-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin-bottom: 3rem; }
  .mail_list_view .left-pane .fa-refresh {
    height: 1rem;
    width: 1rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    min-height: unset;
    min-width: unset;
    cursor: pointer; }
    .mail_list_view .left-pane .fa-refresh::before {
      line-height: 12px; }
    .mail_list_view .left-pane .fa-refresh.spinning {
      -webkit-animation-name: spin;
      animation-name: spin;
      -webkit-animation-duration: 2000ms;
      animation-duration: 2000ms;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      color: inherit; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
    .mail_list_view .left-pane .fa-refresh:hover {
      color: #fdc73e; }

.mail_list_view main.p2-layout {
  overflow-x: visible; }

.mail_list_view .google-registration-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 5rem;
  min-height: 20rem !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .mail_list_view .google-registration-section .register-button {
    background-color: var(--a2);
    color: white;
    border: 1px solid var(--a2);
    margin-left: 0 !important; }
    .mail_list_view .google-registration-section .register-button:hover {
      background-color: var(--a2); }

.mail_list_view .mail-search-bar {
  background-color: #ffffff;
  line-height: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
  width: calc(100% - 64px);
  margin: auto;
  box-sizing: border-box;
  flex: 0;
  margin-top: 2rem; }
  @media screen and (max-width: 1000px) {
    .mail_list_view .mail-search-bar {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      min-height: 12rem !important;
      padding: 1rem 0;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  .mail_list_view .mail-search-bar form {
    padding-left: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .mail_list_view .mail-search-bar form ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0rem; }
      .mail_list_view .mail-search-bar form ul li {
        padding: 0rem 0rem; }
    .mail_list_view .mail-search-bar form input {
      border: none; }
  .mail_list_view .mail-search-bar .form-type-text {
    flex-direction: row;
    background: #f8f6f5;
    border-radius: 2.5rem;
    width: 34rem; }
    .mail_list_view .mail-search-bar .form-type-text input[name='keyword'] {
      background: #f8f6f5;
      margin-left: 20px;
      flex: 1;
      margin-right: 20px; }
  .mail_list_view .mail-search-bar .search-type {
    flex-direction: column; }
    .mail_list_view .mail-search-bar .search-type .form-type-checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      height: 2rem;
      min-height: 2rem; }
    .mail_list_view .mail-search-bar .search-type h4 {
      font-size: 0.7rem;
      line-height: unset;
      height: unset;
      margin-top: 0.7rem;
      margin-bottom: 0.7rem;
      color: var(--d3); }
  .mail_list_view .mail-search-bar .search-bar-icons {
    height: 1.5rem;
    width: 1.5rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    min-height: unset;
    min-width: unset;
    cursor: pointer;
    color: #d0c9c3; }
    .mail_list_view .mail-search-bar .search-bar-icons:hover {
      color: var(--a2); }
  .mail_list_view .mail-search-bar .search-btn-icon {
    left: 10px; }
  .mail_list_view .mail-search-bar .clear-search-btn-icon {
    display: none;
    right: 5px; }
  .mail_list_view .mail-search-bar .search-filter-heading {
    position: absolute;
    bottom: 0px;
    padding: 0px; }
  .mail_list_view .mail-search-bar .search-option {
    border: 1px solid #ccc;
    border-radius: 25px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex; }
    .mail_list_view .mail-search-bar .search-option:hover {
      background-color: var(--l1); }
  .mail_list_view .mail-search-bar .sel-option.on {
    color: #fff;
    background-color: var(--a1); }
  .mail_list_view .mail-search-bar .search-option-after::after {
    content: ' \2715';
    margin-left: 0.3rem; }
  .mail_list_view .mail-search-bar label {
    font-size: 0.7rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .mail_list_view .mail-search-bar .pagination {
    align-self: flex-end; }
    .mail_list_view .mail-search-bar .pagination dd {
      user-select: none; }
    .mail_list_view .mail-search-bar .pagination .on {
      background-color: #222;
      color: #fff; }

.mail_list_view .main-content {
  overflow: auto;
  margin-top: 1rem; }
  .mail_list_view .main-content .no-ml-h {
    text-align: center;
    margin-top: 5rem;
    cursor: auto;
    user-select: none; }
  .mail_list_view .main-content .ml-btn {
    margin-top: 2rem; }

.mail_list_view .center-pane {
  overflow-x: auto; }

.mail_list_view .list-view {
  margin-top: 0;
  margin-bottom: 1rem; }
  .mail_list_view .list-view th {
    user-select: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #ffffff; }
    .mail_list_view .list-view th.sortable {
      background-color: #ffffff !important; }
  .mail_list_view .list-view th:nth-child(4) {
    padding-right: 55px !important;
    text-align: end; }
  .mail_list_view .list-view td {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden; }
  .mail_list_view .list-view tr:not(:first-child) {
    position: sticky; }
  .mail_list_view .list-view tr td:last-child {
    width: 4rem;
    margin-right: 2rem;
    margin-left: auto; }
  .mail_list_view .list-view tr:hover .ui-dropdown {
    background: var(--l1); }
  .mail_list_view .list-view tr th:first-of-type::before {
    content: ' ';
    position: absolute;
    left: -32px;
    top: 0;
    width: 32px;
    background-color: white; }
  .mail_list_view .list-view .list-item-names {
    max-width: 25rem; }
  .mail_list_view .list-view .list-item-subject {
    width: 100%;
    max-width: 50rem; }
    .mail_list_view .list-view .list-item-subject .thread-label {
      font-size: 9px;
      border-radius: 4px;
      margin-right: 8px;
      padding: 2px 5px;
      color: white; }
    .mail_list_view .list-view .list-item-subject .read {
      font-weight: bold; }
  .mail_list_view .list-view .list-item-last_replied {
    font-weight: normal !important;
    text-align: center; }
  .mail_list_view .list-view .list-item-status div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    cursor: pointer; }
    .mail_list_view .list-view .list-item-status div label {
      cursor: pointer; }
  .mail_list_view .list-view .list-item-status .ui-dropdown:after {
    display: none; }
  .mail_list_view .list-view .list-item-status:hover .ui-dropdown:after {
    display: block;
    content: '▼';
    color: #666;
    position: absolute;
    width: 20px;
    font-size: 0.7rem;
    text-align: center;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .mail_list_view .list-view .frame {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: auto; }
  .mail_list_view .list-view .list-item-assignment .frame {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .mail_list_view .list-view .list-item-assignment .frame .assignment dd:hover:after {
      display: none; }
  .mail_list_view .list-view .list-item-last_msg_date_t {
    font-weight: normal !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px; }
  .mail_list_view .list-view .list-item-last_reply {
    color: red; }
  .mail_list_view .list-view .last_replied {
    border-radius: 4px;
    color: #dd6161; }
  .mail_list_view .list-view .replied_to {
    color: #1ece61; }
  .mail_list_view .list-view .urgent {
    position: absolute;
    top: 0;
    left: -20px;
    cursor: default;
    color: red;
    font-weight: normal !important;
    display: none; }
  .mail_list_view .list-view .on {
    display: block; }

.mail_list_view .messages-container {
  margin-bottom: 30px; }
  .mail_list_view .messages-container header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: -webkit-sticky;
    position: sticky;
    background-color: #ffffff; }
    .mail_list_view .messages-container header .message-back-btn {
      position: relative;
      line-height: 18px;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .mail_list_view .messages-container header .message-back-btn:hover {
        color: #fdc73e;
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2); }
    .mail_list_view .messages-container header h3 {
      cursor: unset;
      margin-right: 30px; }
    .mail_list_view .messages-container header .btn-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 30px;
      height: 100%;
      margin-top: 0;
      margin-bottom: 0; }
      .mail_list_view .messages-container header .btn-container div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .mail_list_view .messages-container header .btn-container div .assignment {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .mail_list_view .messages-container header .btn-container div .assignment dd {
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            border-radius: 50%;
            padding: 0;
            margin-right: 2px; }
  .mail_list_view .messages-container .reply-container .messages-reply {
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D0C9C3;
    margin-top: 20px;
    margin-left: 20px;
    border-radius: 25px;
    cursor: pointer; }
    .mail_list_view .messages-container .reply-container .messages-reply:hover {
      background-color: var(--a2);
      color: #fff; }
    .mail_list_view .messages-container .reply-container .messages-reply .reply-btn-container {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .mail_list_view .messages-container .reply-container .messages-reply .reply-btn-container i {
        margin-top: 5px; }
      .mail_list_view .messages-container .reply-container .messages-reply .reply-btn-container label {
        padding-left: 20px;
        cursor: pointer; }
  .mail_list_view .messages-container .reply-container .reply-input-container {
    display: flex;
    margin: 25px;
    padding: 20px;
    flex-direction: column;
    border: 1px solid var(--l2); }
    .mail_list_view .messages-container .reply-container .reply-input-container .reply-header {
      display: flex;
      flex: 1;
      justify-content: space-between; }
      .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info {
        display: flex;
        flex-direction: column;
        flex: 1; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info input {
          border: none;
          margin-left: 5px;
          width: 100%; }
          .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info input:focus-visible {
            border-bottom: 1px solid var(--l2);
            outline: none; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info div {
          display: flex;
          flex: 1; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info .reply-labels {
          font-weight: bold;
          color: var(--d1);
          margin-left: 10px;
          white-space: pre; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info .cc-reply {
          display: none; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info .bcc-reply {
          display: none; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info .from-name-reply {
          display: none; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .reply-info .show-reply-inputs {
          display: flex; }
      .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .cc-buttons span {
        margin-right: 10px;
        padding: 5px; }
        .mail_list_view .messages-container .reply-container .reply-input-container .reply-header .cc-buttons span:hover {
          background-color: var(--a1);
          color: #fff;
          cursor: pointer;
          border-radius: 5px; }
  .mail_list_view .messages-container .reply-container .message-content {
    margin-top: 10px;
    background-color: inherit;
    border: none;
    height: 200px; }
  .mail_list_view .messages-container .reply-container .previous-replies {
    max-height: 300px;
    overflow: scroll;
    border: 1px solid var(--l1);
    margin-bottom: 10px; }
    .mail_list_view .messages-container .reply-container .previous-replies p {
      white-space: break-spaces;
      text-align: left; }
  .mail_list_view .messages-container .reply-container .reply-footer {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center; }
    .mail_list_view .messages-container .reply-container .reply-footer .send-btn-container {
      width: 100px;
      background: var(--a2);
      display: flex;
      justify-content: center;
      padding: 7px;
      border-radius: 25px;
      cursor: pointer; }
      .mail_list_view .messages-container .reply-container .reply-footer .send-btn-container i {
        color: #fff;
        margin-right: 25px; }
      .mail_list_view .messages-container .reply-container .reply-footer .send-btn-container label {
        color: #fff;
        margin-left: 25px;
        cursor: pointer; }
    .mail_list_view .messages-container .reply-container .reply-footer .delete-btn {
      margin-right: 25px; }
      .mail_list_view .messages-container .reply-container .reply-footer .delete-btn:hover i {
        color: red; }
  .mail_list_view .messages-container .reply-container .show-replies-btn {
    width: 20px;
    height: 10px;
    background-color: var(--l2);
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 25px;
    margin-bottom: 10px; }
    .mail_list_view .messages-container .reply-container .show-replies-btn span {
      color: white;
      margin-bottom: 5px; }

.mail_list_view .message-container:nth-of-type(2n) ul.message-header {
  background-color: rgba(220, 220, 220, 0.06); }

.mail_list_view .message-container:first-of-type.padded ul.message-header {
  padding-bottom: 2.5rem; }

.mail_list_view .message-container:last-of-type.padded ul.message-header {
  padding-top: 2.5rem; }

.mail_list_view .message-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .mail_list_view .message-container ul.message-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 2rem;
    cursor: pointer; }
    .mail_list_view .message-container ul.message-header:hover {
      background-color: rgba(220, 220, 220, 0.2); }
    .mail_list_view .message-container ul.message-header li.message-info .sender-name {
      font-weight: bold; }
    .mail_list_view .message-container ul.message-header .date-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      min-width: 30%; }
  .mail_list_view .message-container div.message-content {
    text-align: initial;
    white-space: pre-line;
    margin: 1rem 0rem;
    padding: 1rem 2rem; }
    .mail_list_view .message-container div.message-content pre {
      white-space: pre-wrap;
      word-break: break-word; }
    .mail_list_view .message-container div.message-content iframe {
      border: none;
      min-height: 45rem;
      width: 100%;
      height: auto; }
    .mail_list_view .message-container div.message-content .message-reply-icon {
      position: absolute;
      top: 0;
      right: 20px; }
      .mail_list_view .message-container div.message-content .message-reply-icon:hover {
        color: var(--a1); }
  .mail_list_view .message-container a.expand-msg {
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    padding: 0 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    transition: background-color 0.1s;
    margin-bottom: 10rem;
    position: relative; }
    .mail_list_view .message-container a.expand-msg:hover {
      background-color: rgba(0, 0, 0, 0.5); }
    .mail_list_view .message-container a.expand-msg.expanded {
      background-color: #5f5bff;
      -webkit-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s; }
      .mail_list_view .message-container a.expand-msg.expanded:hover {
        background-color: #4444dd; }
      .mail_list_view .message-container a.expand-msg.expanded span {
        -webkit-transform: rotate(90deg) translate(-50%, -50%);
        -ms-transform: rotate(90deg) translate(-50%, -50%);
        transform: rotate(90deg) translate(-50%, -50%);
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
    .mail_list_view .message-container a.expand-msg span {
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE10+/Edge */
      user-select: none;
      /* Standard */
      color: white;
      font-weight: bold;
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      -webkit-transform: rotate(0deg) translate(-50%, -50%);
      -ms-transform: rotate(0deg) translate(-50%, -50%);
      transform: rotate(0deg) translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left; }
  .mail_list_view .message-container pre.extra-content {
    padding-top: 2rem;
    padding-left: 1.5rem;
    border-left: 1px solid rgba(0, 0, 0, 0.5); }
    .mail_list_view .message-container pre.extra-content.hidden {
      display: none; }

.mail_list_view #show-mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 3rem;
  margin: 0;
  z-index: 99;
  position: absolute;
  margin-top: -1.5rem;
  width: 100%; }
  .mail_list_view #show-mail::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: white; }
  .mail_list_view #show-mail a {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    background-color: var(--a1);
    font-family: futura;
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 2; }
    .mail_list_view #show-mail a::after {
      content: '';
      opacity: 0;
      -webkit-transition: opacity 0.1s;
      -o-transition: opacity 0.1s;
      transition: opacity 0.1s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #a0a500;
      filter: invert(100%);
      -webkit-filter: invert(100%);
      background-image: url("https://www.gstatic.com/images/icons/material/system/2x/expand_all_black_20dp.png");
      background-size: 1.5rem;
      background-repeat: no-repeat;
      background-position: center; }
    .mail_list_view #show-mail a:hover::after {
      opacity: 1;
      -webkit-transition: opacity 0.1s;
      -o-transition: opacity 0.1s;
      transition: opacity 0.1s; }

.mail_list_view .pop .window[name='remove-email-account-popup'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 2.5rem;
  -ms-flex-item-align: center;
  align-self: center; }
  .mail_list_view .pop .window[name='remove-email-account-popup'] h1 {
    font-size: 5rem;
    text-align: center;
    margin: 1.5rem auto 2.5rem auto; }
  .mail_list_view .pop .window[name='remove-email-account-popup'] .text-box {
    max-width: 50rem;
    margin-bottom: 3rem; }
    .mail_list_view .pop .window[name='remove-email-account-popup'] .text-box p {
      font-size: 1.2rem;
      color: rgba(0, 0, 0, 0.5); }
  .mail_list_view .pop .window[name='remove-email-account-popup'] .buttons-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .mail_list_view .pop .window[name='remove-email-account-popup'] .buttons-box .btn-red {
      background-color: #ee3333;
      color: white;
      font-size: 1.2rem;
      padding: 1rem 2rem;
      border-radius: 0.3rem;
      font-weight: bold; }
      .mail_list_view .pop .window[name='remove-email-account-popup'] .buttons-box .btn-red:hover {
        background-color: #c33; }

.mail_list_view .assignment-popup form {
  padding: 0.8rem 0.3rem; }

.mail_list_view .assignment-popup i {
  display: none; }

.mail_list_view .assignment-popup ul {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0; }

.mail_list_view .no-emails {
  margin-top: 10rem; }

.mail_list_view .tags {
  max-width: 20rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .mail_list_view .tags dd {
    margin: 3px 3px; }

.mail_list_view .reregistration-section {
  padding: 3rem 0;
  margin: 10rem 2rem 0; }
  .mail_list_view .reregistration-section h1 {
    font-size: 1.5rem;
    padding: 0;
    cursor: auto; }
  .mail_list_view .reregistration-section .instruct-inner {
    padding: 2rem 0;
    border-radius: 5rem; }
  .mail_list_view .reregistration-section .text-box {
    text-align: start;
    max-width: 61rem;
    margin: 1rem auto 3rem; }
  .mail_list_view .reregistration-section p {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    padding: 0; }
    .mail_list_view .reregistration-section p.bold {
      font-weight: bold;
      line-height: 1.8em;
      font-size: 1.4rem; }
  .mail_list_view .reregistration-section .reregister-button {
    background-color: var(--a2);
    height: 4rem;
    color: white;
    border: 1px solid white; }
    .mail_list_view .reregistration-section .reregister-button:hover {
      background-color: #00c7ba; }
  .mail_list_view .reregistration-section .token-err-or-outer {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding-left: 6rem;
    margin-bottom: 0.5rem; }
    .mail_list_view .reregistration-section .token-err-or-outer .token-err-or {
      font-size: 1.4rem;
      font-weight: 'bold';
      text-decoration: underline; }

.mail_list_view .comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .mail_list_view .comment-wrapper span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background-color: #5f5bff;
    color: white;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    border: 1px solid white;
    line-height: 9px;
    top: 2px;
    right: 1px;
    font-size: 10px; }
  .mail_list_view .comment-wrapper i:before {
    font-size: 21px; }
  .mail_list_view .comment-wrapper .on:before {
    color: #fdc73e !important; }

.mail_list_view .copyTextBox {
  border: 1px solid rgba(120, 120, 120, 0.5);
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5rem auto; }
  .mail_list_view .copyTextBox .copyText {
    margin: 0;
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.5rem 1rem;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .mail_list_view .copyTextBox .copyText::-webkit-scrollbar {
      display: none; }
  .mail_list_view .copyTextBox .copyTextBtn {
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    border-left: 1px solid rgba(120, 120, 120, 0.5);
    -ms-flex-preferred-size: 10rem;
    flex-basis: 10rem;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    position: relative; }
    .mail_list_view .copyTextBox .copyTextBtn::before {
      content: '';
      width: 0.3rem;
      height: 100%;
      background-color: white;
      position: absolute;
      left: -0.4rem; }
    .mail_list_view .copyTextBox .copyTextBtn:active {
      background-color: rgba(200, 200, 200, 0.5) !important; }
    .mail_list_view .copyTextBox .copyTextBtn:hover {
      background-color: rgba(200, 200, 200, 0.2); }
    .mail_list_view .copyTextBox .copyTextBtn::after {
      content: 'Copied!';
      width: 5rem;
      height: 2rem;
      position: absolute;
      opacity: 0;
      top: -0.5rem;
      left: 0;
      padding: 0 1rem 1.5rem;
      -webkit-transition: top 0.5s ease-out, opacity 0.2s;
      -o-transition: top 0.5s ease-out, opacity 0.2s;
      transition: top 0.5s ease-out, opacity 0.2s; }
    .mail_list_view .copyTextBox .copyTextBtn.copied::after {
      opacity: 1;
      top: -2.5rem; }

.mail_list_view + .pops .error-popup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .mail_list_view + .pops .error-popup h1 {
    cursor: inherit; }
  .mail_list_view + .pops .error-popup div button {
    margin-top: 1rem;
    margin-left: 0rem; }

.mail_list_view + .pops .window[name='remove-email-account-popup'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2rem 2.5rem;
  -ms-flex-item-align: center;
  align-self: center; }
  .mail_list_view + .pops .window[name='remove-email-account-popup'] h1 {
    text-align: center;
    cursor: auto;
    font-size: 2.5rem;
    margin: 1.2rem 0;
    padding: 0; }
  .mail_list_view + .pops .window[name='remove-email-account-popup'] .text-box {
    max-width: 50rem;
    margin-bottom: 3rem; }
    .mail_list_view + .pops .window[name='remove-email-account-popup'] .text-box p {
      font-size: 1.2rem;
      color: rgba(0, 0, 0, 0.5); }
  .mail_list_view + .pops .window[name='remove-email-account-popup'] .close {
    display: none;
    border: none;
    background-color: transparent;
    top: 2rem;
    right: 2rem; }
    .mail_list_view + .pops .window[name='remove-email-account-popup'] .close::before {
      background-position: center;
      height: 100%;
      width: 100%;
      border-radius: 50%; }
    .mail_list_view + .pops .window[name='remove-email-account-popup'] .close:hover {
      -webkit-filter: brightness(95%);
      filter: brightness(95%); }
  .mail_list_view + .pops .window[name='remove-email-account-popup'] .buttons-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .mail_list_view + .pops .window[name='remove-email-account-popup'] .buttons-box .btn-red {
      background-color: #ee3333;
      color: white;
      font-size: 1.2rem;
      height: 4.2rem;
      padding: 0 1.5rem;
      border-radius: 0.3rem;
      font-weight: bold; }
      .mail_list_view + .pops .window[name='remove-email-account-popup'] .buttons-box .btn-red:hover {
        background-color: #c33; }
    .mail_list_view + .pops .window[name='remove-email-account-popup'] .buttons-box .cancel {
      height: 4.2rem;
      padding: 0 1.5rem; }

.mail_list_view + .pops .edit-mailing-list-popup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  user-select: none; }
  .mail_list_view + .pops .edit-mailing-list-popup input {
    left: 5px !important; }

.mail_list_view + .ui-dropdown-mask .ui-dropdown-opts, .mail_list_view + .ui-dropdown-mask #form-item-autocomplete {
  background-color: white; }
  .mail_list_view + .ui-dropdown-mask .ui-dropdown-opts li, .mail_list_view + .ui-dropdown-mask #form-item-autocomplete li {
    color: var(--d1); }
  .mail_list_view + .ui-dropdown-mask .ui-dropdown-opts li:hover, .mail_list_view + .ui-dropdown-mask #form-item-autocomplete li:hover {
    background-color: var(--a2);
    color: white; }

.mail_list_view + .popup-mask .email-form .center-pane textarea {
  width: 100%; }

.email_settings_view {
  display: flex;
  width: auto !important;
  min-width: 600px !important;
  max-width: 900px !important; }
  .email_settings_view > .container {
    flex: 1;
    display: flex;
    overflow: hidden; }
    .email_settings_view > .container .left-pane {
      height: 100%;
      width: 180px !important; }
    .email_settings_view > .container .center-pane section.body {
      overflow: hidden;
      overflow-y: scroll;
      height: calc(100% - 60px); }
    .email_settings_view > .container .center-pane input:disabled, .email_settings_view > .container .center-pane textarea:disabled {
      opacity: 0.5; }

.crowded_list_view {
  display: flex; }
  .crowded_list_view .left-pane header {
    color: #222; }
  .crowded_list_view .center-pane {
    min-width: 800px;
    padding: 120px 24px; }
    .crowded_list_view .center-pane h2 {
      font-size: 24px;
      margin-left: 48px;
      text-align: left; }
    .crowded_list_view .center-pane .displya_d {
      padding: 3rem 3rem;
      background-color: #F8F6F5; }
      .crowded_list_view .center-pane .displya_d .now {
        font-size: 3rem;
        font-weight: 500; }
    .crowded_list_view .center-pane .cg_btn {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto; }
      .crowded_list_view .center-pane .cg_btn span {
        display: inline-block;
        margin: 8px;
        width: 152px;
        height: 80px;
        position: relative;
        transition: all .5; }
      .crowded_list_view .center-pane .cg_btn span::before {
        width: 152px;
        height: 80px;
        background-size: 152px 80px;
        transition: inherit; }
      .crowded_list_view .center-pane .cg_btn span.on::before {
        width: 152px;
        height: 80px;
        transition: inherit; }
      @media only screen and (min-width: 1200px) {
        .crowded_list_view .center-pane .cg_btn span {
          margin: 8px;
          width: 168px;
          height: 96px; }
        .crowded_list_view .center-pane .cg_btn span::before {
          width: 168px;
          height: 96px;
          background-size: 168px 96px; }
        .crowded_list_view .center-pane .cg_btn span.on::before {
          width: 168px;
          height: 96px; } }
      .crowded_list_view .center-pane .cg_btn .empty_s::before {
        background-image: url("/images/ico_empty_s.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .empty_l::before {
        background-image: url("/images/ico_empty_l.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .crowd_s::before {
        background-image: url("/images/ico_crowd_s.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .crowd_l::before {
        background-image: url("/images/ico_crowd_l.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .am::before {
        background-image: url("/images/ico_am.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .pm::before {
        background-image: url("/images/ico_pm.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .open::before {
        background-image: url("/images/ico_open.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .free::before {
        background-image: url("/images/ico_free.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .empty_s.on::before {
        background-image: url("/images/ico_empty_s_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .empty_l.on::before {
        background-image: url("/images/ico_empty_l_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .crowd_s.on::before {
        background-image: url("/images/ico_crowd_s_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .crowd_l.on::before {
        background-image: url("/images/ico_crowd_l_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .am.on::before {
        background-image: url("/images/ico_am_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .pm.on::before {
        background-image: url("/images/ico_pm_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .open.on::before {
        background-image: url("/images/ico_open_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .free.on::before {
        background-image: url("/images/ico_free_on.svg");
        content: ""; }
      .crowded_list_view .center-pane .cg_btn .inp {
        margin-top: 24px; }
      .crowded_list_view .center-pane .cg_btn input[type=text] {
        height: 54px;
        line-height: 54px; }
      .crowded_list_view .center-pane .cg_btn .ibtn {
        color: #FFFFFF;
        padding: 10px 30px 10px 30px;
        background-color: #5F5BFF;
        border-color: #5F5BFF; }

.invoice_list_view td:last-child {
  display: flex; }

.monthly_list_view .ui-dropdown {
  margin: 0 16px; }
  .monthly_list_view .ui-dropdown label {
    padding: 0 16px; }

.monthly_list_view .center-pane th[key=id] {
  display: none; }

.chat_list_view .left-pane {
  background-color: white !important;
  min-width: 320px;
  padding-left: 0;
  padding-right: 0; }
  .chat_list_view .left-pane .search-bar {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0; }
    .chat_list_view .left-pane .search-bar .queries {
      width: 240px;
      height: 36px;
      margin: auto;
      border: 1px solid #D0C9C3;
      border-radius: 4px;
      margin-top: 24px;
      margin-left: 32px; }
      .chat_list_view .left-pane .search-bar .queries:before {
        line-height: 34px;
        color: #D0C9C3;
        left: 12px; }
    .chat_list_view .left-pane .search-bar i.star {
      line-height: 34px;
      position: absolute;
      right: 18px;
      color: #D8D8D8; }
    .chat_list_view .left-pane .search-bar i.status {
      line-height: 34px;
      position: absolute;
      right: 3px;
      font-size: 18px;
      color: #D8D8D8; }
    .chat_list_view .left-pane .search-bar i.star:hover {
      color: #FDC73E; }
    .chat_list_view .left-pane .search-bar i.star.on {
      color: #FBB036; }
    .chat_list_view .left-pane .search-bar i.status:hover, .chat_list_view .left-pane .search-bar i.status.on {
      color: #DB234B; }
    .chat_list_view .left-pane .search-bar i.status:hover:after {
      font-family: 'Poppins';
      -webkit-font-smoothing: initial; }
  .chat_list_view .left-pane ul.users {
    width: 100%;
    padding-left: 0; }
    .chat_list_view .left-pane ul.users li {
      padding-left: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      height: 80px;
      margin-left: 8px; }
      .chat_list_view .left-pane ul.users li:after {
        content: "";
        width: 284px;
        height: 1px;
        position: absolute;
        bottom: 0px;
        left: 20px;
        background-color: #D0C9C3; }
      .chat_list_view .left-pane ul.users li:last-child:after {
        background-color: transparent; }
      .chat_list_view .left-pane ul.users li div.info-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        height: 80px;
        flex: 1; }
      .chat_list_view .left-pane ul.users li.on, .chat_list_view .left-pane ul.users li:hover {
        background-color: #F8F6F5; }
        .chat_list_view .left-pane ul.users li.on div.info-box, .chat_list_view .left-pane ul.users li:hover div.info-box {
          background-color: #F8F6F5 !important; }
      .chat_list_view .left-pane ul.users li.bookmark i.star:before {
        color: #FDC73E; }
      .chat_list_view .left-pane ul.users li.bookmark div.info-box {
        background-color: #FFFFFF !important; }
      .chat_list_view .left-pane ul.users li div.chat-icons {
        height: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .chat_list_view .left-pane ul.users li div.chat-icons span.material-icons {
          font-size: 18px;
          padding: 0;
          color: #D8D8D8; }
        .chat_list_view .left-pane ul.users li div.chat-icons span.on {
          color: #DB234B; }
      .chat_list_view .left-pane ul.users li div.thumb {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        min-width: 40px;
        border-radius: 20px;
        margin-left: 8px; }
      .chat_list_view .left-pane ul.users li b {
        position: absolute !important;
        right: 18px;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        color: white;
        top: 44px; }
      .chat_list_view .left-pane ul.users li div.data {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-left: 16px;
        margin-right: 16px; }
        .chat_list_view .left-pane ul.users li div.data > div {
          display: flex;
          flex-direction: row; }
        .chat_list_view .left-pane ul.users li div.data h4 {
          flex: 1;
          padding-left: 0;
          color: #222 !important;
          height: 24px;
          line-height: 24px;
          font-size: 13px;
          text-overflow: ellipsis;
          max-width: 140px; }
        .chat_list_view .left-pane ul.users li div.data span {
          width: 80px;
          font-size: 10px;
          color: #999;
          height: 24px;
          line-height: 20px;
          text-align: right; }
        .chat_list_view .left-pane ul.users li div.data p {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 120px;
          padding: 0;
          height: 24px;
          line-height: 24px;
          max-width: 200px; }
      .chat_list_view .left-pane ul.users li b.badge {
        content: "";
        background-color: #DB234B; }
      .chat_list_view .left-pane ul.users li i.star {
        width: 20px;
        position: relative;
        max-width: 20px;
        position: relative;
        min-width: 20px;
        text-align: center; }
        .chat_list_view .left-pane ul.users li i.star:before {
          width: 20px;
          line-height: 20px;
          color: #D8D8D8;
          top: 0px; }

.chat_list_view .center-pane {
  max-width: calc(100vw - 680px); }
  .chat_list_view .center-pane .chat-pane {
    overflow: hidden; }
  .chat_list_view .center-pane header {
    height: 72px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden; }

.chat_list_view #simulator {
  border-radius: 0; }
  .chat_list_view #simulator article#mask {
    background-color: transparent; }
  .chat_list_view #simulator > section {
    background-color: white;
    border: 0; }
    .chat_list_view #simulator > section:empty:before {
      content: attr(hint);
      background: #F8F6F5;
      width: 100%;
      height: 100%; }
    .chat_list_view #simulator > section #chats ol.card.text {
      border: 0; }
    .chat_list_view #simulator > section #chats ol.imagemap {
      max-width: 375px;
      margin-left: 54px;
      margin-top: 0;
      border: 0;
      box-shadow: none;
      padding: 8px;
      box-sizing: content-box; }
      .chat_list_view #simulator > section #chats ol.imagemap li.imagemap {
        border: 0;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        border-radius: 4px; }
    .chat_list_view #simulator > section #chats li > span {
      font-size: 11px; }
    .chat_list_view #simulator > section #chats .hidden {
      display: none; }
    .chat_list_view #simulator > section #chats li.left li.text {
      background: transparent; }
    .chat_list_view #simulator > section #chats li.left li.text + li.item {
      border-top: 0; }
    .chat_list_view #simulator > section #chats li.right p {
      max-width: 600px; }
  .chat_list_view #simulator footer {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #D0C9C3 !important;
    padding: 12px 20px 20px;
    height: auto;
    display: flex;
    flex-direction: row; }
    .chat_list_view #simulator footer .form-item-autocomplete {
      min-width: 320px; }
      .chat_list_view #simulator footer .form-item-autocomplete input.autocomplete {
        height: 32px;
        line-height: 32px; }
      .chat_list_view #simulator footer .form-item-autocomplete span + input.autocomplete {
        opacity: 0; }
    .chat_list_view #simulator footer dl {
      display: flex;
      flex-direction: row;
      position: relative;
      width: max-content;
      height: max-content;
      margin-right: 12px; }
      .chat_list_view #simulator footer dl .icon.tooltip:after, .chat_list_view #simulator footer dl table.list-view th.tooltip.on:after, table.list-view .chat_list_view #simulator footer dl th.tooltip.on:after, .chat_list_view #simulator footer dl table.list-view th.tooltip.sortable:after, table.list-view .chat_list_view #simulator footer dl th.tooltip.sortable:after, .chat_list_view #simulator footer dl .search-bar div.tooltip.queries:after, .search-bar .chat_list_view #simulator footer dl div.tooltip.queries:after, .chat_list_view #simulator footer dl .simulator > header dd.tooltip:after, .simulator > header .chat_list_view #simulator footer dl dd.tooltip:after, .chat_list_view #simulator footer dl .p3-layout .menu-pane li.tooltip:after, .p3-layout .menu-pane .chat_list_view #simulator footer dl li.tooltip:after, .chat_list_view #simulator footer dl .bot-editor section.actions li h5.tooltip:after, .bot-editor section.actions li .chat_list_view #simulator footer dl h5.tooltip:after, .chat_list_view #simulator footer dl .bot-editor ul.nodes > li > div span.tooltip.new:after, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer dl span.tooltip.new:after, .chat_list_view #simulator footer dl .bot-editor ul.nodes > li > div label.tooltip.new:after, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer dl label.tooltip.new:after, .chat_list_view #simulator footer dl .bot-editor ul.nodes div.tooltip.schedule:after, .bot-editor ul.nodes .chat_list_view #simulator footer dl div.tooltip.schedule:after, .chat_list_view #simulator footer dl .bot-editor ul.nodes ol.card li.tooltip.item.new:after, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer dl li.tooltip.item.new:after, .chat_list_view #simulator footer dl .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:after, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer dl u.tooltip:after, .chat_list_view #simulator footer dl section.user-editor section.info header.tooltip:after, section.user-editor section.info .chat_list_view #simulator footer dl header.tooltip:after {
        transform: translateX(-16px); }
    .chat_list_view #simulator footer .icon.tooltip, .chat_list_view #simulator footer .tooltip.form-item-autocomplete.loading-autocomplete:before, .chat_list_view #simulator footer table.list-view th.tooltip.on, table.list-view .chat_list_view #simulator footer th.tooltip.on, .chat_list_view #simulator footer table.list-view th.tooltip.sortable, table.list-view .chat_list_view #simulator footer th.tooltip.sortable, .chat_list_view #simulator footer .ui-indicator .tooltip#indicator:before, .ui-indicator .chat_list_view #simulator footer .tooltip#indicator:before, .chat_list_view #simulator footer .search-bar div.tooltip.queries, .search-bar .chat_list_view #simulator footer div.tooltip.queries, .chat_list_view #simulator footer .simulator > header dd.tooltip, .simulator > header .chat_list_view #simulator footer dd.tooltip, .chat_list_view #simulator footer .p3-layout .menu-pane li.tooltip, .p3-layout .menu-pane .chat_list_view #simulator footer li.tooltip, .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:before, .chat_list_view #simulator footer .bot-editor section.actions li h5.tooltip, .bot-editor section.actions li .chat_list_view #simulator footer h5.tooltip, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div span.tooltip.new, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer span.tooltip.new, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div label.tooltip.new, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer label.tooltip.new, .chat_list_view #simulator footer .bot-editor ul.nodes div.tooltip.schedule, .bot-editor ul.nodes .chat_list_view #simulator footer div.tooltip.schedule, .chat_list_view #simulator footer .bot-editor ul.nodes ol.card li.tooltip.item.new, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer li.tooltip.item.new, .chat_list_view #simulator footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer u.tooltip, .chat_list_view #simulator footer section.user-editor section.info header.tooltip, section.user-editor section.info .chat_list_view #simulator footer header.tooltip {
      display: block;
      width: 24px;
      height: 24px;
      margin: 4px 8px;
      cursor: pointer;
      padding-left: 0;
      padding-right: 0;
      transition-duration: 0.3s; }
    .chat_list_view #simulator footer .icon.tooltip:before, .chat_list_view #simulator footer .tooltip.form-item-autocomplete.loading-autocomplete:before, .chat_list_view #simulator footer table.list-view th.tooltip.on:before, table.list-view .chat_list_view #simulator footer th.tooltip.on:before, .chat_list_view #simulator footer table.list-view th.tooltip.sortable:before, table.list-view .chat_list_view #simulator footer th.tooltip.sortable:before, .chat_list_view #simulator footer .ui-indicator .tooltip#indicator:before, .ui-indicator .chat_list_view #simulator footer .tooltip#indicator:before, .chat_list_view #simulator footer .search-bar div.tooltip.queries:before, .search-bar .chat_list_view #simulator footer div.tooltip.queries:before, .chat_list_view #simulator footer .simulator > header dd.tooltip:before, .simulator > header .chat_list_view #simulator footer dd.tooltip:before, .chat_list_view #simulator footer .p3-layout .menu-pane li.tooltip:before, .p3-layout .menu-pane .chat_list_view #simulator footer li.tooltip:before, .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:before, .chat_list_view #simulator footer .bot-editor section.actions li h5.tooltip:before, .bot-editor section.actions li .chat_list_view #simulator footer h5.tooltip:before, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div span.tooltip.new:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer span.tooltip.new:before, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div label.tooltip.new:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer label.tooltip.new:before, .chat_list_view #simulator footer .bot-editor ul.nodes div.tooltip.schedule:before, .bot-editor ul.nodes .chat_list_view #simulator footer div.tooltip.schedule:before, .chat_list_view #simulator footer .bot-editor ul.nodes ol.card li.tooltip.item.new:before, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer li.tooltip.item.new:before, .chat_list_view #simulator footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:before, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer u.tooltip:before, .chat_list_view #simulator footer section.user-editor section.info header.tooltip:before, section.user-editor section.info .chat_list_view #simulator footer header.tooltip:before {
      font-size: 20px;
      height: 24px;
      line-height: 24px;
      color: #5F5BFF;
      width: 24px;
      text-align: center; }
    .chat_list_view #simulator footer .icon.tooltip:hover, .chat_list_view #simulator footer .tooltip.form-item-autocomplete.loading-autocomplete:hover:before, .chat_list_view #simulator footer table.list-view th.tooltip.on:hover, table.list-view .chat_list_view #simulator footer th.tooltip.on:hover, .chat_list_view #simulator footer table.list-view th.tooltip.sortable:hover, table.list-view .chat_list_view #simulator footer th.tooltip.sortable:hover, .chat_list_view #simulator footer .ui-indicator .tooltip#indicator:hover:before, .ui-indicator .chat_list_view #simulator footer .tooltip#indicator:hover:before, .chat_list_view #simulator footer .search-bar div.tooltip.queries:hover, .search-bar .chat_list_view #simulator footer div.tooltip.queries:hover, .chat_list_view #simulator footer .simulator > header dd.tooltip:hover, .simulator > header .chat_list_view #simulator footer dd.tooltip:hover, .chat_list_view #simulator footer .p3-layout .menu-pane li.tooltip:hover, .p3-layout .menu-pane .chat_list_view #simulator footer li.tooltip:hover, .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:hover:before, .chat_list_view #simulator footer .bot-editor section.actions li h5.tooltip:hover, .bot-editor section.actions li .chat_list_view #simulator footer h5.tooltip:hover, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div span.tooltip.new:hover, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer span.tooltip.new:hover, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div label.tooltip.new:hover, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer label.tooltip.new:hover, .chat_list_view #simulator footer .bot-editor ul.nodes div.tooltip.schedule:hover, .bot-editor ul.nodes .chat_list_view #simulator footer div.tooltip.schedule:hover, .chat_list_view #simulator footer .bot-editor ul.nodes ol.card li.tooltip.item.new:hover, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer li.tooltip.item.new:hover, .chat_list_view #simulator footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:hover, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer u.tooltip:hover, .chat_list_view #simulator footer section.user-editor section.info header.tooltip:hover, section.user-editor section.info .chat_list_view #simulator footer header.tooltip:hover {
      transform: scale(1.2, 1.2); }
    .chat_list_view #simulator footer .icon.tooltip:hover:before, .chat_list_view #simulator footer .tooltip.form-item-autocomplete.loading-autocomplete:hover:before, .chat_list_view #simulator footer table.list-view th.tooltip.on:hover:before, table.list-view .chat_list_view #simulator footer th.tooltip.on:hover:before, .chat_list_view #simulator footer table.list-view th.tooltip.sortable:hover:before, table.list-view .chat_list_view #simulator footer th.tooltip.sortable:hover:before, .chat_list_view #simulator footer .ui-indicator .tooltip#indicator:hover:before, .ui-indicator .chat_list_view #simulator footer .tooltip#indicator:hover:before, .chat_list_view #simulator footer .search-bar div.tooltip.queries:hover:before, .search-bar .chat_list_view #simulator footer div.tooltip.queries:hover:before, .chat_list_view #simulator footer .simulator > header dd.tooltip:hover:before, .simulator > header .chat_list_view #simulator footer dd.tooltip:hover:before, .chat_list_view #simulator footer .p3-layout .menu-pane li.tooltip:hover:before, .p3-layout .menu-pane .chat_list_view #simulator footer li.tooltip:hover:before, .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:hover:before, .chat_list_view #simulator footer .bot-editor section.actions li h5.tooltip:hover:before, .bot-editor section.actions li .chat_list_view #simulator footer h5.tooltip:hover:before, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div span.tooltip.new:hover:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer span.tooltip.new:hover:before, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div label.tooltip.new:hover:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer label.tooltip.new:hover:before, .chat_list_view #simulator footer .bot-editor ul.nodes div.tooltip.schedule:hover:before, .bot-editor ul.nodes .chat_list_view #simulator footer div.tooltip.schedule:hover:before, .chat_list_view #simulator footer .bot-editor ul.nodes ol.card li.tooltip.item.new:hover:before, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer li.tooltip.item.new:hover:before, .chat_list_view #simulator footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:hover:before, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer u.tooltip:hover:before, .chat_list_view #simulator footer section.user-editor section.info header.tooltip:hover:before, section.user-editor section.info .chat_list_view #simulator footer header.tooltip:hover:before {
      color: #3A3AB5; }
    .chat_list_view #simulator footer .icon.tooltip:after, .chat_list_view #simulator footer table.list-view th.tooltip.on:after, table.list-view .chat_list_view #simulator footer th.tooltip.on:after, .chat_list_view #simulator footer table.list-view th.tooltip.sortable:after, table.list-view .chat_list_view #simulator footer th.tooltip.sortable:after, .chat_list_view #simulator footer .search-bar div.tooltip.queries:after, .search-bar .chat_list_view #simulator footer div.tooltip.queries:after, .chat_list_view #simulator footer .simulator > header dd.tooltip:after, .simulator > header .chat_list_view #simulator footer dd.tooltip:after, .chat_list_view #simulator footer .p3-layout .menu-pane li.tooltip:after, .p3-layout .menu-pane .chat_list_view #simulator footer li.tooltip:after, .chat_list_view #simulator footer .bot-editor section.actions li h5.tooltip:after, .bot-editor section.actions li .chat_list_view #simulator footer h5.tooltip:after, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div span.tooltip.new:after, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer span.tooltip.new:after, .chat_list_view #simulator footer .bot-editor ul.nodes > li > div label.tooltip.new:after, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer label.tooltip.new:after, .chat_list_view #simulator footer .bot-editor ul.nodes div.tooltip.schedule:after, .bot-editor ul.nodes .chat_list_view #simulator footer div.tooltip.schedule:after, .chat_list_view #simulator footer .bot-editor ul.nodes ol.card li.tooltip.item.new:after, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer li.tooltip.item.new:after, .chat_list_view #simulator footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:after, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer u.tooltip:after, .chat_list_view #simulator footer section.user-editor section.info header.tooltip:after, section.user-editor section.info .chat_list_view #simulator footer header.tooltip:after {
      top: -32px;
      z-index: 100; }
    .chat_list_view #simulator footer .alt-type {
      display: none; }
    .chat_list_view #simulator footer b.face {
      display: none; }
    .chat_list_view #simulator footer[class*='send-type-'] [class*='type-'] {
      flex: 1; }
    .chat_list_view #simulator footer.send-type-text .type-text {
      display: flex;
      position: relative; }
      .chat_list_view #simulator footer.send-type-text .type-text textarea {
        background-color: transparent;
        width: 100%;
        height: 100%;
        min-height: 42px;
        overflow-y: auto;
        max-height: 300px;
        padding: 9px;
        padding-right: 30px; }
        .chat_list_view #simulator footer.send-type-text .type-text textarea::placeholder {
          color: #ccc !important; }
      .chat_list_view #simulator footer.send-type-text .type-text:after {
        content: attr(hint);
        position: absolute;
        font-size: 10px;
        bottom: -20px;
        right: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .chat_list_view #simulator footer.send-type-text .type-text b.face {
        position: absolute;
        right: 0;
        top: 50%;
        width: 32px;
        height: 24px;
        margin-top: -12px;
        cursor: pointer;
        line-height: 24px;
        display: block; }
      .chat_list_view #simulator footer.send-type-text .type-text b:before {
        content: "";
        color: #5F5BFF;
        margin-top: 0 !important; }
    .chat_list_view #simulator footer.send-type-act .type-act {
      display: flex;
      position: relative; }
      .chat_list_view #simulator footer.send-type-act .type-act .edit {
        position: absolute;
        right: 10px;
        color: var(--a1); }
        .chat_list_view #simulator footer.send-type-act .type-act .edit::before {
          position: initial; }
    .chat_list_view #simulator footer.send-type-image .type-image {
      display: block;
      background-color: #F8F6F5;
      cursor: pointer;
      border-radius: 4px;
      width: 240px;
      height: 38px;
      min-height: 38px;
      transition-duration: 0.4s;
      box-shadow: none;
      position: relative;
      cursor: pointer; }
      .chat_list_view #simulator footer.send-type-image .type-image:before {
        content: attr(hint);
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px; }
      .chat_list_view #simulator footer.send-type-image .type-image:hover {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
        .chat_list_view #simulator footer.send-type-image .type-image:hover:before {
          color: #222; }
      .chat_list_view #simulator footer.send-type-image .type-image input {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        cursor: inherit; }
    .chat_list_view #simulator footer.send-type-stamps .type-stamps {
      display: flex;
      display: block;
      background-color: #F8F6F5;
      cursor: pointer;
      border-radius: 4px;
      width: 240px;
      height: 38px;
      min-height: 38px;
      transition-duration: 0.4s;
      box-shadow: none; }
      .chat_list_view #simulator footer.send-type-stamps .type-stamps button {
        color: #666;
        height: 38px;
        line-height: 38px;
        width: 100%;
        background-color: transparent;
        padding-left: 0; }
      .chat_list_view #simulator footer.send-type-stamps .type-stamps:hover {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
        .chat_list_view #simulator footer.send-type-stamps .type-stamps:hover:before {
          color: #222; }
        .chat_list_view #simulator footer.send-type-stamps .type-stamps:hover button {
          color: #222; }
    .chat_list_view #simulator footer.send-type-text .icon.text:before, .chat_list_view #simulator footer.send-type-text .text.form-item-autocomplete.loading-autocomplete:before, .chat_list_view #simulator footer.send-type-text table.list-view th.text.on:before, table.list-view .chat_list_view #simulator footer.send-type-text th.text.on:before, .chat_list_view #simulator footer.send-type-text table.list-view th.text.sortable:before, table.list-view .chat_list_view #simulator footer.send-type-text th.text.sortable:before, .chat_list_view #simulator footer.send-type-text .ui-indicator .text#indicator:before, .ui-indicator .chat_list_view #simulator footer.send-type-text .text#indicator:before, .chat_list_view #simulator footer.send-type-text .search-bar div.text.queries:before, .search-bar .chat_list_view #simulator footer.send-type-text div.text.queries:before, .chat_list_view #simulator footer.send-type-text .simulator > header dd.text:before, .simulator > header .chat_list_view #simulator footer.send-type-text dd.text:before, .chat_list_view #simulator footer.send-type-text .p3-layout .menu-pane li.text:before, .p3-layout .menu-pane .chat_list_view #simulator footer.send-type-text li.text:before, .chat_list_view #simulator footer.send-type-text .type-text b.text:before, .chat_list_view #simulator footer.send-type-text .bot-editor section.actions li h5.text:before, .bot-editor section.actions li .chat_list_view #simulator footer.send-type-text h5.text:before, .chat_list_view #simulator footer.send-type-text .bot-editor ul.nodes > li > div span.text.new:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-text span.text.new:before, .chat_list_view #simulator footer.send-type-text .bot-editor ul.nodes > li > div label.text.new:before, .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-text label.text.new:before, .chat_list_view #simulator footer.send-type-text .bot-editor ul.nodes div.text.schedule:before, .bot-editor ul.nodes .chat_list_view #simulator footer.send-type-text div.text.schedule:before, .chat_list_view #simulator footer.send-type-text .bot-editor ul.nodes ol.card li.text.item.new:before, .bot-editor ul.nodes ol.card .chat_list_view #simulator footer.send-type-text li.text.item.new:before, .chat_list_view #simulator footer.send-type-text .bot-editor ul.nodes div.react-btns label.colors:hover u.text:before, .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer.send-type-text u.text:before, .chat_list_view #simulator footer.send-type-text section.user-editor section.info header.text:before, section.user-editor section.info .chat_list_view #simulator footer.send-type-text header.text:before,
    .chat_list_view #simulator footer.send-type-image .icon.image:before,
    .chat_list_view #simulator footer.send-type-image .image.form-item-autocomplete.loading-autocomplete:before,
    .chat_list_view #simulator footer.send-type-image table.list-view th.image.on:before,
    table.list-view .chat_list_view #simulator footer.send-type-image th.image.on:before,
    .chat_list_view #simulator footer.send-type-image table.list-view th.image.sortable:before,
    table.list-view .chat_list_view #simulator footer.send-type-image th.image.sortable:before,
    .chat_list_view #simulator footer.send-type-image .ui-indicator .image#indicator:before,
    .ui-indicator .chat_list_view #simulator footer.send-type-image .image#indicator:before,
    .chat_list_view #simulator footer.send-type-image .search-bar div.image.queries:before,
    .search-bar .chat_list_view #simulator footer.send-type-image div.image.queries:before,
    .chat_list_view #simulator footer.send-type-image .simulator > header dd.image:before,
    .simulator > header .chat_list_view #simulator footer.send-type-image dd.image:before,
    .chat_list_view #simulator footer.send-type-image .p3-layout .menu-pane li.image:before,
    .p3-layout .menu-pane .chat_list_view #simulator footer.send-type-image li.image:before,
    .chat_list_view #simulator footer.send-type-image footer.send-type-text .type-text b.image:before,
    .chat_list_view #simulator footer.send-type-text .type-text footer.send-type-image b.image:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor section.actions li h5.image:before,
    .bot-editor section.actions li .chat_list_view #simulator footer.send-type-image h5.image:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor ul.nodes > li > div span.image.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-image span.image.new:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor ul.nodes > li > div label.image.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-image label.image.new:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor ul.nodes div.image.schedule:before,
    .bot-editor ul.nodes .chat_list_view #simulator footer.send-type-image div.image.schedule:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor ul.nodes ol.card li.image.item.new:before,
    .bot-editor ul.nodes ol.card .chat_list_view #simulator footer.send-type-image li.image.item.new:before,
    .chat_list_view #simulator footer.send-type-image .bot-editor ul.nodes div.react-btns label.colors:hover u.image:before,
    .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer.send-type-image u.image:before,
    .chat_list_view #simulator footer.send-type-image section.user-editor section.info header.image:before,
    section.user-editor section.info .chat_list_view #simulator footer.send-type-image header.image:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .chat_list_view #simulator footer.send-type-image b.image:before,
    .chat_list_view #simulator footer.send-type-act .icon.act:before,
    .chat_list_view #simulator footer.send-type-act .act.form-item-autocomplete.loading-autocomplete:before,
    .chat_list_view #simulator footer.send-type-act table.list-view th.act.on:before,
    table.list-view .chat_list_view #simulator footer.send-type-act th.act.on:before,
    .chat_list_view #simulator footer.send-type-act table.list-view th.act.sortable:before,
    table.list-view .chat_list_view #simulator footer.send-type-act th.act.sortable:before,
    .chat_list_view #simulator footer.send-type-act .ui-indicator .act#indicator:before,
    .ui-indicator .chat_list_view #simulator footer.send-type-act .act#indicator:before,
    .chat_list_view #simulator footer.send-type-act .search-bar div.act.queries:before,
    .search-bar .chat_list_view #simulator footer.send-type-act div.act.queries:before,
    .chat_list_view #simulator footer.send-type-act .simulator > header dd.act:before,
    .simulator > header .chat_list_view #simulator footer.send-type-act dd.act:before,
    .chat_list_view #simulator footer.send-type-act .p3-layout .menu-pane li.act:before,
    .p3-layout .menu-pane .chat_list_view #simulator footer.send-type-act li.act:before,
    .chat_list_view #simulator footer.send-type-act footer.send-type-text .type-text b.act:before,
    .chat_list_view #simulator footer.send-type-text .type-text footer.send-type-act b.act:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor section.actions li h5.act:before,
    .bot-editor section.actions li .chat_list_view #simulator footer.send-type-act h5.act:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor ul.nodes > li > div span.act.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-act span.act.new:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor ul.nodes > li > div label.act.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-act label.act.new:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor ul.nodes div.act.schedule:before,
    .bot-editor ul.nodes .chat_list_view #simulator footer.send-type-act div.act.schedule:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor ul.nodes ol.card li.act.item.new:before,
    .bot-editor ul.nodes ol.card .chat_list_view #simulator footer.send-type-act li.act.item.new:before,
    .chat_list_view #simulator footer.send-type-act .bot-editor ul.nodes div.react-btns label.colors:hover u.act:before,
    .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer.send-type-act u.act:before,
    .chat_list_view #simulator footer.send-type-act section.user-editor section.info header.act:before,
    section.user-editor section.info .chat_list_view #simulator footer.send-type-act header.act:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .chat_list_view #simulator footer.send-type-act b.act:before,
    .chat_list_view #simulator footer.send-type-stamps .icon.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps .stamps.form-item-autocomplete.loading-autocomplete:before,
    .chat_list_view #simulator footer.send-type-stamps table.list-view th.stamps.on:before,
    table.list-view .chat_list_view #simulator footer.send-type-stamps th.stamps.on:before,
    .chat_list_view #simulator footer.send-type-stamps table.list-view th.stamps.sortable:before,
    table.list-view .chat_list_view #simulator footer.send-type-stamps th.stamps.sortable:before,
    .chat_list_view #simulator footer.send-type-stamps .ui-indicator .stamps#indicator:before,
    .ui-indicator .chat_list_view #simulator footer.send-type-stamps .stamps#indicator:before,
    .chat_list_view #simulator footer.send-type-stamps .search-bar div.stamps.queries:before,
    .search-bar .chat_list_view #simulator footer.send-type-stamps div.stamps.queries:before,
    .chat_list_view #simulator footer.send-type-stamps .simulator > header dd.stamps:before,
    .simulator > header .chat_list_view #simulator footer.send-type-stamps dd.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps .p3-layout .menu-pane li.stamps:before,
    .p3-layout .menu-pane .chat_list_view #simulator footer.send-type-stamps li.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps footer.send-type-text .type-text b.stamps:before,
    .chat_list_view #simulator footer.send-type-text .type-text footer.send-type-stamps b.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor section.actions li h5.stamps:before,
    .bot-editor section.actions li .chat_list_view #simulator footer.send-type-stamps h5.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor ul.nodes > li > div span.stamps.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-stamps span.stamps.new:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor ul.nodes > li > div label.stamps.new:before,
    .bot-editor ul.nodes > li > div .chat_list_view #simulator footer.send-type-stamps label.stamps.new:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor ul.nodes div.stamps.schedule:before,
    .bot-editor ul.nodes .chat_list_view #simulator footer.send-type-stamps div.stamps.schedule:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor ul.nodes ol.card li.stamps.item.new:before,
    .bot-editor ul.nodes ol.card .chat_list_view #simulator footer.send-type-stamps li.stamps.item.new:before,
    .chat_list_view #simulator footer.send-type-stamps .bot-editor ul.nodes div.react-btns label.colors:hover u.stamps:before,
    .bot-editor ul.nodes div.react-btns label.colors:hover .chat_list_view #simulator footer.send-type-stamps u.stamps:before,
    .chat_list_view #simulator footer.send-type-stamps section.user-editor section.info header.stamps:before,
    section.user-editor section.info .chat_list_view #simulator footer.send-type-stamps header.stamps:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .chat_list_view #simulator footer.send-type-stamps b.stamps:before {
      border-bottom: 2px solid #3A3AB5; }

.chat_list_view .basic-pane {
  text-align: center;
  /* name */ }
  .chat_list_view .basic-pane li {
    display: flex;
    flex-direction: row; }
  .chat_list_view .basic-pane label {
    width: 160px;
    text-align: right;
    height: 36px;
    line-height: 36px; }
  .chat_list_view .basic-pane div.thumb {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 36px auto 16px; }
  .chat_list_view .basic-pane h6 {
    margin-bottom: 6px;
    color: #666;
    font-size: 12px; }
  .chat_list_view .basic-pane h3 {
    text-align: center;
    text-indent: 0;
    color: #222;
    font-size: 16px;
    margin: 4px auto 8px; }
  .chat_list_view .basic-pane p {
    text-align: left;
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
    margin: auto; }
  .chat_list_view .basic-pane .sel-option {
    margin: auto;
    width: auto;
    overflow: hidden; }
  .chat_list_view .basic-pane .time-box p {
    text-align: center; }
  .chat_list_view .basic-pane.row {
    display: flex; }
    .chat_list_view .basic-pane.row div.thumb {
      margin: 12px;
      width: 48px;
      height: 48px;
      margin-left: 16px; }
    .chat_list_view .basic-pane.row div.name-box {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .chat_list_view .basic-pane.row div.name-box h3 {
        text-align: left;
        margin: 0;
        padding-left: 8px;
        height: 32px;
        font-size: 14px;
        padding-left: 8px;
        line-height: 40px; }
      .chat_list_view .basic-pane.row div.name-box h6 {
        text-align: left;
        margin: 0;
        height: 32px;
        font-size: 14px; }
    .chat_list_view .basic-pane.row div.info-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 60px;
      flex: 1; }
    .chat_list_view .basic-pane.row div.time-box p {
      text-align: left;
      padding-left: 0;
      height: 24px;
      font-size: 12px;
      padding-left: 8px;
      line-height: 24px; }
    .chat_list_view .basic-pane.row div.time-box .tooltip:hover:after {
      top: calc(100% + -25px);
      left: 50% !important; }
    .chat_list_view .basic-pane.row div.btn-box {
      line-height: 72px;
      padding-right: 16px; }
      .chat_list_view .basic-pane.row div.btn-box:hover:after {
        left: -50% !important;
        top: calc(100% + -40px); }

.chat_list_view .right-pane {
  display: flex;
  flex-direction: column; }
  .chat_list_view .right-pane section {
    position: relative; }
  .chat_list_view .right-pane h2.separator {
    text-align: center;
    justify-content: center;
    position: relative;
    height: 54px; }
    .chat_list_view .right-pane h2.separator:before {
      content: "";
      width: 80%;
      height: 1px;
      background: #D0C9C3;
      top: 50%;
      left: 50%;
      margin-left: -40%;
      position: absolute; }
    .chat_list_view .right-pane h2.separator:after {
      content: attr(txt);
      min-width: max-content;
      position: relative;
      transform: translateX(-50%);
      padding-left: 20px;
      padding-right: 20px;
      height: 54px;
      line-height: 54px;
      background: #FFFFFF;
      top: 0;
      z-index: 1;
      color: #D0C9C3; }
  .chat_list_view .right-pane div.tags-row {
    max-height: 30vh;
    overflow-y: auto; }
  .chat_list_view .right-pane dl.tags {
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    position: relative; }
    .chat_list_view .right-pane dl.tags dd {
      height: 24px;
      line-height: 24px;
      border-radius: 12px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      margin: 4px;
      cursor: pointer;
      transition: all .3s; }
    .chat_list_view .right-pane dl.tags dd.tag, .chat_list_view .right-pane section.user-editor section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane .chat_list_view .right-pane dl.tags dd {
      background-color: #5F5BFF;
      color: white;
      padding-left: 8px;
      padding-right: 8px; }
      .chat_list_view .right-pane dl.tags dd.tag span, .chat_list_view .right-pane section.user-editor section.thumb-pane dl.tags dd span, section.user-editor section.thumb-pane .chat_list_view .right-pane dl.tags dd span {
        color: #FFFFFF;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .chat_list_view .right-pane dl.tags dd.tag:hover, .chat_list_view .right-pane section.user-editor section.thumb-pane dl.tags dd:hover, section.user-editor section.thumb-pane .chat_list_view .right-pane dl.tags dd:hover {
        display: flex;
        flex-direction: row;
        background-color: #00D6C9; }
    .chat_list_view .right-pane dl.tags dd.new-btn {
      padding: 0;
      width: 24px;
      height: 24px;
      color: #5F5BFF;
      background-color: white;
      text-overflow: initial;
      border: solid 1px currentColor;
      transition: all .3s; }
      .chat_list_view .right-pane dl.tags dd.new-btn:before {
        content: "+";
        font-size: 20px;
        width: 22px;
        height: 24px;
        line-height: 24px;
        text-align: center; }
      .chat_list_view .right-pane dl.tags dd.new-btn:after {
        color: #5F5BFF; }
      .chat_list_view .right-pane dl.tags dd.new-btn:hover {
        color: #00D6C9; }
        .chat_list_view .right-pane dl.tags dd.new-btn:hover:after {
          color: #00D6C9; }
  .chat_list_view .right-pane .notes-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative; }
    .chat_list_view .right-pane .notes-pane .notes-pane-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow-y: auto;
      display: flex;
      flex-direction: column; }
  .chat_list_view .right-pane .notes-row {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative; }
  .chat_list_view .right-pane .notes-frame {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%; }
    .chat_list_view .right-pane .notes-frame .notes-scroll {
      flex: 1;
      max-height: calc(90vh - 290px); }
    .chat_list_view .right-pane .notes-frame header {
      display: none; }
    .chat_list_view .right-pane .notes-frame .editor-toolbar {
      border: 0;
      border-top: 1px solid #D0C9C3; }
    .chat_list_view .right-pane .notes-frame .notes-form .CodeMirror {
      min-height: 120px;
      height: 120px; }
    .chat_list_view .right-pane .notes-frame .notes-form .editor-statusbar {
      display: none; }
    .chat_list_view .right-pane .notes-frame .notes {
      padding-top: 0; }
      .chat_list_view .right-pane .notes-frame .notes li {
        padding: 12px 8px 0 8px; }
        .chat_list_view .right-pane .notes-frame .notes li div.thumb {
          min-width: 32px;
          max-width: 136px; }
        .chat_list_view .right-pane .notes-frame .notes li div.tooltip:hover::after {
          overflow: auto;
          text-overflow: ellipsis;
          padding: 2px 4px;
          max-width: 70px !important;
          min-width: 8px !important;
          white-space: nowrap; }
      .chat_list_view .right-pane .notes-frame .notes .body {
        background-color: #F8F6F5;
        border-radius: 4px;
        word-wrap: break-word;
        max-width: 271px;
        width: 80%; }
        .chat_list_view .right-pane .notes-frame .notes .body dl {
          padding: 8px 8px 0 20px;
          display: none;
          flex-direction: column;
          align-items: flex-start; }
          .chat_list_view .right-pane .notes-frame .notes .body dl dd.btns {
            margin-right: 0;
            justify-content: flex-start; }
        .chat_list_view .right-pane .notes-frame .notes .body p.markdown {
          padding: 4px 12px 8px 20px;
          font-size: 13px; }
          .chat_list_view .right-pane .notes-frame .notes .body p.markdown u {
            margin-left: 0;
            color: #222;
            font-weight: bold;
            background-color: transparent;
            padding-left: 0;
            padding-right: 0;
            font-size: 12px; }
        .chat_list_view .right-pane .notes-frame .notes .body .replies {
          margin-left: 16px; }
          .chat_list_view .right-pane .notes-frame .notes .body .replies ol {
            padding-left: 0; }
          .chat_list_view .right-pane .notes-frame .notes .body .replies dl {
            display: flex;
            padding-top: 0;
            padding-right: 0;
            padding-left: 12px; }
            .chat_list_view .right-pane .notes-frame .notes .body .replies dl dt {
              word-wrap: anywhere;
              width: fit-content;
              max-width: 160px; }
            .chat_list_view .right-pane .notes-frame .notes .body .replies dl dd.btns {
              position: absolute;
              top: 0;
              right: -50px; }
          .chat_list_view .right-pane .notes-frame .notes .body .replies .thumb {
            top: 8px;
            height: 24px;
            min-width: 24px !important;
            line-height: 24px;
            margin-right: 0; }
          .chat_list_view .right-pane .notes-frame .notes .body .replies li {
            padding-top: 0;
            box-sizing: border-box;
            border-top: 1px dashed #D0C9C3;
            padding-top: 8px;
            padding-right: 0;
            padding-left: 0; }
            .chat_list_view .right-pane .notes-frame .notes .body .replies li .body.reply {
              max-width: 180px;
              position: relative; }
              .chat_list_view .right-pane .notes-frame .notes .body .replies li .body.reply p.markdown {
                padding-left: 12px; }
        .chat_list_view .right-pane .notes-frame .notes .body:hover dl {
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .chat_list_view .right-pane .notes-frame .notes .body:hover dl dt {
            overflow: auto;
            width: fit-content;
            max-width: 160px; }
          .chat_list_view .right-pane .notes-frame .notes .body:hover dl dd.btns {
            margin-right: 0;
            margin-left: 8px;
            position: absolute;
            top: 8px;
            right: 22px; }
        .chat_list_view .right-pane .notes-frame .notes .body:hover .replies div.thumbs s.tooltip:hover::after {
          overflow: auto;
          text-overflow: ellipsis;
          padding: 2px 4px;
          max-width: 56px !important;
          min-width: 8px;
          white-space: nowrap; }
        .chat_list_view .right-pane .notes-frame .notes .body:hover .replies div.body.reply p.markdown {
          padding-left: 12px; }
        .chat_list_view .right-pane .notes-frame .notes .body:hover .replies div.body.reply dl dd.btns {
          margin-left: 0;
          top: 0;
          right: -50px; }

.pop-inline.tags-form {
  min-width: 300px;
  max-width: 300px;
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) !important; }
  .pop-inline.tags-form form {
    min-width: inherit;
    padding: 8px 16px;
    margin-right: 0;
    padding: 0; }
    .pop-inline.tags-form form header {
      display: flex;
      justify-content: space-between;
      background-color: transparent;
      border-bottom: 1px solid #999; }
      .pop-inline.tags-form form header h2 {
        padding-left: 8px; }
      .pop-inline.tags-form form header .icon.close, .pop-inline.tags-form form header .close.form-item-autocomplete.loading-autocomplete:before, .pop-inline.tags-form form header table.list-view th.close.on, table.list-view .pop-inline.tags-form form header th.close.on, .pop-inline.tags-form form header table.list-view th.close.sortable, table.list-view .pop-inline.tags-form form header th.close.sortable, .pop-inline.tags-form form header .ui-indicator .close#indicator:before, .ui-indicator .pop-inline.tags-form form header .close#indicator:before, .pop-inline.tags-form form header .search-bar div.close.queries, .search-bar .pop-inline.tags-form form header div.close.queries, .pop-inline.tags-form form .simulator > header dd.close, .pop-inline.tags-form form header .p3-layout .menu-pane li.close, .p3-layout .menu-pane .pop-inline.tags-form form header li.close, .pop-inline.tags-form form header .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .pop-inline.tags-form form header b.close:before, .pop-inline.tags-form form header .bot-editor section.actions li h5.close, .bot-editor section.actions li .pop-inline.tags-form form header h5.close, .pop-inline.tags-form form header .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .pop-inline.tags-form form header span.close.new, .pop-inline.tags-form form header .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .pop-inline.tags-form form header label.close.new, .pop-inline.tags-form form header .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .pop-inline.tags-form form header div.close.schedule, .pop-inline.tags-form form header .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .pop-inline.tags-form form header li.close.item.new, .pop-inline.tags-form form header .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .pop-inline.tags-form form header u.close, .pop-inline.tags-form form header section.user-editor section.info header.close, section.user-editor section.info .pop-inline.tags-form form header header.close, .pop-inline.tags-form form header section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .pop-inline.tags-form form header b.close:before {
        background-image: url(/images/ico_close_no_bg.svg?v=1); }
    .pop-inline.tags-form form input {
      height: 36px;
      line-height: 36px;
      border-radius: 4px;
      padding-left: 8px;
      width: -webkit-fill-available;
      border: none;
      margin: 16px 24px; }
      .pop-inline.tags-form form input:focus {
        border: none; }
    .pop-inline.tags-form form input:focus {
      border: 1px solid #5F5BFF;
      outline: 0; }
    .pop-inline.tags-form form footer {
      border: none;
      padding: 0 24px;
      height: 48px;
      line-height: 48px;
      align-items: flex-start; }
  .pop-inline.tags-form.new footer .trash {
    display: none; }

.pop .edit-template {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .pop .edit-template header {
    text-align: left; }
  .pop .edit-template .input-area {
    position: relative;
    width: 600px;
    height: 400px;
    padding: 24px 24px 8px; }
    .pop .edit-template .input-area textarea {
      background-color: #f9f9f9;
      font-size: 16px;
      width: 100% !important;
      height: 100%;
      overflow: scroll;
      outline: none;
      border: none;
      padding-left: 16px;
      padding-right: 16px;
      border-radius: 0; }
    .pop .edit-template .input-area p {
      color: #999;
      position: absolute;
      bottom: 0;
      right: 16px; }
  .pop .edit-template .operations {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end; }
    .pop .edit-template .operations button:first-child {
      margin-left: 0; }
    .pop .edit-template .operations button.save {
      background-color: var(--a1);
      color: white; }

.history_list_view .left-pane > ul {
  display: flex;
  flex-direction: column; }
  .history_list_view .left-pane > ul .archive-btn-box {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    margin: auto 8px 8px; }
    .history_list_view .left-pane > ul .archive-btn-box .archive-button {
      box-sizing: border-box;
      align-self: stretch; }
    .history_list_view .left-pane > ul .archive-btn-box .btn-picker.icon.calendar, .history_list_view .left-pane > ul .archive-btn-box .btn-picker.calendar.form-item-autocomplete.loading-autocomplete:before, .history_list_view .left-pane > ul .archive-btn-box table.list-view th.btn-picker.calendar.on, table.list-view .history_list_view .left-pane > ul .archive-btn-box th.btn-picker.calendar.on, .history_list_view .left-pane > ul .archive-btn-box table.list-view th.btn-picker.calendar.sortable, table.list-view .history_list_view .left-pane > ul .archive-btn-box th.btn-picker.calendar.sortable, .history_list_view .left-pane > ul .archive-btn-box .ui-indicator .btn-picker.calendar#indicator:before, .ui-indicator .history_list_view .left-pane > ul .archive-btn-box .btn-picker.calendar#indicator:before, .history_list_view .left-pane > ul .archive-btn-box .search-bar div.btn-picker.calendar.queries, .search-bar .history_list_view .left-pane > ul .archive-btn-box div.btn-picker.calendar.queries, .history_list_view .left-pane > ul .archive-btn-box .simulator > header dd.btn-picker.calendar, .simulator > header .history_list_view .left-pane > ul .archive-btn-box dd.btn-picker.calendar, .history_list_view .left-pane > ul .archive-btn-box .p3-layout .menu-pane li.btn-picker.calendar, .p3-layout .menu-pane .history_list_view .left-pane > ul .archive-btn-box li.btn-picker.calendar, .history_list_view .left-pane > ul .archive-btn-box .chat_list_view #simulator footer.send-type-text .type-text b.btn-picker.calendar:before, .chat_list_view #simulator footer.send-type-text .type-text .history_list_view .left-pane > ul .archive-btn-box b.btn-picker.calendar:before, .history_list_view .left-pane > ul .archive-btn-box .bot-editor section.actions li h5.btn-picker.calendar, .bot-editor section.actions li .history_list_view .left-pane > ul .archive-btn-box h5.btn-picker.calendar, .history_list_view .left-pane > ul .archive-btn-box .bot-editor ul.nodes > li > div span.btn-picker.calendar.new, .bot-editor ul.nodes > li > div .history_list_view .left-pane > ul .archive-btn-box span.btn-picker.calendar.new, .history_list_view .left-pane > ul .archive-btn-box .bot-editor ul.nodes > li > div label.btn-picker.calendar.new, .bot-editor ul.nodes > li > div .history_list_view .left-pane > ul .archive-btn-box label.btn-picker.calendar.new, .history_list_view .left-pane > ul .archive-btn-box .bot-editor ul.nodes div.btn-picker.calendar.schedule, .bot-editor ul.nodes .history_list_view .left-pane > ul .archive-btn-box div.btn-picker.calendar.schedule, .history_list_view .left-pane > ul .archive-btn-box .bot-editor ul.nodes ol.card li.btn-picker.calendar.item.new, .bot-editor ul.nodes ol.card .history_list_view .left-pane > ul .archive-btn-box li.btn-picker.calendar.item.new, .history_list_view .left-pane > ul .archive-btn-box .bot-editor ul.nodes div.react-btns label.colors:hover u.btn-picker.calendar, .bot-editor ul.nodes div.react-btns label.colors:hover .history_list_view .left-pane > ul .archive-btn-box u.btn-picker.calendar, .history_list_view .left-pane > ul .archive-btn-box section.user-editor section.info header.btn-picker.calendar, section.user-editor section.info .history_list_view .left-pane > ul .archive-btn-box header.btn-picker.calendar, .history_list_view .left-pane > ul .archive-btn-box section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.btn-picker.calendar:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .history_list_view .left-pane > ul .archive-btn-box b.btn-picker.calendar:before {
      display: none; }

.user_logs_list_view {
  display: flex; }
  .user_logs_list_view .left-pane {
    min-width: 15rem;
    top: 0;
    left: 0; }
    .user_logs_list_view .left-pane ul li {
      margin: 0; }
      .user_logs_list_view .left-pane ul li.disabled {
        pointer-events: none; }
  .user_logs_list_view .center-pane {
    overflow-x: auto; }
    .user_logs_list_view .center-pane::before {
      z-index: 1000; }
    .user_logs_list_view .center-pane__side {
      position: fixed;
      z-index: 1000; }
      .user_logs_list_view .center-pane__side .collapse-menu {
        top: 3rem;
        z-index: 200;
        display: flex;
        width: 3rem;
        height: 3rem;
        cursor: pointer; }
        .user_logs_list_view .center-pane__side .collapse-menu #circle {
          height: 100%;
          width: 100%;
          background-color: #FFFFFF;
          border-radius: 50%;
          display: inline-block;
          position: absolute;
          border: 0.1rem solid #D0C9C3;
          transform: translateX(-1.5rem); }
        .user_logs_list_view .center-pane__side .collapse-menu i.menu-switch.menu {
          transform: translateX(-1.1rem); }
        .user_logs_list_view .center-pane__side .collapse-menu i.menu-switch.back {
          top: 0.8rem;
          right: 1.8rem; }
          .user_logs_list_view .center-pane__side .collapse-menu i.menu-switch.back::before {
            color: #D0C9C3;
            font-size: 1.5rem; }
    .user_logs_list_view .center-pane__main {
      padding: 0 2rem;
      overflow-y: auto; }
      .user_logs_list_view .center-pane__main-body {
        padding: 0; }
        .user_logs_list_view .center-pane__main-body .form-container {
          height: 100%;
          line-height: 65px;
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #F8F6F5;
          margin-bottom: 20px; }
          .user_logs_list_view .center-pane__main-body .form-container form {
            width: 100%; }
            .user_logs_list_view .center-pane__main-body .form-container form ul {
              padding: 0;
              flex-direction: row; }
              .user_logs_list_view .center-pane__main-body .form-container form ul .form-item-uids {
                width: 100%; }
            .user_logs_list_view .center-pane__main-body .form-container form .see-more {
              z-index: 50;
              position: relative;
              background-color: #666;
              font-size: 11px;
              color: #FFFFFF !important;
              padding-left: 12px;
              padding-right: 24px;
              border-radius: 12px;
              line-height: 24px;
              margin: auto; }
          .user_logs_list_view .center-pane__main-body .form-container .autocomplete-frame {
            height: 100%;
            max-height: 7rem;
            margin: 5px 0px;
            max-width: 100%;
            z-index: 50;
            overflow: scroll;
            border: none; }
            .user_logs_list_view .center-pane__main-body .form-container .autocomplete-frame::-webkit-scrollbar {
              display: none; }
            .user_logs_list_view .center-pane__main-body .form-container .autocomplete-frame input {
              padding-left: 10px;
              padding-right: 10px; }
        .user_logs_list_view .center-pane__main-body .list-container .list-view {
          width: 100%;
          margin: 0; }
      .user_logs_list_view .center-pane__main-header {
        width: 100%;
        border-bottom: 1px solid #D0C9C3; }
        .user_logs_list_view .center-pane__main-header .user-logs-header {
          text-align: left;
          border: none;
          font-weight: 600;
          font-size: 1.2rem;
          color: #222;
          padding: 0;
          line-height: 4; }
  .user_logs_list_view footer {
    height: 6rem !important;
    margin: 0 !important; }
    .user_logs_list_view footer:focus-visible {
      border: none; }

main.p2-layout {
  overflow: hidden; }
  main.p2-layout .center-pane {
    padding-bottom: 0; }

.stamp-template-edit {
  height: 700px; }
  .stamp-template-edit .flex-row, .stamp-template-edit .pagination {
    align-items: flex-start;
    height: 93%; }
    .stamp-template-edit .flex-row .tab-container, .stamp-template-edit .pagination .tab-container {
      overflow-y: hidden !important; }
      .stamp-template-edit .flex-row .tab-container .tab-form, .stamp-template-edit .pagination .tab-container .tab-form {
        height: 100%;
        overflow-y: auto; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr th:first-child, .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr th:first-child,
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td:first-child,
        .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td:first-child {
          width: 200px; }
          .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr th:first-child input, .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr th:first-child input,
          .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td:first-child input,
          .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td:first-child input {
            width: 100%; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr th[key=reward_types], .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr th[key=reward_types],
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td[name=reward_types],
        .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td[name=reward_types] {
          width: 300px; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr th[key=disabled_f], .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr th[key=disabled_f],
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td[name=disabled_f],
        .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td[name=disabled_f] {
          width: 100px; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr th[key=operation], .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr th[key=operation] {
          width: 50px; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td:last-child, .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td:last-child, .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td:nth-last-child(2), .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td:nth-last-child(2) {
          display: none; }
        .stamp-template-edit .flex-row .tab-container .tab-form .spreadsheet-view tr td[name=operation], .stamp-template-edit .pagination .tab-container .tab-form .spreadsheet-view tr td[name=operation] {
          width: 50px;
          display: flex;
          justify-content: center;
          align-items: center; }
  .stamp-template-edit footer {
    width: auto; }

.stamp-template-edit .codes.contents.empty,
.stamp-template-edit .rewards.contents.empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.stamp-template-edit .codes.contents header.code-header,
.stamp-template-edit .rewards.contents header.code-header {
  background-color: var(--l3);
  display: flex;
  position: sticky;
  color: white;
  justify-content: flex-end; }
  .stamp-template-edit .codes.contents header.code-header h4.icon, .stamp-template-edit .codes.contents header.code-header h4.form-item-autocomplete.loading-autocomplete:before, .stamp-template-edit .codes.contents header.code-header .ui-indicator h4#indicator:before, .ui-indicator .stamp-template-edit .codes.contents header.code-header h4#indicator:before,
  .stamp-template-edit .rewards.contents header.code-header h4.icon,
  .stamp-template-edit .rewards.contents header.code-header h4.form-item-autocomplete.loading-autocomplete:before,
  .stamp-template-edit .rewards.contents header.code-header .ui-indicator h4#indicator:before,
  .ui-indicator .stamp-template-edit .rewards.contents header.code-header h4#indicator:before {
    margin: 0 auto 1px 6px;
    width: 20px;
    text-indent: 0;
    cursor: pointer; }
    .stamp-template-edit .codes.contents header.code-header h4.icon::before,
    .stamp-template-edit .rewards.contents header.code-header h4.icon::before {
      position: relative; }
  .stamp-template-edit .codes.contents header.code-header button,
  .stamp-template-edit .rewards.contents header.code-header button {
    margin-left: 6px; }
  .stamp-template-edit .codes.contents header.code-header button.saveBtn,
  .stamp-template-edit .rewards.contents header.code-header button.saveBtn {
    background-color: var(--a1);
    color: white; }

.stamp-template-edit .codes.contents table tr th,
.stamp-template-edit .rewards.contents table tr th {
  text-align: center; }

.stamp-template-edit .codes.contents table tr li div.form-type-number,
.stamp-template-edit .rewards.contents table tr li div.form-type-number {
  display: flex;
  justify-content: center;
  align-items: center; }

.stamp-template-edit .codes.contents table tr li[name="qr_img_url"] img,
.stamp-template-edit .rewards.contents table tr li[name="qr_img_url"] img {
  cursor: pointer;
  width: 115px;
  height: 115px;
  margin: 4px 0;
  position: relative; }
  .stamp-template-edit .codes.contents table tr li[name="qr_img_url"] img:hover,
  .stamp-template-edit .rewards.contents table tr li[name="qr_img_url"] img:hover {
    filter: brightness(0.9); }

.stamp-template-edit .codes.contents table tr th[key="operation"],
.stamp-template-edit .rewards.contents table tr th[key="operation"] {
  width: 100px; }

.stamp-template-edit .codes.contents table tr li[name="operation"],
.stamp-template-edit .rewards.contents table tr li[name="operation"] {
  max-width: 100px;
  width: 250px; }

.stamp-template-edit .codes.contents td.stamp-code-form,
.stamp-template-edit .codes.contents td.stamp-reward-form,
.stamp-template-edit .rewards.contents td.stamp-code-form,
.stamp-template-edit .rewards.contents td.stamp-reward-form {
  height: initial; }
  .stamp-template-edit .codes.contents td.stamp-code-form form,
  .stamp-template-edit .codes.contents td.stamp-reward-form form,
  .stamp-template-edit .rewards.contents td.stamp-code-form form,
  .stamp-template-edit .rewards.contents td.stamp-reward-form form {
    padding: 0;
    padding-left: 10px; }
    .stamp-template-edit .codes.contents td.stamp-code-form form ul,
    .stamp-template-edit .codes.contents td.stamp-reward-form form ul,
    .stamp-template-edit .rewards.contents td.stamp-code-form form ul,
    .stamp-template-edit .rewards.contents td.stamp-reward-form form ul {
      flex-direction: row;
      width: 100%;
      padding: 0; }
      .stamp-template-edit .codes.contents td.stamp-code-form form ul li,
      .stamp-template-edit .codes.contents td.stamp-reward-form form ul li,
      .stamp-template-edit .rewards.contents td.stamp-code-form form ul li,
      .stamp-template-edit .rewards.contents td.stamp-reward-form form ul li {
        align-items: center;
        justify-content: center;
        padding: 0; }
      .stamp-template-edit .codes.contents td.stamp-code-form form ul h4,
      .stamp-template-edit .codes.contents td.stamp-reward-form form ul h4,
      .stamp-template-edit .rewards.contents td.stamp-code-form form ul h4,
      .stamp-template-edit .rewards.contents td.stamp-reward-form form ul h4 {
        display: none; }

.stamp-template-edit .rewards.contents table tr th[key=required_stamps] {
  width: 150px; }

.stamp-template-edit .rewards.contents table tr th[key=reward_mode] {
  width: 180px; }

.stamp-template-edit .rewards.contents table tr th[key=reward] {
  width: 300px; }

.stamp-template-edit .rewards.contents table tr th[key=disabled_f] {
  width: 100px; }

.stamp-template-edit .rewards.contents table tr th[key=operation] {
  width: 50px; }

.stamp-template-edit .rewards.contents .stamp-reward-form li[name=required_stamps] {
  width: 150px; }
  .stamp-template-edit .rewards.contents .stamp-reward-form li[name=required_stamps] input {
    width: 90%; }

.stamp-template-edit .rewards.contents .stamp-reward-form li[name=reward_mode] {
  width: 180px; }

.stamp-template-edit .rewards.contents .stamp-reward-form li[name=reward] {
  width: 300px; }

.stamp-template-edit .rewards.contents .stamp-reward-form li[name=disabled_f] {
  width: 100px; }

.stamp-template-edit .rewards.contents .stamp-reward-form li[name=operation] {
  width: 50px; }

.stamp_list_view main.p2-layout .left-pane header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 4px;
  color: #969696; }

.stamp_list_view main.p2-layout .left-pane .template-item.active {
  background-color: #c6c6c6; }

.stamp_list_view main.p2-layout .left-pane .add-template {
  margin-top: auto;
  background-color: #c6c6c6; }

.stamp_list_view main.p2-layout .left-pane .new-template-box {
  line-height: 48px;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 0px;
  display: flex;
  flex-direction: row;
  height: 48px;
  cursor: pointer;
  border-top: 1px solid #D0C9C3; }
  .stamp_list_view main.p2-layout .left-pane .new-template-box:hover {
    background-color: #d0c9c3; }
  .stamp_list_view main.p2-layout .left-pane .new-template-box button {
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    border: 0;
    margin-top: 8px; }

.stamp_list_view main.p2-layout .center-pane {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .stamp_list_view main.p2-layout .center-pane .center-pane__header {
    flex-grow: 0;
    flex-shrink: 0;
    min-height: 4rem;
    display: flex;
    border-bottom: 1px solid #b4b4b4; }
    .stamp_list_view main.p2-layout .center-pane .center-pane__header ul {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      height: 4rem;
      align-self: flex-end; }
      .stamp_list_view main.p2-layout .center-pane .center-pane__header ul li {
        width: inherit;
        position: relative;
        border: 1px solid #b4b4b4;
        border-bottom: 1px solid #b4b4b4;
        padding: 0 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.8rem;
        border-top-right-radius: 0.35rem;
        border-top-left-radius: 0.35rem;
        margin-left: 0.5rem;
        transform: translateY(1px);
        background-color: #f0f0f0;
        cursor: pointer; }
        .stamp_list_view main.p2-layout .center-pane .center-pane__header ul li:hover {
          background-color: #f4f2f2; }
        .stamp_list_view main.p2-layout .center-pane .center-pane__header ul li.active {
          border-bottom: 1px solid white;
          background-color: #fff; }
  .stamp_list_view main.p2-layout .center-pane .center-pane__main {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex-grow: 1;
    height: 100%; }

.pops div.pop[name="new-template-form-popup"] .window {
  min-width: 40rem; }
  .pops div.pop[name="new-template-form-popup"] .window .form-type-datetime select, .pops div.pop[name="new-template-form-popup"] .window .form-type-datetime option {
    color: #222; }

main .center-pane__main:has(.stamp_edit_codes_view) {
  overflow-y: hidden !important; }

.stamp_list_view .stamp_edit_codes_view {
  flex-grow: 1;
  flex-shrink: 0;
  overflow-y: hidden;
  height: 100% !important;
  display: flex;
  flex-direction: column; }
  .stamp_list_view .stamp_edit_codes_view.empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .stamp_list_view .stamp_edit_codes_view .search-bar .queries {
    flex-grow: 1; }
    .stamp_list_view .stamp_edit_codes_view .search-bar .queries input {
      flex-grow: 1; }
  .stamp_list_view .stamp_edit_codes_view .search-bar button {
    margin-left: 1rem; }
    .stamp_list_view .stamp_edit_codes_view .search-bar button:first-child {
      margin-left: auto; }
  .stamp_list_view .stamp_edit_codes_view .list-container {
    overflow-y: auto;
    flex-grow: 1; }
    .stamp_list_view .stamp_edit_codes_view .list-container table tr {
      cursor: pointer; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr th {
        text-align: start; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr th:first-child,
      .stamp_list_view .stamp_edit_codes_view .list-container table tr td:first-child {
        padding-left: 16px !important; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr li div.form-type-number {
        display: flex;
        justify-content: center;
        align-items: center; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr li[name="qr_img_url"] img {
        cursor: pointer;
        width: 115px;
        height: 115px;
        margin: 4px 0;
        position: relative; }
        .stamp_list_view .stamp_edit_codes_view .list-container table tr li[name="qr_img_url"] img:hover {
          filter: brightness(0.9); }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-position {
        text-align: center; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-qr_img_url {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%; }
        .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-qr_img_url img {
          width: 4.8rem;
          align-self: stretch; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-qr_img_url img {
        cursor: pointer; }
        .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-qr_img_url img:hover {
          filter: brightness(0.92); }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i.icon, .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i.form-item-autocomplete.loading-autocomplete:before, .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation .ui-indicator i#indicator:before, .ui-indicator .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i#indicator:before {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        cursor: pointer; }
        .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i.icon:hover, .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i.form-item-autocomplete.loading-autocomplete:hover:before, .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation .ui-indicator i#indicator:hover:before, .ui-indicator .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i#indicator:hover:before {
          background-color: rgba(0, 0, 0, 0.1); }
        .stamp_list_view .stamp_edit_codes_view .list-container table tr td.list-item-operation i.icon::before {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr th[key="qr_img_url"] {
        padding-left: 16px !important; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr th[key="operation"] {
        width: 100px; }
      .stamp_list_view .stamp_edit_codes_view .list-container table tr li[name="operation"] {
        max-width: 100px;
        width: 250px; }

.pops div.pop[name="code-form-popup"] .window {
  min-width: 40rem; }
  .pops div.pop[name="code-form-popup"] .window .form-type-autocomplete span {
    color: #222; }

.stamp_list_view .center-pane__main .stamp_edit_template_view {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .stamp_list_view .center-pane__main .stamp_edit_template_view .content-container {
    flex-grow: 1;
    overflow-y: hidden; }
    .stamp_list_view .center-pane__main .stamp_edit_template_view .content-container #image-map-v2-outer {
      height: 100%; }
  .stamp_list_view .center-pane__main .stamp_edit_template_view .save-footer {
    flex-shrink: 0;
    margin-bottom: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-color: #F8F6F5;
    border-top: 1px solid #D0C9C3;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px; }

.stamp_list_view .stamp_edit_rewards_view .search-bar button {
  margin-left: 1rem; }
  .stamp_list_view .stamp_edit_rewards_view .search-bar button:first-child {
    margin-left: auto; }

.stamp_list_view .stamp_edit_rewards_view table.list-view tr th:first-child,
.stamp_list_view .stamp_edit_rewards_view table.list-view tr td:first-child {
  padding-left: 16px !important; }

.stamp_list_view .stamp_edit_rewards_view table.list-view tr th {
  text-align: start; }

.pops div.pop[name="reward-form-popup"] .window {
  min-width: 40rem; }
  .pops div.pop[name="reward-form-popup"] .window .form-type-autocomplete span,
  .pops div.pop[name="reward-form-popup"] .window .form-type-autocomplete input {
    color: #222; }

.stamp_list_view .center-pane__main .stamp_edit_template_view {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .stamp_list_view .center-pane__main .stamp_edit_template_view .form-container {
    flex-grow: 1; }
  .stamp_list_view .center-pane__main .stamp_edit_template_view .save-footer {
    margin-bottom: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-color: #F8F6F5;
    border-top: 1px solid #D0C9C3;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px; }

article.file_list_view section.search-bar div.data-type {
  display: flex;
  align-items: center; }
  article.file_list_view section.search-bar div.data-type ul label {
    margin-right: 1rem; }

article.file_list_view .list-view tr td {
  max-width: 24rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: unset; }
  article.file_list_view .list-view tr td div.copy-uri {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  article.file_list_view .list-view tr td.list-item-uri {
    overflow: visible;
    background-repeat: no-repeat;
    background-size: contain; }
    article.file_list_view .list-view tr td.list-item-uri.copy {
      cursor: pointer; }
  article.file_list_view .list-view tr td::after {
    top: calc(100% + -58px); }

article.file_list_view .list-view td:last-child {
  display: flex; }

article.file_list_view .list-view.empty td {
  max-width: 100%; }
  article.file_list_view .list-view.empty td h2 {
    width: 100%; }

section.files-edit-pop form {
  width: 100%; }
  section.files-edit-pop form li h4 {
    width: fit-content; }
  section.files-edit-pop form li div.ans img {
    height: 10rem; }

.broadcast_v2_list_view {
  display: flex; }
  .broadcast_v2_list_view .left-pane {
    min-width: 15rem;
    top: 0;
    left: 0; }
    .broadcast_v2_list_view .left-pane ul li {
      margin: 0; }
      .broadcast_v2_list_view .left-pane ul li.disabled {
        pointer-events: none; }
  .broadcast_v2_list_view .center-pane {
    overflow-x: auto; }
    .broadcast_v2_list_view .center-pane::before {
      z-index: 1000; }
    .broadcast_v2_list_view .center-pane__side {
      position: fixed;
      z-index: 1000; }
      .broadcast_v2_list_view .center-pane__side .collapse-menu {
        top: 3rem;
        z-index: 200;
        display: flex;
        width: 2.5rem;
        height: 2.5rem;
        cursor: pointer; }
        .broadcast_v2_list_view .center-pane__side .collapse-menu #circle {
          height: 100%;
          width: 100%;
          background-color: #FFFFFF;
          border-radius: 50%;
          display: inline-block;
          position: absolute;
          border: 0.1rem solid #D0C9C3;
          transform: translateX(-1.5rem); }
        .broadcast_v2_list_view .center-pane__side .collapse-menu i.menu-switch.menu {
          transform: translateX(-1.1rem); }
        .broadcast_v2_list_view .center-pane__side .collapse-menu i.menu-switch.back {
          top: 0.7rem;
          right: 1.4rem; }
          .broadcast_v2_list_view .center-pane__side .collapse-menu i.menu-switch.back::before {
            color: #D0C9C3;
            font-size: 1.3rem; }
    .broadcast_v2_list_view .center-pane__main {
      padding: 0 2rem;
      overflow-y: auto; }
      .broadcast_v2_list_view .center-pane__main-header:not(.no-border) {
        border-bottom: 1px solid #D0C9C3;
        min-width: 58rem; }
      .broadcast_v2_list_view .center-pane__main-body {
        padding: 0; }
        .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header {
          display: flex;
          justify-content: space-between;
          margin: 1.6rem 0;
          width: 100%;
          border-bottom: 1px solid #D0C9C3;
          min-width: 58rem; }
          .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .broadcast-list-tabs {
            display: flex; }
            .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .broadcast-list-tabs li {
              margin: 0 2rem 1rem 0; }
            .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .broadcast-list-tabs .on {
              width: auto;
              color: #00D6C9;
              border-color: #00D6C9;
              font-weight: 800;
              border-bottom: 0.2rem solid #00D6C9; }
            .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .broadcast-list-tabs label {
              cursor: pointer; }
          .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button {
            bottom: 0.8rem; }
            .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .icon.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .plus-square.tooltip.form-item-autocomplete.loading-autocomplete:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button table.list-view th.plus-square.tooltip.on, table.list-view .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button th.plus-square.tooltip.on, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button table.list-view th.plus-square.tooltip.sortable, table.list-view .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button th.plus-square.tooltip.sortable, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .ui-indicator .plus-square.tooltip#indicator:before, .ui-indicator .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .plus-square.tooltip#indicator:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .search-bar div.plus-square.tooltip.queries, .search-bar .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button div.plus-square.tooltip.queries, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .simulator > header dd.plus-square.tooltip, .simulator > header .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button dd.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .p3-layout .menu-pane li.plus-square.tooltip, .p3-layout .menu-pane .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button li.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .chat_list_view #simulator footer.send-type-text .type-text b.plus-square.tooltip:before, .chat_list_view #simulator footer.send-type-text .type-text .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button b.plus-square.tooltip:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor section.actions li h5.plus-square.tooltip, .bot-editor section.actions li .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button h5.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes > li > div span.plus-square.tooltip.new, .bot-editor ul.nodes > li > div .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button span.plus-square.tooltip.new, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes > li > div label.plus-square.tooltip.new, .bot-editor ul.nodes > li > div .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button label.plus-square.tooltip.new, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes div.plus-square.tooltip.schedule, .bot-editor ul.nodes .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button div.plus-square.tooltip.schedule, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes ol.card li.plus-square.tooltip.item.new, .bot-editor ul.nodes ol.card .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button li.plus-square.tooltip.item.new, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes div.react-btns label.colors:hover u.plus-square.tooltip, .bot-editor ul.nodes div.react-btns label.colors:hover .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button u.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button section.user-editor section.info header.plus-square.tooltip, section.user-editor section.info .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button header.plus-square.tooltip, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-square.tooltip:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button b.plus-square.tooltip:before {
              background-color: #00D6C9;
              color: #FFFFFF;
              border: none; }
              .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .icon.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .plus-square.tooltip.form-item-autocomplete.loading-autocomplete:hover:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button table.list-view th.plus-square.tooltip.on:hover, table.list-view .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button th.plus-square.tooltip.on:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button table.list-view th.plus-square.tooltip.sortable:hover, table.list-view .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button th.plus-square.tooltip.sortable:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .ui-indicator .plus-square.tooltip#indicator:hover:before, .ui-indicator .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .plus-square.tooltip#indicator:hover:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .search-bar div.plus-square.tooltip.queries:hover, .search-bar .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button div.plus-square.tooltip.queries:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .simulator > header dd.plus-square.tooltip:hover, .simulator > header .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button dd.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .p3-layout .menu-pane li.plus-square.tooltip:hover, .p3-layout .menu-pane .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button li.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .chat_list_view #simulator footer.send-type-text .type-text b.plus-square.tooltip:hover:before, .chat_list_view #simulator footer.send-type-text .type-text .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button b.plus-square.tooltip:hover:before, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor section.actions li h5.plus-square.tooltip:hover, .bot-editor section.actions li .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button h5.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes > li > div span.plus-square.tooltip.new:hover, .bot-editor ul.nodes > li > div .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button span.plus-square.tooltip.new:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes > li > div label.plus-square.tooltip.new:hover, .bot-editor ul.nodes > li > div .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button label.plus-square.tooltip.new:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes div.plus-square.tooltip.schedule:hover, .bot-editor ul.nodes .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button div.plus-square.tooltip.schedule:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes ol.card li.plus-square.tooltip.item.new:hover, .bot-editor ul.nodes ol.card .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button li.plus-square.tooltip.item.new:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button .bot-editor ul.nodes div.react-btns label.colors:hover u.plus-square.tooltip:hover, .bot-editor ul.nodes div.react-btns label.colors:hover .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button u.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button section.user-editor section.info header.plus-square.tooltip:hover, section.user-editor section.info .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button header.plus-square.tooltip:hover, .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-square.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .broadcast_v2_list_view .center-pane__main-body .broadcast-list-header .new-broadcast-button b.plus-square.tooltip:hover:before {
                background-color: #009F96; }
        .broadcast_v2_list_view .center-pane__main-body .list-container {
          border: none; }
          .broadcast_v2_list_view .center-pane__main-body .list-container .list-view {
            width: 100%;
            margin: 0; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .list-item-message {
              max-width: 25rem; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .list-item-broadcast_time {
              max-width: 5rem; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .list-item-platform {
              width: 3rem; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view td {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .platform-icon {
              display: flex; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .platform-icon i {
                margin: 0.6rem; }
                .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .platform-icon i:before {
                  background-position: 50% !important;
                  background-size: 1.8rem !important;
                  padding-left: 0.3rem; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .message-field {
              display: flex;
              align-items: center; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .message-field .default {
                background-color: rgba(208, 201, 195, 0.3);
                height: 3.2rem;
                min-width: 4.2rem;
                margin: 0.4rem 0;
                display: flex;
                justify-content: center;
                align-items: center; }
                .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .message-field .default ::before {
                  color: #999999;
                  font-size: 1.7rem; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .message-field p {
                padding: 0 0 0 1.2rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .message-field img {
                height: 3.2rem;
                width: 4.2rem;
                object-fit: cover;
                margin: 0.4rem 0; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .options-field {
              display: flex;
              align-items: center;
              justify-content: center; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .options-field i {
                margin: 0.4rem; }
                .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .options-field i:before {
                  font-size: 18px; }
                .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .options-field i:hover {
                  color: #00D6C9;
                  transition: all 0.2s ease-in; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .bubble div {
              width: 4.6rem;
              border-radius: 0.4rem;
              text-align: center;
              height: 2.8rem;
              background-color: #FFFFFF; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .bubble div p {
                line-height: 2.5rem; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .blue div {
              color: #5F5BFF;
              border: 0.1rem solid #5F5BFF; }
            .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .turquoise {
              display: flex;
              justify-content: center;
              padding: 0.5rem 0 0 0; }
              .broadcast_v2_list_view .center-pane__main-body .list-container .list-view .turquoise div {
                color: #00D6C9;
                border: 0.1rem solid #00D6C9; }
      .broadcast_v2_list_view .center-pane__main-header {
        width: 100%; }
        .broadcast_v2_list_view .center-pane__main-header .broadcast-header {
          text-align: left;
          border: none;
          font-weight: 600;
          font-size: 1.2rem;
          color: #222;
          padding: 0;
          line-height: 4; }
        .broadcast_v2_list_view .center-pane__main-header .message-quota {
          display: flex;
          flex-direction: column;
          color: #999;
          min-width: 58rem; }
          .broadcast_v2_list_view .center-pane__main-header .message-quota li {
            display: flex;
            overflow: visible; }
          .broadcast_v2_list_view .center-pane__main-header .message-quota .title {
            font-weight: 600;
            padding: 0; }
          .broadcast_v2_list_view .center-pane__main-header .message-quota .quota {
            font-weight: 400;
            padding: 0; }
          .broadcast_v2_list_view .center-pane__main-header .message-quota .info {
            font-weight: 400;
            font-size: 0.9rem;
            padding: 0; }
          .broadcast_v2_list_view .center-pane__main-header .message-quota .progress-bar {
            width: 100%;
            background-color: #F8F6F5;
            margin: 0.8rem 0;
            padding: 0;
            display: flex;
            align-items: center; }
            .broadcast_v2_list_view .center-pane__main-header .message-quota .progress-bar #sent-bar {
              width: 0;
              height: 50%;
              position: absolute;
              left: 0;
              background-color: #00D6C9;
              font-weight: 700; }
            .broadcast_v2_list_view .center-pane__main-header .message-quota .progress-bar #reserved-bar {
              width: 0;
              height: 50%;
              position: absolute;
              background-color: #BBECE8;
              font-weight: 700; }
            .broadcast_v2_list_view .center-pane__main-header .message-quota .progress-bar #percent {
              position: relative;
              z-index: 9;
              height: 100%;
              font-weight: 700;
              padding: 0 0.5rem;
              color: #666; }
            .broadcast_v2_list_view .center-pane__main-header .message-quota .progress-bar .tooltip:hover:after {
              position: relative;
              left: 70px !important;
              font-size: inherit;
              width: fit-content; }
  .broadcast_v2_list_view footer {
    height: 6rem !important;
    margin: 0 !important; }
    .broadcast_v2_list_view footer:focus-visible {
      border: none; }

main.p2-layout {
  overflow: hidden; }
  main.p2-layout .center-pane {
    padding-bottom: 0; }

.broadcast_v2_detail_view {
  height: 46rem !important;
  min-width: 32rem; }
  .broadcast_v2_detail_view header {
    width: 100%; }
  .broadcast_v2_detail_view .list-view {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 38rem;
    padding: 4rem 3.2rem;
    margin: 0;
    overflow: hidden; }
  .broadcast_v2_detail_view .list-view tr {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    pointer-events: none;
    width: 100%; }
    .broadcast_v2_detail_view .list-view tr:first-child {
      width: 20rem; }
    .broadcast_v2_detail_view .list-view tr th, .broadcast_v2_detail_view .list-view tr td {
      height: auto !important;
      line-height: 4.2rem !important;
      border-bottom: 1px solid #D0C9C3; }
      .broadcast_v2_detail_view .list-view tr th:first-child, .broadcast_v2_detail_view .list-view tr td:first-child {
        border-top: 1px solid #D0C9C3; }
    .broadcast_v2_detail_view .list-view tr .grey {
      color: #999;
      font-weight: 600; }
  .broadcast_v2_detail_view .button-container {
    display: flex;
    margin: 0 3rem 2rem 0;
    justify-content: flex-end; }
    .broadcast_v2_detail_view .button-container .broadcast-detail-button button {
      margin: 0 0 0 1.5rem;
      background-color: #F0F0F0;
      color: #222; }
    .broadcast_v2_detail_view .button-container .broadcast-detail-button .blue {
      background-color: #5F5BFF;
      color: #FFFFFF; }
      .broadcast_v2_detail_view .button-container .broadcast-detail-button .blue:hover {
        background-color: #3A3AB5 !important; }

.broadcast_v2_editor_view .center-pane__main-body {
  display: flex;
  flex-direction: column; }
  .broadcast_v2_editor_view .center-pane__main-body > * {
    padding: 1.2rem 0;
    border-bottom: 1px solid #D0C9C3; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 {
    margin-right: 1rem;
    width: 50rem; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li dl {
    width: 100%; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li h4:first-child,
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li dd:first-child {
    width: 125px; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li dd:last-child {
    display: flex;
    align-items: center; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li a {
    color: #5F5BFF;
    text-decoration: underline;
    cursor: pointer; }
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-input,
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-select,
  .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-datetime {
    width: 100%; }
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-input select,
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-select select,
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-datetime select {
      height: 3.4rem;
      border: 1px solid #D0C9C3;
      background-color: #ffffff;
      padding: 2px 4px; }
      .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-input select.dd,
      .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-select select.dd,
      .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-datetime select.dd {
        margin-right: 12px; }
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-input > *,
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-select > *,
    .broadcast_v2_editor_view .center-pane__main-body form.ver-1 li .form-type-datetime > * {
      height: 3.4rem;
      width: 100%;
      min-width: 25.4rem; }
  .broadcast_v2_editor_view .center-pane__main-body input:placeholder-shown,
  .broadcast_v2_editor_view .center-pane__main-body textarea:placeholder-shown {
    background-color: #FFFFFF;
    font-size: 13.33px; }
  .broadcast_v2_editor_view .center-pane__main-body .form-item {
    width: 100%; }
    .broadcast_v2_editor_view .center-pane__main-body .form-item-datetime-picker {
      width: 25.5rem; }
      .broadcast_v2_editor_view .center-pane__main-body .form-item-datetime-picker .btn-picker {
        transform: translateY(6px); }
    .broadcast_v2_editor_view .center-pane__main-body .form-item-advanced_settings {
      align-items: center; }
    .broadcast_v2_editor_view .center-pane__main-body .form-item-advanced_settings li {
      padding: 0; }
  .broadcast_v2_editor_view .center-pane__main-body .basic-settings {
    display: flex;
    justify-content: space-between;
    min-width: 58rem; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label dd:first-of-type {
      width: 14rem;
      text-align: left;
      padding: 0; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label dd:last-of-type {
      display: flex;
      justify-content: flex-end; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label .recipient-label-count {
      color: #999999; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label,
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .segment {
      display: flex;
      flex-direction: column; }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label .form-item,
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .segment .form-item {
        margin: 5px 0px; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label dl {
      justify-content: space-between; }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .recipient-label dl span {
        white-space: nowrap; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .segment dd {
      display: flex; }
    .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container {
      border: 1px solid #D0C9C3;
      border-radius: 0.3rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      width: 16.8rem;
      min-width: 16.8rem;
      height: 19.8rem; }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container p:first-of-type {
        font-weight: 600;
        font-size: 1.1rem;
        line-height: 1.8; }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container .estimate-circle {
        border-radius: 50%;
        width: 12rem;
        height: 12rem;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: grow .25s; }

@keyframes grow {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container .inner-circle {
        width: 11rem;
        height: 11rem;
        border-radius: 50%;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center; }
        .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container .inner-circle .percentage {
          font-size: 1.6rem;
          font-weight: 500; }
      .broadcast_v2_editor_view .center-pane__main-body .basic-settings .target-estimate-container .users {
        color: #D0C9C3;
        font-size: 1rem;
        line-height: 1.8;
        padding-bottom: 1.5rem; }
  .broadcast_v2_editor_view .center-pane__main-body .message-editor {
    border-bottom: none;
    padding-bottom: 2rem;
    min-width: 38rem; }
    .broadcast_v2_editor_view .center-pane__main-body .message-editor .button-container {
      display: flex; }
      .broadcast_v2_editor_view .center-pane__main-body .message-editor .button-container :first-child {
        margin-left: 0; }
    .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components:nth-of-type(3) {
      margin-bottom: 6.5rem; }
    .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components {
      max-width: 50rem;
      height: 34.5rem;
      border: 1px solid #D0C9C3;
      border-radius: 0.3rem;
      padding: 0;
      margin-top: 1.2rem; }
      .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header {
        border-bottom: 1px solid #D0C9C3;
        padding: 0.8rem 0;
        background-color: rgba(246, 244, 243, 0.3); }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab {
          display: flex;
          justify-content: space-between;
          padding: 0 1.2rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * {
            display: flex;
            justify-content: space-between; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 2rem;
              padding: 0;
              border: none;
              border-radius: 0;
              background-color: inherit; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i::before {
                font-size: 1.8rem; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i::after {
                position: absolute;
                top: -2.5rem; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button:hover {
                transform: scale(1.2);
                transition: 0.3s; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-commenting,
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-file-image-o,
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-file-video-o,
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-file-text-o {
                transform: translate(0.15rem, 0.1rem); }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-bolt {
                transform: translate(0.6rem, 0.15rem); }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-angle-up::before,
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.fa-angle-down::before {
                font-size: 2rem;
                transform: translate(0.5rem, 0rem); }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button i.close {
                background-image: url(/images/ico-cross-grey.svg);
                background-size: 16px;
                top: 6px;
                right: 0; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button.on {
              border-bottom: 0.3rem solid #5F5BFF; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab > * button.on i {
                color: #5F5BFF; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab .icons--1 {
            width: 12rem; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab .icons--1 button {
              margin: 0 2rem 0 0; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab .icons--1 button:first-of-type {
                margin: 0 1.8rem 0 0; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab .icons--2 {
            width: 9rem; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-header .icon-tab .icons--2 button {
              margin: 0 0 0 1rem; }
      .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body {
        display: flex;
        flex-direction: column;
        padding: 1.2rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .titlearea-border {
          display: flex;
          border: 1px solid #D0C9C3;
          border-radius: 4px;
          margin-bottom: 1rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .titlearea {
          width: 100%;
          border: none; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .textarea-border {
          height: 18rem;
          border: 1px solid #D0C9C3;
          border-radius: 4px; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .textarea {
          width: 100%;
          height: 14rem;
          font-size: 13.33px;
          border: none; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-info-circle:before {
          transform: translate(0.8rem, 0.5rem);
          font-size: 1.4rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-info-circle:after {
          transform: translateX(0%) !important;
          min-width: 530px !important;
          height: max-content !important;
          overflow-wrap: anywhere !important; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-smile-o {
          bottom: 1.2rem;
          left: 1rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-smile-o:hover {
            transform: scale(1.2);
            transition: 0.3s; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-smile-o:before {
          font-size: 1.8rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body i.fa-clone:before {
          transform: translate(0.8rem, 0.1rem) !important; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body-items {
          padding-top: 1.2rem;
          display: flex;
          justify-content: right; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body-items p {
            padding-right: 0;
            transform: translateY(-1rem); }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body-items button {
            margin: 0;
            padding: 0;
            width: 4.4rem;
            height: 2rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body-warning {
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: left; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body-warning p {
            padding: 0.1rem 0;
            color: #ccc;
            font-size: 0.7rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 13rem;
          padding: 0.5rem;
          background-size: contain;
          background-position: center;
          border-radius: 4px; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box.solid {
            border: 1px solid #D0C9C3;
            height: 18rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box.dashed {
            border: 1px dashed #D0C9C3; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box img {
            max-height: 100%;
            max-width: 20rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box video {
            max-width: 25rem;
            border-radius: 4px; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .thumbnail {
            position: absolute;
            width: 100px;
            height: 70px;
            left: 20px;
            top: 20px;
            object-fit: cover;
            border-radius: 4px; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .upload {
            font-size: 1.5rem;
            color: #5F5BFF;
            padding: 0 0 0.5rem 0;
            cursor: pointer; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .media-info p {
            padding: 0;
            color: #CCCCCC;
            font-size: 1rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box i {
            height: 3.5rem;
            right: 4px !important;
            top: -4px !important; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box i::before {
              font-size: 3rem;
              background-color: rgba(204, 204, 235, 0.078);
              color: rgba(95, 91, 255, 0.078);
              -webkit-background-clip: text;
              -moz-background-clip: text;
              margin-top: 0.5rem;
              height: 3rem;
              transition: 0.3s; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box i:hover::before {
              color: #5F5BFF; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .action-dropdowns {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 360px; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .click-preview-suggestion {
            width: 360px;
            text-align: left; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .preview-box .click-preview-suggestion p {
              padding: 12px 0px; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url {
          display: flex;
          justify-content: space-between;
          margin-top: 1rem;
          max-height: 3.4rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-label {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-label p {
              width: 7rem;
              text-align: left; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar {
            display: flex;
            border: 1px solid #D0C9C3;
            border-radius: 4px;
            width: 38rem;
            height: 3.4rem; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar button {
              height: 100%;
              margin: 0px;
              padding: 0px;
              border: none;
              border-radius: 0px 3px 3px 0px;
              color: #5F5BFF;
              background-color: #F8F6F5;
              width: 3rem;
              transition: 0.3s; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar button i::before {
                transform: translate(0.8rem, -0.6rem);
                font-size: 1.5rem; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar button:hover {
                background-color: #D0C9C3; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar button:disabled {
                background-color: #D0C9C3;
                color: #666;
                cursor: default; }
                .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar button:disabled i::before {
                  cursor: default; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar .copy-text {
              color: #D0C9C3;
              background-color: #FFFFFF; }
              .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar .copy-text:hover {
                color: #5F5BFF;
                background-color: #FFFFFF; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar input {
              flex: 1;
              height: 3.2rem;
              border: none; }
            .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .media-url .input-bar .autocomplete::placeholder {
              color: #5F5BFF; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .input-info {
          display: flex;
          flex-direction: column;
          text-align: left;
          margin-left: 9.5rem;
          margin-top: 0.3rem; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .input-info p:first-of-type {
            font-style: italic; }
          .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .input-info p {
            padding: 0.3rem 0;
            font-size: 0.8rem;
            color: #ccc;
            line-height: 0.8rem; }
        .broadcast_v2_editor_view .center-pane__main-body .message-editor .message-components .component-body .input-label-info {
          display: flex;
          text-align: left; }
    .broadcast_v2_editor_view .center-pane__main-body .message-editor article#mask {
      background-color: transparent; }
    .broadcast_v2_editor_view .center-pane__main-body .message-editor .emoji-pane {
      position: absolute;
      width: 56.2rem;
      z-index: 999;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 1rem;
      border-radius: 12px; }
      .broadcast_v2_editor_view .center-pane__main-body .message-editor .emoji-pane dl {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
      .broadcast_v2_editor_view .center-pane__main-body .message-editor .emoji-pane dd {
        width: 32px;
        height: 32px;
        background-size: 24px auto;
        position: relative;
        background-position: center;
        cursor: pointer;
        transition-duration: 0.3s; }
  .broadcast_v2_editor_view .center-pane__main-body .btn-add {
    color: #5F5BFF;
    text-transform: capitalize;
    width: 7.1rem;
    height: 2.4rem;
    margin: 0 0 6.5rem 0;
    padding: 0;
    border: 1px solid #5F5BFF; }

.broadcast_v2_editor_view .center-pane__main .white.popup, .broadcast_v2_editor_view .center-pane__main section.popup.dict-editor {
  height: 27vh; }

.broadcast_v2_editor_view .center-pane__main-footer {
  display: flex;
  z-index: 100;
  position: fixed;
  bottom: 0;
  background-color: #FFFFFF;
  width: -webkit-fill-available;
  width: -moz-available; }
  .broadcast_v2_editor_view .center-pane__main-footer .button-container {
    display: flex;
    justify-content: end;
    border-top: 1px solid #D0C9C3;
    padding: 1.2rem 2rem; }
  .broadcast_v2_editor_view .center-pane__main-footer::before {
    content: '';
    display: block;
    width: 100%;
    border-top: 1px solid #D0C9C3; }
  .broadcast_v2_editor_view .center-pane__main-footer::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 5rem;
    background-color: #fff;
    border-top: 1px solid #D0C9C3;
    transform: translateX(-2rem); }
  .broadcast_v2_editor_view .center-pane__main-footer .simulator-tab {
    position: absolute;
    height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    right: 0rem;
    bottom: 10rem;
    border-radius: 8px 0 0 8px;
    width: 6.2rem; }
    .broadcast_v2_editor_view .center-pane__main-footer .simulator-tab i::before {
      position: relative;
      font-size: 2.2rem;
      transform: translate(0.9rem, -2.5rem); }
  .broadcast_v2_editor_view .center-pane__main-footer .tab-text {
    display: flex;
    justify-content: center;
    padding: 0.5rem; }
    .broadcast_v2_editor_view .center-pane__main-footer .tab-text p {
      padding: 0; }

.broadcast_v2_editor_view .center-pane__simulator-container .simulator {
  position: fixed;
  z-index: 150;
  bottom: 4.5rem;
  right: -375px;
  padding: 0px; }

.broadcast_v2_editor_view .center-pane__simulator-container .show {
  transform: translateX(-375px); }

.broadcast_v2_editor_view .blue {
  background-color: #5F5BFF;
  color: #FFFFFF; }
  .broadcast_v2_editor_view .blue:hover {
    background-color: #3A3AB5; }

.broadcast_v2_editor_view .turquoise {
  background-color: #00D6C9;
  color: #FFFFFF;
  border: none; }

.broadcast_v2_simulator_view {
  display: flex;
  justify-content: center;
  align-items: center; }
  .broadcast_v2_simulator_view .simulator {
    width: 375px !important;
    height: 628px !important;
    margin: 1.3rem auto  !important; }
    .broadcast_v2_simulator_view .simulator .simulator-header {
      height: 5rem;
      margin: 0px;
      padding: 0 16px !important;
      display: flex; }
      .broadcast_v2_simulator_view .simulator .simulator-header h2 {
        height: 4rem;
        margin-left: 1rem; }
    .broadcast_v2_simulator_view .simulator .image img {
      object-fit: contain; }
    .broadcast_v2_simulator_view .simulator .simulator-footer {
      margin: 0px;
      padding: 0px 10px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .broadcast_v2_simulator_view .simulator .simulator-footer p {
        flex-grow: 1;
        cursor: default; }
      .broadcast_v2_simulator_view .simulator .simulator-footer button {
        cursor: default;
        pointer-events: none; }

.broadcast_v2_template_list_view {
  min-width: 32rem; }
  .broadcast_v2_template_list_view header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 5.2rem;
    padding: 0 2rem; }
    .broadcast_v2_template_list_view header .template__header {
      font-size: 1.2rem; }
    .broadcast_v2_template_list_view header i.icon.close, .broadcast_v2_template_list_view header i.close.form-item-autocomplete.loading-autocomplete:before, .broadcast_v2_template_list_view header .ui-indicator i.close#indicator:before, .ui-indicator .broadcast_v2_template_list_view header i.close#indicator:before {
      top: 1.6rem;
      position: unset;
      cursor: pointer; }
    .broadcast_v2_template_list_view header .filter-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 88%; }
      .broadcast_v2_template_list_view header .filter-container .search-container {
        margin: 0 3rem;
        width: 100%; }
        .broadcast_v2_template_list_view header .filter-container .search-container i {
          transform: translateX(0.9rem);
          color: #999999;
          cursor: none; }
        .broadcast_v2_template_list_view header .filter-container .search-container input {
          width: 100%;
          border-radius: 0.6rem;
          background-color: white;
          padding-left: 4rem; }
      .broadcast_v2_template_list_view header .filter-container .ui-dropdown {
        border: none;
        font-weight: 400;
        border-right: 1px solid #999999;
        border-radius: 0;
        margin-right: 1.4rem; }
        .broadcast_v2_template_list_view header .filter-container .ui-dropdown label {
          padding-right: 0;
          width: 4rem; }
        .broadcast_v2_template_list_view header .filter-container .ui-dropdown::after {
          padding-right: 1.4rem;
          position: relative; }
  .broadcast_v2_template_list_view .flex-container {
    background-color: #F8F6F5;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto; }
    .broadcast_v2_template_list_view .flex-container header {
      border: none;
      font-size: 1.8rem;
      margin-top: 1rem;
      padding-right: 2.5rem; }
    .broadcast_v2_template_list_view .flex-container .template-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: 1rem; }
      .broadcast_v2_template_list_view .flex-container .template-container .template {
        width: 21.8rem;
        height: auto;
        background-color: white;
        margin: 1rem;
        padding: 1rem;
        border: 1px solid #CCCCCC;
        border-radius: 0.8rem; }
        .broadcast_v2_template_list_view .flex-container .template-container .template .template-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 1rem; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .info {
            display: flex;
            justify-content: flex-start; }
            .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .info i {
              position: relative; }
            .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .info label {
              width: 14.1rem;
              font-size: 1.2rem;
              text-overflow: ellipsis;
              text-align: start;
              overflow: hidden;
              white-space: nowrap; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .options {
            width: 2.3rem;
            height: 2.3rem;
            padding: 0;
            border: 1px solid #D0C9C3; }
            .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .options i {
              color: #D0C9C3;
              transform: translate(0.65rem, 0.55rem); }
            .broadcast_v2_template_list_view .flex-container .template-container .template .template-header .options .ui-dropdown {
              visibility: hidden; }
        .broadcast_v2_template_list_view .flex-container .template-container .template .template-capture {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-radius: 0.6rem;
          overflow: hidden;
          margin-bottom: 1rem; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-capture .capture {
            width: 100%; }
        .broadcast_v2_template_list_view .flex-container .template-container .template .template-buttons {
          display: flex;
          justify-content: center; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-buttons button {
            border-radius: 6px;
            width: 9.3rem;
            padding: 0; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-buttons .white, .broadcast_v2_template_list_view .flex-container .template-container .template .template-buttons section.dict-editor {
            border: 1px solid #5F5BFF;
            margin-left: 0;
            color: #5F5BFF; }
          .broadcast_v2_template_list_view .flex-container .template-container .template .template-buttons .blue {
            background-color: #5F5BFF;
            color: white;
            text-indent: 0; }

.broadcast_v2_template_preview {
  width: 100% !important;
  min-width: 32rem;
  min-height: 58rem; }
  .broadcast_v2_template_preview header {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .broadcast_v2_template_preview header button {
      border: none;
      margin-left: 0; }
      .broadcast_v2_template_preview header button i {
        transform: translate(-0.5rem, -0.55rem); }
    .broadcast_v2_template_preview header label {
      background-color: #D0C9C3;
      border-radius: 0.3rem;
      color: white !important;
      margin-left: 1rem;
      line-height: 1.5rem;
      text-align: center;
      padding: 0 0.3rem; }
  .broadcast_v2_template_preview footer {
    border-radius: 4px; }
    .broadcast_v2_template_preview footer .blue {
      background-color: #5F5BFF !important;
      color: white;
      text-indent: 0; }

article#mask.center-layout:not(:empty) {
  pointer-events: all;
  backdrop-filter: blur(0.5rem); }

.broadcast_v2_new_template_popup_view .preview-header {
  width: 100%;
  display: flex; }
  .broadcast_v2_new_template_popup_view .preview-header i {
    position: relative;
    top: 0;
    right: 0; }

.broadcast_v2_new_template_popup_view .preview-body {
  overflow: scroll;
  padding: 1rem; }

.broadcast_v2_new_template_popup_view .preview-footer {
  height: 5rem !important;
  width: 100%;
  border-radius: 0 0 4px 4px;
  padding-left: 0; }
  .broadcast_v2_new_template_popup_view .preview-footer p {
    white-space: nowrap; }

.broadcast_v2_new_template_popup_view .blue {
  background-color: #5F5BFF !important;
  color: #FFFFFF; }

.broadcast_v2_send_test_popup_view {
  height: 19.3rem !important;
  width: 46.8rem !important; }
  .broadcast_v2_send_test_popup_view .body {
    display: flex;
    align-items: center; }
    .broadcast_v2_send_test_popup_view .body form ul {
      width: 100% !important; }
      .broadcast_v2_send_test_popup_view .body form ul .form-item-uids {
        margin-top: 12px; }
      .broadcast_v2_send_test_popup_view .body form ul .form-item-autocomplete {
        width: 100%; }
      .broadcast_v2_send_test_popup_view .body form ul li, .broadcast_v2_send_test_popup_view .body form ul p {
        padding: 0; }
        .broadcast_v2_send_test_popup_view .body form ul li .autocomplete, .broadcast_v2_send_test_popup_view .body form ul p .autocomplete {
          height: 2.4rem; }
  .broadcast_v2_send_test_popup_view .preview-footer {
    height: 60px !important; }
    .broadcast_v2_send_test_popup_view .preview-footer .send-test-button button {
      margin: 0 0 0 1.5rem;
      background-color: #F0F0F0;
      color: #222; }
    .broadcast_v2_send_test_popup_view .preview-footer .send-test-button .blue {
      background-color: #5F5BFF;
      color: #FFFFFF; }
      .broadcast_v2_send_test_popup_view .preview-footer .send-test-button .blue:hover {
        background-color: #3A3AB5 !important; }

.broadcast_v2_message_quota_popup {
  height: 14rem !important;
  width: 36rem !important; }
  .broadcast_v2_message_quota_popup .body {
    display: flex;
    padding: 1.4rem;
    width: 100%; }
    .broadcast_v2_message_quota_popup .body .message-quota {
      display: flex;
      flex-direction: column;
      color: #999; }
      .broadcast_v2_message_quota_popup .body .message-quota li {
        display: flex;
        overflow: visible; }
      .broadcast_v2_message_quota_popup .body .message-quota .title {
        font-weight: 600;
        padding: 0; }
      .broadcast_v2_message_quota_popup .body .message-quota .quota {
        font-weight: 400;
        padding: 0; }
      .broadcast_v2_message_quota_popup .body .message-quota .info {
        font-weight: 400;
        font-size: 0.9rem;
        padding: 0; }
      .broadcast_v2_message_quota_popup .body .message-quota .progress-bar {
        width: 100%;
        background-color: #F8F6F5;
        margin: 0.8rem 0;
        padding: 0;
        display: flex;
        align-items: center; }
        .broadcast_v2_message_quota_popup .body .message-quota .progress-bar #sent-bar {
          width: 0;
          height: 50%;
          position: absolute;
          left: 0;
          background-color: #00D6C9;
          font-weight: 700; }
        .broadcast_v2_message_quota_popup .body .message-quota .progress-bar #reserved-bar {
          width: 0;
          height: 50%;
          position: absolute;
          background-color: #BBECE8;
          font-weight: 700; }
        .broadcast_v2_message_quota_popup .body .message-quota .progress-bar #percent {
          position: relative;
          z-index: 9;
          height: 100%;
          font-weight: 700;
          padding: 0 0.5rem;
          text-shadow: #FFFFFF 0px 0px 2px; }
        .broadcast_v2_message_quota_popup .body .message-quota .progress-bar .tooltip:hover:after {
          position: relative;
          left: 70px !important;
          font-size: inherit;
          width: fit-content; }

article.controller#mask {
  background-color: rgba(0, 0, 0, 0.7);
  min-width: 36rem; }

.pages_list_view .center-pane .search-bar {
  display: flex;
  align-items: center; }
  .pages_list_view .center-pane .search-bar div.queries {
    flex: 1; }
    .pages_list_view .center-pane .search-bar div.queries input {
      height: 100%;
      width: 100%;
      border: none;
      outline: none; }

.pages_list_view .center-pane.list-view-frame {
  width: 100%;
  min-width: 400px; }
  .pages_list_view .center-pane.list-view-frame .list-item-operations {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .pages_list_view .center-pane.list-view-frame .list-view td {
    cursor: default; }
    .pages_list_view .center-pane.list-view-frame .list-view td.list-item-page_url:hover {
      cursor: pointer;
      text-decoration: underline;
      color: var(--a1); }
    .pages_list_view .center-pane.list-view-frame .list-view td.buttons i:hover {
      color: var(--a1); }
    .pages_list_view .center-pane.list-view-frame .list-view td:last-child {
      display: flex; }
  .pages_list_view .center-pane.list-view-frame .empty td {
    justify-content: center; }
  .pages_list_view .center-pane.list-view-frame footer {
    width: 100%; }

.new-page-popup {
  background-color: white;
  width: 860px;
  min-width: 860px;
  height: auto; }
  .new-page-popup * {
    color: #666; }
  .new-page-popup > ul:first-of-type {
    width: max-content;
    padding: 16px 16px 0 16px; }
    .new-page-popup > ul:first-of-type label + label {
      margin-left: 12px; }
  .new-page-popup h4 {
    pointer-events: none;
    min-width: 120px; }
  .new-page-popup header {
    max-width: 100%; }
  .new-page-popup div[class*=form-type-]:not(.form-type-hidden) {
    height: 100%;
    width: 100%; }
    .new-page-popup div[class*=form-type-]:not(.form-type-hidden) .form-item {
      width: 96.5%; }
  .new-page-popup .page-form {
    overflow: scroll; }
    .new-page-popup .page-form form ul {
      padding: 0 0 0 16px; }
    .new-page-popup .page-form form .infor::before {
      color: var(--ln);
      width: max-content;
      height: max-content;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .new-page-popup .page-form form .form-item-title {
      padding-top: 24px; }
    .new-page-popup .page-form form .form-item-nickname {
      padding-top: 18px; }
      .new-page-popup .page-form form .form-item-nickname input.invalid {
        border-color: #DB234B; }
    .new-page-popup .page-form form .form-type-textarea {
      width: 0px;
      /*
						For some reason this prevents code mirror from changing the textarea which then prevents the textarea from overlapping with the label.
						Without this, when the window is small and the user types something into the editor that creates an overflow, the textarea will then adjust
						and overlap with the label. 
					*/ }
      .new-page-popup .page-form form .form-type-textarea cite {
        top: -10px; }
    .new-page-popup .page-form form .form-type-text cite {
      top: -18px;
      right: 30px; }
    .new-page-popup .page-form form textarea, .new-page-popup .page-form form input[type=text] {
      max-width: 1348px; }
    .new-page-popup .page-form form li[type=multiple] dl {
      flex-direction: column;
      width: 100%; }
      .new-page-popup .page-form form li[type=multiple] dl dd {
        width: 99%;
        margin: 8px 0;
        padding: 0; }
        .new-page-popup .page-form form li[type=multiple] dl dd .form-item-file {
          width: 100%; }
          .new-page-popup .page-form form li[type=multiple] dl dd .form-item-file span {
            background-size: contain; }
      .new-page-popup .page-form form li[type=multiple] dl dd[name=image-hidden] {
        display: none; }
    .new-page-popup .page-form form li[type=textarea] i,
    .new-page-popup .page-form form li[type=multiple] i {
      position: relative;
      color: #666; }
      .new-page-popup .page-form form li[type=textarea] i:hover,
      .new-page-popup .page-form form li[type=multiple] i:hover {
        color: var(--a1); }
      .new-page-popup .page-form form li[type=textarea] i::before,
      .new-page-popup .page-form form li[type=multiple] i::before {
        position: relative; }
      .new-page-popup .page-form form li[type=textarea] i.fa-eraser,
      .new-page-popup .page-form form li[type=multiple] i.fa-eraser {
        transform: translate(-19.4px, 7px); }
      .new-page-popup .page-form form li[type=textarea] i.fa-trash,
      .new-page-popup .page-form form li[type=multiple] i.fa-trash {
        transform: translate(-6px, -15px); }
  .new-page-popup .CodeMirror {
    width: 99%;
    max-width: 1348px;
    height: auto;
    min-height: 96px;
    resize: vertical;
    margin-top: 8px; }
    .new-page-popup .CodeMirror-scroll {
      min-height: fit-content;
      overflow: hidden !important; }
  .new-page-popup footer {
    max-width: 100%;
    border-top: 1px solid var(--ln); }
    .new-page-popup footer button.upload, .new-page-popup footer button.save {
      background-color: var(--a1); }
      .new-page-popup footer button.upload:hover, .new-page-popup footer button.save:hover {
        background-color: #3A3AB5; }
    .new-page-popup footer button.cancel:hover {
      background-color: #566; }
  .new-page-popup .icon.close, .new-page-popup .close.form-item-autocomplete.loading-autocomplete:before, .new-page-popup table.list-view th.close.on, table.list-view .new-page-popup th.close.on, .new-page-popup table.list-view th.close.sortable, table.list-view .new-page-popup th.close.sortable, .new-page-popup .ui-indicator .close#indicator:before, .ui-indicator .new-page-popup .close#indicator:before, .new-page-popup .search-bar div.close.queries, .search-bar .new-page-popup div.close.queries, .new-page-popup .simulator > header dd.close, .simulator > header .new-page-popup dd.close, .new-page-popup .p3-layout .menu-pane li.close, .p3-layout .menu-pane .new-page-popup li.close, .new-page-popup .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .new-page-popup b.close:before, .new-page-popup .bot-editor section.actions li h5.close, .bot-editor section.actions li .new-page-popup h5.close, .new-page-popup .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .new-page-popup span.close.new, .new-page-popup .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .new-page-popup label.close.new, .new-page-popup .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .new-page-popup div.close.schedule, .new-page-popup .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .new-page-popup li.close.item.new, .new-page-popup .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .new-page-popup u.close, .new-page-popup section.user-editor section.info header.close, section.user-editor section.info .new-page-popup header.close, .new-page-popup section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .new-page-popup b.close:before {
    right: 16px;
    background-image: url(/images/ico_close.svg?v=1) !important; }

@media screen and (max-height: 1800px) {
  .new-page-popup {
    width: 1400px;
    min-width: 600px;
    height: 750px; }
  .page-form {
    height: 642px; }
    .page-form dd {
      height: 714px; }
      .page-form dd .form-item-file {
        height: 714px; } }

@media screen and (max-height: 886px) {
  .new-page-popup {
    width: 1000px;
    min-width: 600px;
    height: 600px; }
  .page-form {
    height: 492px; }
    .page-form dd {
      height: 484px; }
      .page-form dd .form-item-file {
        height: 484px; } }

.ec_item_list_view .list-view-frame {
  flex: 1; }

.ec_item_list_view div.thumb {
  background-size: "cover";
  background-position: 'center';
  width: 8rem;
  height: 8rem;
  border-radius: 0;
  margin: .2rem; }

.ec_item_list_view [stat=all] .ui-tab-menu dd[stat=all] {
  border-bottom: 2px solid var(--a1);
  color: var(--a1); }

.ec_item_list_view [stat=prepare] .ui-tab-menu dd[stat=prepare] {
  border-bottom: 2px solid var(--a1);
  color: var(--a1); }

.ec_item_list_view [stat=sale] .ui-tab-menu dd[stat=sale] {
  border-bottom: 2px solid var(--a1);
  color: var(--a1); }

.ec_item_list_view [stat=sold] .ui-tab-menu dd[stat=sold] {
  border-bottom: 2px solid var(--a1);
  color: var(--a1); }

.ec_item_list_view [st=grid] dd[st=grid]::before {
  color: var(--a1); }

.ec_item_list_view [st=list] dd[st=list]::before {
  color: var(--a1); }

.ec_item_list_view input[type=number] {
  text-align: right; }

.ec_item_list_view section[st=grid] table.list-view {
  display: flex;
  min-height: 100%;
  flex-wrap: wrap; }
  .ec_item_list_view section[st=grid] table.list-view tr:first-child {
    display: none; }
  .ec_item_list_view section[st=grid] table.list-view tr {
    display: flex;
    flex-direction: column;
    width: 18rem;
    height: 28.8rem;
    margin: 1.6rem;
    background-color: white;
    border-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden; }
    .ec_item_list_view section[st=grid] table.list-view tr td {
      line-height: initial;
      height: initial;
      padding: 0;
      margin: 0; }
    .ec_item_list_view section[st=grid] table.list-view tr div.thumb {
      width: 100%;
      height: 18rem;
      margin: 0; }
    .ec_item_list_view section[st=grid] table.list-view tr td.list-item-id {
      position: absolute;
      height: 1.6rem;
      width: 6rem;
      background: var(--d1);
      color: white;
      z-index: 1;
      line-height: 1.6rem;
      padding: 0 1.2rem; }
    .ec_item_list_view section[st=grid] table.list-view tr td.list-item-title {
      white-space: initial;
      padding: 0.4rem 1.2rem; }
    .ec_item_list_view section[st=grid] table.list-view tr td.list-item-price {
      padding: 0.4rem 1.2rem;
      color: var(--d1);
      font-size: 1.2rem;
      text-align: right; }
    .ec_item_list_view section[st=grid] table.list-view tr td.list-item-inventory {
      text-align: center;
      padding: .4rem; }

.ec_item_list_view .pages {
  padding: .8rem 2.4rem 2.4rem 2.4rem; }

.ec_item_edit_view .content-pane {
  width: 100%; }
  .ec_item_edit_view .content-pane .edit-pane {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .ec_item_edit_view .content-pane .edit-pane > header {
      display: flex;
      justify-content: flex-start; }

.ec_item_edit_view .product-form {
  min-height: 0;
  flex: 1;
  flex-direction: row;
  display: flex; }

.ec_item_edit_view span.icon.back, .ec_item_edit_view span.back.form-item-autocomplete.loading-autocomplete:before, .ec_item_edit_view .ui-indicator span.back#indicator:before, .ui-indicator .ec_item_edit_view span.back#indicator:before, .ec_item_edit_view .bot-editor ul.nodes > li > div span.back.new, .bot-editor ul.nodes > li > div .ec_item_edit_view span.back.new {
  margin: 0 1.2rem;
  text-indent: 0; }
  .ec_item_edit_view span.icon.back::before, .ec_item_edit_view .bot-editor ul.nodes > li > div span.back.new::before, .bot-editor ul.nodes > li > div .ec_item_edit_view span.back.new::before {
    position: absolute;
    left: 1rem; }

.ec_item_edit_view .subform {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
  background-color: white;
  flex: 1;
  min-width: 0;
  padding: 2rem;
  overflow-y: auto; }
  .ec_item_edit_view .subform.info {
    flex: 1; }
  .ec_item_edit_view .subform.preview {
    flex: 0 0 400px; }
  .ec_item_edit_view .subform h2 {
    text-align: left;
    padding: 1.2rem 0;
    height: auto !important;
    width: 100%;
    border-bottom: 1px solid var(--ln); }
  .ec_item_edit_view .subform > form {
    all: initial;
    height: max-content;
    background-color: transparent;
    padding: 0; }
    .ec_item_edit_view .subform > form > ul {
      padding: 0; }
    .ec_item_edit_view .subform > form > ul > li {
      padding-top: 0;
      padding-bottom: 0; }
    .ec_item_edit_view .subform > form li[name^="form."], .ec_item_edit_view .subform > form dd[name^="form."] {
      display: flex;
      flex-direction: column; }
    .ec_item_edit_view .subform > form p {
      padding: 0;
      height: 2rem;
      line-height: 1rem; }
    .ec_item_edit_view .subform > form li[type=multiple] dl dd:not(:last-child) {
      margin-right: 1rem;
      min-width: max-content; }
    .ec_item_edit_view .subform > form *[required="1"]::after {
      content: "*";
      color: var(--a3);
      position: absolute;
      top: 3px; }
    .ec_item_edit_view .subform > form *[required="1"]::before {
      text-indent: .7rem; }
    .ec_item_edit_view .subform > form .form-item-autocomplete {
      height: 32px;
      line-height: 32px;
      min-height: 0;
      margin: 4px 0; }
      .ec_item_edit_view .subform > form .form-item-autocomplete input[type=text] {
        margin: 4px; }
      .ec_item_edit_view .subform > form .form-item-autocomplete span {
        margin: 3px 4px; }
    .ec_item_edit_view .subform > form .form-type-textarea {
      width: 100%; }
    .ec_item_edit_view .subform > form canvas {
      margin-top: 1.6rem; }
  .ec_item_edit_view .subform [title]::before {
    content: attr(title);
    display: block;
    position: absolute; }
  .ec_item_edit_view .subform [title].colors-row::before, .ec_item_edit_view .subform [title].opt-row::before {
    padding-left: 2rem;
    top: 0; }
  .ec_item_edit_view .subform [title] h4 {
    display: none; }
  .ec_item_edit_view .subform [class*="-row"] {
    align-items: flex-start;
    text-align: left;
    padding: 2rem 0 0 0; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.category"] {
      width: max-content;
      min-width: 15rem; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.title"] {
      --count:18; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.price"] {
      --count:8; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.discount"] {
      --count:5; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.tax"] {
      --count:3; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.sku"] {
      --count:16; }
    .ec_item_edit_view .subform [class*="-row"] [name="form.code"] {
      --count:16; }
  .ec_item_edit_view .subform .cell {
    margin-right: 2rem;
    text-align: left; }
  .ec_item_edit_view .subform.shipping {
    display: none; }
  .ec_item_edit_view .subform .buttons {
    margin-top: 1rem;
    border-top: 0; }
    .ec_item_edit_view .subform .buttons button {
      width: auto;
      background-color: var(--a1);
      color: white; }
  .ec_item_edit_view .subform .space {
    flex: 1; }

.ec_settings_view div.thumb {
  background-size: "cover";
  background-position: 'center';
  width: 6rem;
  height: 6rem;
  border-radius: 0; }

article.publish_list_view .center-pane.list-view-frame {
  display: flex;
  flex-direction: column; }
  article.publish_list_view .center-pane.list-view-frame main {
    overflow-x: auto; }
    article.publish_list_view .center-pane.list-view-frame main > * {
      min-width: 620px; }
  article.publish_list_view .center-pane.list-view-frame .distributions {
    flex: 1; }
    article.publish_list_view .center-pane.list-view-frame .distributions table.list-view th:first-child {
      padding-left: 16px !important; }
  article.publish_list_view .center-pane.list-view-frame footer {
    display: flex;
    flex-direction: row;
    padding: 0 2rem; }
    article.publish_list_view .center-pane.list-view-frame footer .buttons {
      display: flex;
      margin-right: 0; }
      article.publish_list_view .center-pane.list-view-frame footer .buttons .csv-form {
        display: none; }
      article.publish_list_view .center-pane.list-view-frame footer .buttons .deploy {
        background-color: #00D6C9;
        border-color: #00D6C9;
        color: #fff; }
      article.publish_list_view .center-pane.list-view-frame footer .buttons a:not(:first-child),
      article.publish_list_view .center-pane.list-view-frame footer .buttons button:not(:first-child) {
        margin-left: 1rem; }

@media only screen and (max-width: 860px) {
  article.publish_list_view footer {
    flex-direction: column; }
    article.publish_list_view footer .space {
      display: none; }
    article.publish_list_view footer .buttons a,
    article.publish_list_view footer .buttons button {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-grow: 1; } }

@keyframes go-down-for-more {
  0% {
    opacity: 1;
    transform: translateY(0); }
  15% {
    transform: translateY(0.6em); }
  35% {
    transform: translateY(0); }
  60% {
    transform: translateY(0.6em); }
  80% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0; } }

.publish_view {
  position: initial;
  --L1: #aab2bd;
  --L2: #dbe0e6;
  --L3: #f6f8fb;
  --T1: #4a4f62;
  --T2: #6d7181;
  --A1T: #ebf0ff; }
  .publish_view *::before {
    all: unset; }
  .publish_view main {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2); }
    .publish_view main a {
      text-decoration: none; }
    .publish_view main input:focus, .publish_view main select:focus {
      outline: none; }
    .publish_view main .config-wrapper {
      display: flex;
      flex-direction: column;
      width: 700px;
      max-height: 80vh;
      max-width: 80vw;
      overflow: auto;
      margin: auto;
      background-color: white;
      border-radius: 5px; }
      .publish_view main .config-wrapper .config-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 30px;
        width: 100%;
        height: 60px;
        flex: 0 0 auto;
        z-index: 1;
        color: var(--T1);
        background-color: white; }
        .publish_view main .config-wrapper .config-top .title {
          font-size: 18px;
          height: unset;
          color: var(--T1); }
        .publish_view main .config-wrapper .config-top .material-icons {
          width: max-content;
          height: max-content;
          cursor: pointer; }
      .publish_view main .config-wrapper .config-header {
        height: 50px;
        flex: 0 0 auto;
        width: 100%;
        z-index: 1;
        display: flex;
        border-color: var(--L2);
        border-width: 1px 0;
        border-style: solid;
        font-size: 14px;
        color: var(--L1);
        background-color: white; }
        .publish_view main .config-wrapper .config-header .header-step {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;
          position: relative;
          font-weight: bold;
          font-size: inherit;
          color: inherit; }
          .publish_view main .config-wrapper .config-header .header-step::before {
            content: "";
            width: 0%;
            height: 2px;
            background-color: var(--a1);
            transition: 0.2s;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%); }
          .publish_view main .config-wrapper .config-header .header-step:hover {
            cursor: default;
            color: var(--a1); }
            .publish_view main .config-wrapper .config-header .header-step:hover::before {
              width: 100%; }
          .publish_view main .config-wrapper .config-header .header-step.error {
            color: var(--a3); }
      .publish_view main .config-wrapper .config-content {
        position: relative;
        padding-bottom: 0;
        overflow-y: auto; }
        .publish_view main .config-wrapper .config-content .configs {
          display: flex;
          align-items: center; }
          .publish_view main .config-wrapper .config-content .configs + .configs {
            margin-top: 40px; }
          .publish_view main .config-wrapper .config-content .configs input[type="number"], .publish_view main .config-wrapper .config-content .configs input[type="text"], .publish_view main .config-wrapper .config-content .configs input:not([type]) {
            padding: 10px 15px;
            font-size: 14px;
            height: unset;
            line-height: unset; }
          .publish_view main .config-wrapper .config-content .configs h4 {
            flex: 0 0 220px;
            color: var(--T1);
            font-size: 15px; }
          .publish_view main .config-wrapper .config-content .configs .config-input {
            flex: 1;
            display: flex;
            border-radius: 4px;
            border: 1px solid var(--L2);
            overflow: hidden; }
            .publish_view main .config-wrapper .config-content .configs .config-input input {
              border: none; }
              .publish_view main .config-wrapper .config-content .configs .config-input input[type="text"], .publish_view main .config-wrapper .config-content .configs .config-input input:not([type]) {
                flex: 1; }
            .publish_view main .config-wrapper .config-content .configs .config-input[input-type="number"] {
              flex: 0 0 auto;
              width: max-content; }
            .publish_view main .config-wrapper .config-content .configs .config-input .suffix {
              align-self: center;
              margin-right: 5px; }
            .publish_view main .config-wrapper .config-content .configs .config-input.error {
              border-color: var(--a3); }
          .publish_view main .config-wrapper .config-content .configs .config-color {
            flex: 1;
            display: flex;
            position: relative; }
            .publish_view main .config-wrapper .config-content .configs .config-color .form-item-colorpicker {
              width: 100%; }
              .publish_view main .config-wrapper .config-content .configs .config-color .form-item-colorpicker input {
                width: 100%;
                border: 1px solid var(--L2); }
            .publish_view main .config-wrapper .config-content .configs .config-color b {
              width: 16px;
              height: 16px;
              border-radius: 100%;
              display: block;
              position: absolute;
              right: 12px;
              top: 50%;
              transform: translateY(-50%);
              border: 1px solid var(--l3);
              cursor: pointer; }
          .publish_view main .config-wrapper .config-content .configs.radio h4 {
            align-self: flex-start;
            margin-top: 20px; }
          .publish_view main .config-wrapper .config-content .configs.radio .config-radio + .config-radio {
            margin-left: 20px; }
          .publish_view main .config-wrapper .config-content .configs.radio .config-radio > * + * {
            margin-top: 10px; }
          .publish_view main .config-wrapper .config-content .configs.radio .config-radio h5 {
            font-size: 12px;
            font-weight: 500;
            text-align: start; }
          .publish_view main .config-wrapper .config-content .configs.radio .config-radio ul {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin-top: 0; }
            .publish_view main .config-wrapper .config-content .configs.radio .config-radio ul label {
              font-weight: 500; }
              .publish_view main .config-wrapper .config-content .configs.radio .config-radio ul label input[type="radio"] {
                margin-left: 0;
                background-color: transparent;
                border: 1px solid var(--L1);
                border-radius: 100%;
                box-sizing: border-box; }
                .publish_view main .config-wrapper .config-content .configs.radio .config-radio ul label input[type="radio"]:checked {
                  background-color: transparent;
                  border: 5px solid var(--a1); }
          .publish_view main .config-wrapper .config-content .configs.radio .config-radio img {
            opacity: 1;
            width: 120px; }
            .publish_view main .config-wrapper .config-content .configs.radio .config-radio img.fade {
              opacity: 0; }
          .publish_view main .config-wrapper .config-content .configs.image h4 {
            align-self: flex-start; }
          .publish_view main .config-wrapper .config-content .configs.image .config-image input {
            display: none; }
          .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box {
            width: 120px;
            height: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #EBF0FF;
            transition: 0.3s;
            border-radius: 6px; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box::before {
              content: "";
              display: flex;
              justify-content: center;
              align-items: center;
              margin: 5px;
              height: calc(100% - 10px);
              width: calc(100% - 10px);
              border: 1px dashed currentColor;
              border-radius: 4px;
              color: var(--a1);
              box-sizing: border-box;
              position: absolute; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box .close {
              display: none; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box img {
              width: calc(100% - 10px);
              height: calc(100% - 10px);
              object-fit: contain;
              display: none;
              margin: auto; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box .suggest {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center; }
              .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box .suggest .img {
                font-size: 32px;
                color: var(--a1);
                margin-bottom: 10px; }
              .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box .suggest .txt {
                color: var(--a1);
                font-size: 10px;
                word-break: keep-all; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box.has {
              background-color: unset; }
              .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box.has .close {
                display: block;
                position: absolute;
                top: 5px;
                right: 5px;
                background: var(--a1);
                color: white;
                border-radius: 100%;
                font-size: 16px;
                transform: translate(50%, -50%);
                cursor: pointer; }
              .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box.has img {
                display: block; }
              .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box.has .suggest {
                display: none; }
            .publish_view main .config-wrapper .config-content .configs.image .config-image .image-box.hover {
              filter: hue-rotate(45deg); }
          .publish_view main .config-wrapper .config-content .configs .form-item-autocomplete {
            border: 1px solid var(--L2);
            padding: 10px 14px;
            min-height: unset;
            line-height: unset; }
            .publish_view main .config-wrapper .config-content .configs .form-item-autocomplete span {
              font-size: 13px;
              margin-left: 0;
              height: 16px;
              line-height: 16px; }
            .publish_view main .config-wrapper .config-content .configs .form-item-autocomplete input {
              padding: 0;
              margin: 0; }
        .publish_view main .config-wrapper .config-content .settings-tags + .settings-tags {
          margin-top: 20px; }
        .publish_view main .config-wrapper .config-content .settings-tags h4 {
          color: var(--T1);
          font-size: 16px;
          margin-bottom: 14px; }
        .publish_view main .config-wrapper .config-content .settings-tags .tag-area {
          border: 1px solid var(--L2);
          border-radius: 4px;
          padding: 10px;
          display: flex;
          align-items: center; }
          .publish_view main .config-wrapper .config-content .settings-tags .tag-area input {
            position: absolute;
            top: -100vh;
            left: -100vw; }
          .publish_view main .config-wrapper .config-content .settings-tags .tag-area .tag-code {
            word-break: break-all;
            color: var(--L1);
            font-size: 13px;
            text-align: start; }
          .publish_view main .config-wrapper .config-content .settings-tags .tag-area .tag-copy {
            display: flex;
            align-items: center;
            padding: 4px 10px;
            border-radius: 22px;
            background-color: var(--A1T);
            white-space: nowrap;
            color: var(--a1);
            font-size: 10px;
            font-weight: bold;
            margin: 0 10px 0 20px; }
            .publish_view main .config-wrapper .config-content .settings-tags .tag-area .tag-copy span {
              color: inherit;
              font-size: inherit;
              font-weight: inherit; }
            .publish_view main .config-wrapper .config-content .settings-tags .tag-area .tag-copy .material-icons {
              margin-right: 4px;
              font-size: 1.2em; }
        .publish_view main .config-wrapper .config-content .trigger-settings {
          background-color: var(--L3);
          border-bottom: 1px solid var(--L2);
          padding: 22px 30px; }
          .publish_view main .config-wrapper .config-content .trigger-settings.hidden {
            display: none; }
          .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-checkbox {
            display: flex; }
            .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-checkbox .sel-option {
              display: flex;
              align-items: center;
              font-size: 13px;
              padding-left: 24px;
              font-weight: bold; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-checkbox .sel-option input[type=checkbox] {
                background-color: white;
                border: 1px solid var(--L1) !important; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-checkbox .sel-option input[type=checkbox]:checked {
                background-color: var(--a1);
                border-color: var(--a1) !important; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-checkbox .sel-option + .sel-option {
                margin-left: 20px; }
          .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer {
            display: flex;
            margin-top: 20px;
            font-weight: bold; }
            .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .save-settings {
              margin-left: 12px;
              font-size: 12px;
              display: flex;
              align-items: center;
              padding: 5px 10px;
              border-radius: 44px;
              background-color: var(--a1);
              color: white;
              font-weight: bold;
              white-space: nowrap;
              height: min-content; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .save-settings span {
                font-size: inherit;
                color: inherit;
                font-weight: inherit;
                pointer-events: none; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .save-settings .material-icons {
                font-size: 1.5em;
                margin-right: 5px; }
            .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger {
              display: flex;
              align-items: center;
              font-weight: bold;
              flex-wrap: wrap;
              white-space: pre; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger *:not(input):not(select) {
                font-size: 12px;
                font-weight: inherit; }
              .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger .editting-trigger-content {
                display: flex;
                align-items: center;
                white-space: nowrap;
                margin-top: 4px; }
                .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger .editting-trigger-content input {
                  width: 80px;
                  margin-left: 5px;
                  margin-right: 5px; }
                .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger .editting-trigger-content input,
                .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger .editting-trigger-content select {
                  height: 30px;
                  line-height: 30px;
                  margin-right: 5px; }
                .publish_view main .config-wrapper .config-content .trigger-settings .editting-trigger-outer .editting-trigger .editting-trigger-content p {
                  padding: 0; }
        .publish_view main .config-wrapper .config-content .trigger-list {
          margin-top: 30px;
          padding: 0 28px; }
          .publish_view main .config-wrapper .config-content .trigger-list h4 {
            font-size: 15px;
            margin-bottom: 28px;
            color: var(--T1); }
          .publish_view main .config-wrapper .config-content .trigger-list .trigger-txt {
            display: flex;
            align-items: flex-start;
            font-size: 13px;
            font-weight: bold; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-txt + .trigger-txt {
              margin-top: 20px; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-txt .txt {
              font-size: inherit;
              font-weight: inherit;
              text-align: start;
              margin-top: 4px; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-txt .settings-index {
              display: inline-block;
              width: 13px;
              height: 13px;
              font-size: 10px;
              border-radius: 100%;
              color: white;
              background-color: var(--a1);
              margin-right: 5px;
              font-weight: inherit;
              flex: 0 0 auto;
              margin-top: 7px; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-txt .highlight {
              color: var(--a1);
              font-size: inherit;
              font-weight: inherit; }
          .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn {
            display: flex;
            align-items: center;
            font-size: 12px;
            padding: 5px 10px;
            border-radius: 44px;
            font-weight: bold;
            white-space: nowrap; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn + .trigger-btn {
              margin-left: 5px; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn.edit {
              background-color: var(--A1T);
              color: var(--a1);
              margin-left: 10px; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn.delete {
              background-color: rgba(219, 35, 75, 0.1);
              color: #db234b; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn span {
              pointer-events: none;
              font-size: inherit;
              font-weight: inherit;
              color: inherit; }
            .publish_view main .config-wrapper .config-content .trigger-list .trigger-btn .material-icons {
              font-size: 1.5em;
              margin-right: 5px;
              font-weight: normal; }
          .publish_view main .config-wrapper .config-content .trigger-list .add-trigger {
            font-size: 12px;
            color: var(--a1);
            background-color: var(--A1T);
            border-radius: 44px;
            margin-top: 20px;
            padding: 6px 12px;
            display: flex;
            align-items: center;
            width: max-content;
            font-weight: bold; }
            .publish_view main .config-wrapper .config-content .trigger-list .add-trigger span {
              pointer-events: none;
              font-size: inherit;
              font-weight: inherit;
              color: inherit; }
            .publish_view main .config-wrapper .config-content .trigger-list .add-trigger .material-icons {
              font-size: 1.5em;
              margin-right: 5px;
              font-weight: normal; }
      .publish_view main .config-wrapper .config-footer {
        width: 100%;
        height: 70px;
        flex: 0 0 auto;
        z-index: 1;
        bottom: 0;
        padding: 0 28px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px var(--L2) solid;
        background-color: white; }
        .publish_view main .config-wrapper .config-footer .btn {
          display: flex;
          align-items: center;
          padding: 5px 10px;
          border-radius: 4px;
          cursor: pointer;
          color: white; }
          .publish_view main .config-wrapper .config-footer .btn + .btn {
            margin-left: 10px; }
          .publish_view main .config-wrapper .config-footer .btn.blue {
            background-color: var(--a1); }
          .publish_view main .config-wrapper .config-footer .btn.dark {
            background-color: var(--T2); }
          .publish_view main .config-wrapper .config-footer .btn span {
            line-height: unset;
            pointer-events: none; }
          .publish_view main .config-wrapper .config-footer .btn .txt {
            color: inherit;
            font-size: 12px;
            font-weight: bold; }
          .publish_view main .config-wrapper .config-footer .btn .material-icons {
            color: inherit;
            font-size: 20px;
            margin-right: 10px; }
      .publish_view main .config-wrapper .tab {
        max-width: 0;
        max-height: 0;
        overflow: hidden; }
      .publish_view main .config-wrapper[selected-tab="base"] [tab="base"].header-step,
      .publish_view main .config-wrapper[selected-tab="triggers"] [tab="triggers"].header-step,
      .publish_view main .config-wrapper[selected-tab="popup"] [tab="popup"].header-step,
      .publish_view main .config-wrapper[selected-tab="bot"] [tab="bot"].header-step,
      .publish_view main .config-wrapper[selected-tab="tag"] [tab="tag"].header-step {
        color: var(--a1); }
        .publish_view main .config-wrapper[selected-tab="base"] [tab="base"].header-step::before,
        .publish_view main .config-wrapper[selected-tab="triggers"] [tab="triggers"].header-step::before,
        .publish_view main .config-wrapper[selected-tab="popup"] [tab="popup"].header-step::before,
        .publish_view main .config-wrapper[selected-tab="bot"] [tab="bot"].header-step::before,
        .publish_view main .config-wrapper[selected-tab="tag"] [tab="tag"].header-step::before {
          width: 100%; }
      .publish_view main .config-wrapper[selected-tab="base"] [tab="base"].tab,
      .publish_view main .config-wrapper[selected-tab="triggers"] [tab="triggers"].tab,
      .publish_view main .config-wrapper[selected-tab="popup"] [tab="popup"].tab,
      .publish_view main .config-wrapper[selected-tab="bot"] [tab="bot"].tab,
      .publish_view main .config-wrapper[selected-tab="tag"] [tab="tag"].tab {
        max-width: 100%;
        max-height: 100%;
        overflow-y: auto;
        padding: 50px 28px; }
      .publish_view main .config-wrapper[selected-tab="triggers"] [tab="triggers"].tab {
        padding: 0;
        padding-bottom: 50px; }

.pops .pop[name="publish_view"] .window {
  overflow: hidden; }
  .pops .pop[name="publish_view"] .window .content {
    margin: 0;
    height: 100%; }

.pops .pop[name="publish_view"] i.close {
  display: none; }

.audience_list_view {
  display: flex; }
  .audience_list_view .pop-outer-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 100px);
    min-height: 560px;
    overflow: hidden;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px; }
    .audience_list_view .pop-outer-body header {
      display: flex; }
    .audience_list_view .pop-outer-body .search-bar {
      justify-content: space-between; }
      .audience_list_view .pop-outer-body .search-bar ul label {
        padding: 20px; }
      .audience_list_view .pop-outer-body .search-bar ul .radio input.tooltip:hover::after {
        min-width: 190px !important;
        height: max-content !important;
        overflow-wrap: anywhere !important; }
    .audience_list_view .pop-outer-body .body {
      height: calc(100% - 48px);
      display: flex;
      flex-direction: column; }
      .audience_list_view .pop-outer-body .body .list-container {
        flex-grow: 1 !important; }
        .audience_list_view .pop-outer-body .body .list-container table.list-view {
          background: none; }
      .audience_list_view .pop-outer-body .body footer #btn_broadcast {
        background-color: #5F5BFF;
        color: white; }

/* When your session expires, this will appear to tell you and prompt you to log in again. */
.pops .pop[name=session-exp__overlay] {
  --clrAnybotTheme: #5F5EF6;
  --clrBg1: #FFFFFF;
  --clrText1: #222222;
  --clrText2: #666666;
  --clrLightGray: lightgray;
  --clrError: #DB234B; }
  .pops .pop[name=session-exp__overlay] .popup.window {
    border-radius: 10px; }
    .pops .pop[name=session-exp__overlay] .popup.window .content {
      background-color: var(--clrBg1);
      width: 420px;
      border-radius: 10px;
      padding: 48px 40px 60px; }
      .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto; }
        .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content.failed p strong {
          color: var(--clrAnybotTheme); }
        .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content.refresh {
          margin-bottom: 10px; }
        .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content .session-exp__anybot-logo {
          width: 100%;
          height: 40px;
          margin-bottom: 32px;
          background-image: url("/images/logo-full.svg");
          background-size: auto 100%;
          background-position: center center; }
        .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content h2 {
          color: var(--clrText1);
          font-size: 20px;
          font-weight: bold;
          font-family: poppins;
          text-align: center;
          white-space: break-spaces;
          height: initial;
          padding-left: initial;
          line-height: initial;
          margin-bottom: 20px; }
        .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content p {
          color: var(--clrText2);
          text-align: center;
          padding: initial;
          margin: initial;
          font-size: 13px; }
          .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content p:first-of-type {
            margin-bottom: 8px; }
          .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content p:last-of-type {
            margin-bottom: 18px; }
          .pops .pop[name=session-exp__overlay] .popup.window .content .session-exp__text-content p strong {
            color: var(--clrText2); }
      .pops .pop[name=session-exp__overlay] .popup.window .content form ul {
        padding: 0;
        margin-bottom: 42px; }
        .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] {
          display: flex;
          flex-direction: column;
          color: var(--clrText1);
          padding-top: initial;
          padding-bottom: initial;
          overflow: visible; }
          .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] h4 {
            color: var(--clrText1); }
          .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] .form-type-password {
            border: 1px solid var(--clrLightGray);
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: row; }
            .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] .form-type-password:before {
              content: '';
              background-image: url('data:image/svg+xml;charset=utf-8,<svg width="23" height="12" viewBox="0 0 23 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7.7C5.53333 7.7 5.13333 7.53333 4.8 7.2C4.46667 6.86667 4.3 6.46667 4.3 6C4.3 5.53333 4.46667 5.13333 4.8 4.8C5.13333 4.46667 5.53333 4.3 6 4.3C6.46667 4.3 6.86667 4.46667 7.2 4.8C7.53333 5.13333 7.7 5.53333 7.7 6C7.7 6.46667 7.53333 6.86667 7.2 7.2C6.86667 7.53333 6.46667 7.7 6 7.7ZM6 12C4.33333 12 2.91667 11.4167 1.75 10.25C0.583333 9.08333 0 7.66667 0 6C0 4.33333 0.583333 2.91667 1.75 1.75C2.91667 0.583333 4.33333 0 6 0C7.2 0 8.25 0.283333 9.15 0.85C10.05 1.41667 10.7583 2.275 11.275 3.425H19.875C19.975 3.425 20.0667 3.44167 20.15 3.475C20.2333 3.50833 20.3167 3.56667 20.4 3.65L22.45 5.7C22.5333 5.78333 22.5917 5.87083 22.625 5.9625C22.6583 6.05417 22.675 6.15 22.675 6.25C22.675 6.35 22.6542 6.44167 22.6125 6.525C22.5708 6.60833 22.5083 6.69167 22.425 6.775L19.3 9.65C19.2333 9.71667 19.1583 9.76667 19.075 9.8C18.9917 9.83333 18.9083 9.85 18.825 9.85C18.7417 9.85 18.6625 9.84167 18.5875 9.825C18.5125 9.80833 18.4333 9.775 18.35 9.725L16.625 8.475L14.875 9.75C14.8083 9.8 14.7375 9.83333 14.6625 9.85C14.5875 9.86667 14.5083 9.875 14.425 9.875C14.3417 9.875 14.2625 9.8625 14.1875 9.8375C14.1125 9.8125 14.0417 9.775 13.975 9.725L12.55 8.575H11.275C10.8583 9.575 10.2042 10.3958 9.3125 11.0375C8.42083 11.6792 7.31667 12 6 12ZM6 10.5C6.96667 10.5 7.85833 10.1792 8.675 9.5375C9.49167 8.89583 10.0167 8.075 10.25 7.075H13.1L14.45 8.2C14.4333 8.2 14.4333 8.2 14.45 8.2H14.4625H14.45L16.65 6.625L18.7 8.175H18.6875H18.7L20.825 6.2L20.8375 6.2125L20.825 6.2H20.8375H20.825L19.55 4.925H10.25C10.05 3.99167 9.55 3.1875 8.75 2.5125C7.95 1.8375 7.03333 1.5 6 1.5C4.75 1.5 3.6875 1.9375 2.8125 2.8125C1.9375 3.6875 1.5 4.75 1.5 6C1.5 7.25 1.9375 8.3125 2.8125 9.1875C3.6875 10.0625 4.75 10.5 6 10.5Z" fill="lightgray"/></svg>');
              height: 28px;
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center;
              width: 28px;
              margin-left: 10px;
              position: absolute;
              pointer-events: none; }
            .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] .form-type-password input {
              height: initial;
              border: none;
              width: 100%;
              padding: 5px 10px 5px 48px;
              color: var(--clrText1); }
            .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] .form-type-password cite.error-pass {
              display: none !important; }
            .pops .pop[name=session-exp__overlay] .popup.window .content form ul li[name="pass"] .form-type-password .session-exp__err-label {
              position: absolute;
              top: 110%;
              color: var(--clrError);
              margin-left: 10px;
              font-size: 12px; }
      .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer {
        padding-left: initial;
        padding-right: initial;
        bottom: initial;
        right: initial;
        z-index: initial;
        width: 100%;
        justify-content: space-between; }
        .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer.failed, .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer.refresh {
          justify-content: center;
          margin-top: 20px;
          /* --- Exit button "go to anybot.me" --- */ }
          .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer.failed button.session-exp__btn-secondary, .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer.refresh button.session-exp__btn-secondary {
            width: fit-content;
            padding-left: 20px;
            padding-right: 20px; }
        .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button {
          border: 1px solid var(--clrAnybotTheme);
          margin-left: initial;
          width: 158px;
          box-sizing: border-box;
          padding: 0;
          font-size: 16px;
          height: 48px;
          font-weight: 600;
          right: initial;
          user-select: none;
          transition: filter 0.3s; }
          .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button:hover {
            transition: filter 0.3s; }
        .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button.session-exp__btn-secondary {
          background-color: var(--clrBg1);
          color: var(--clrAnybotTheme); }
          .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button.session-exp__btn-secondary:hover {
            filter: brightness(135%); }
        .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button.session-exp__btn-primary {
          background-color: var(--clrAnybotTheme); }
          .pops .pop[name=session-exp__overlay] .popup.window .content footer.session-exp__footer button.session-exp__btn-primary:hover {
            filter: brightness(90%); }

div.bot-templates-frame {
  overflow-y: auto; }
  div.bot-templates-frame ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    div.bot-templates-frame ul li {
      height: 32px;
      line-height: 32px;
      cursor: pointer;
      padding-left: 12px;
      padding-right: 12px;
      border-radius: 4px;
      border: 1px solid #D0C9C3;
      text-align: center;
      width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 8px;
      background: #999; }
      div.bot-templates-frame ul li:hover {
        background: #222; }

.bot_list_view .left-pane {
  display: none; }

.bot_list_view .left-pane li.on {
  background-color: #D0C9C3; }

.bot_list_view .left-pane.admin {
  display: block; }

.rating-mask {
  background-color: rgba(0, 0, 0, 0.6) !important; }
  .rating-mask .rating-popup {
    background-color: #fff;
    width: 370px;
    border-radius: 16px; }
    .rating-mask .rating-popup * {
      color: #666666;
      text-align: center; }
    .rating-mask .rating-popup header {
      height: max-content;
      border-bottom: unset;
      line-height: 24px;
      padding: 2rem;
      padding-top: 42px;
      padding-bottom: 30px; }
      .rating-mask .rating-popup header .header-text {
        padding: 0; }
      .rating-mask .rating-popup header i.close {
        background-image: url(/images/ico_close_popup.svg) !important;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        width: 3.2rem;
        height: 3.2rem;
        background-size: auto; }
    .rating-mask .rating-popup section form ul {
      padding: 0 2rem;
      padding-left: 3rem; }
      .rating-mask .rating-popup section form ul li {
        padding-top: 0; }
        .rating-mask .rating-popup section form ul li .form-type-radio {
          display: inline-flex;
          flex-direction: row-reverse;
          justify-content: flex-end;
          align-items: center;
          width: 80%; }
          .rating-mask .rating-popup section form ul li .form-type-radio label {
            text-indent: 0;
            color: #DEDEDE;
            margin-top: 0; }
            .rating-mask .rating-popup section form ul li .form-type-radio label input {
              display: none !important; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.on {
            animation: none; }
          .rating-mask .rating-popup section form ul li .form-type-radio label:before {
            display: inline-block;
            font-size: 2rem;
            padding: .3rem .2rem;
            margin: 0;
            cursor: pointer;
            font-family: FontAwesome;
            content: "\f005 "; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.half:before {
            content: "\f089 ";
            position: absolute;
            left: 3.2rem;
            padding-right: 0; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.on ~ label, .rating-mask .rating-popup section form ul li .form-type-radio label:hover, .rating-mask .rating-popup section form ul li .form-type-radio label:hover ~ label {
            color: #faeeb1; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.on, .rating-mask .rating-popup section form ul li .form-type-radio label.on + label:hover,
          .rating-mask .rating-popup section form ul li .form-type-radio label.on ~ label:hover, .rating-mask .rating-popup section form ul li .form-type-radio label:hover ~ label.on,
          .rating-mask .rating-popup section form ul li .form-type-radio label.on ~ label {
            color: #FFDD2B; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.two {
            right: 4.4rem; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.three {
            right: 8.8rem; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.four {
            right: 13.2rem; }
          .rating-mask .rating-popup section form ul li .form-type-radio label.five {
            right: 17.6rem; }
        .rating-mask .rating-popup section form ul li h4 {
          text-align: left;
          width: 20%; }
  .rating-mask footer {
    justify-content: center;
    height: max-content;
    padding: 1.2rem; }
    .rating-mask footer .buttons {
      width: 261px; }
      .rating-mask footer .buttons button {
        width: 261px;
        height: 35px;
        line-height: 35px;
        margin: 0;
        padding: 0;
        font-weight: normal;
        border: 1px solid var(--a1);
        border-radius: 5px; }
  .rating-mask .thanks-popup header {
    padding-top: 81px;
    padding-bottom: 38px; }
    .rating-mask .thanks-popup header h3 {
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      line-height: 25px; }
  .rating-mask .thanks-popup footer {
    padding-top: 0;
    padding-bottom: 24px; }
    .rating-mask .thanks-popup footer .buttons {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .rating-mask .thanks-popup footer .buttons .back {
        background-color: #fff;
        border-color: var(--a1);
        color: var(--a1); }
      .rating-mask .thanks-popup footer .buttons .to-miniapp {
        margin-bottom: .8rem;
        background-color: var(--a1);
        color: #ffffff; }

.bot-editor nav.navi {
  position: relative;
  display: flex;
  flex-direction: row;
  width: inherit;
  height: 72px;
  line-height: 72px;
  margin-top: 60px;
  background-color: #F8F6F5;
  border-bottom: 1px solid #D0C9C3;
  box-shadow: inset 0 0 2 1 #D0C9C3; }
  .bot-editor nav.navi > div {
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    height: inherit;
    line-height: inherit; }
    .bot-editor nav.navi > div.connect {
      margin-left: 0px;
      padding-left: 0; }
  .bot-editor nav.navi > div.space {
    flex: 1; }
  .bot-editor nav.navi > div > label {
    height: inherit;
    line-height: inherit;
    padding-right: 10px;
    color: #999;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase; }
  .bot-editor nav.navi > div > dl {
    display: flex;
    flex-direction: row; }
    .bot-editor nav.navi > div > dl dd {
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 0px 12px 0 12px !important;
      cursor: pointer;
      padding: 0;
      position: relative;
      box-sizing: border-box; }
    .bot-editor nav.navi > div > dl h2 {
      height: 28px;
      line-height: 28px;
      width: inherit;
      color: #999;
      margin-top: 16px; }
    .bot-editor nav.navi > div > dl h2.icon, .bot-editor nav.navi > div > dl h2.form-item-autocomplete.loading-autocomplete:before, .bot-editor nav.navi > div > dl .ui-indicator h2#indicator:before, .ui-indicator .bot-editor nav.navi > div > dl h2#indicator:before {
      padding: 0 !important; }
    .bot-editor nav.navi > div > dl h2:before {
      font-size: 20px;
      text-align: center;
      width: 100%;
      padding-top: 12px; }
    .bot-editor nav.navi > div > dl h2.iconf {
      background-size: 28px auto;
      background-position: center 0px; }
    .bot-editor nav.navi > div > dl h2.iconf.tw {
      background-image: url(/images/ico-tw-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.wc {
      background-image: url(/images/ico-wc-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.line {
      background-image: url(/images/ico-line-g.svg?v=1);
      background-size: 18px auto; }
    .bot-editor nav.navi > div > dl h2.iconf.team {
      background-image: url(/images/ico_team.svg);
      background-size: 22px auto; }
    .bot-editor nav.navi > div > dl h2.iconf.slack {
      background-image: url(/images/ico-slack-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.text {
      background-image: url(/images/ico-rt-text.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.card {
      background-image: url(/images/ico-rt-card.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.list {
      background-image: url(/images/ico-rt-list.svg); }
    .bot-editor nav.navi > div > dl h5 {
      height: 24px;
      line-height: 16px;
      font-size: 11px;
      color: #999;
      border: 0;
      text-transform: uppercase; }
    .bot-editor nav.navi > div > dl dd.on {
      background: rgba(208, 201, 195, 0.3); }
    .bot-editor nav.navi > div > dl dd.on h2.iconf.line {
      background-image: url(/images/ico-line-w.svg); }
    .bot-editor nav.navi > div > dl dd:hover h2, .bot-editor nav.navi > div > dl dd:hover h5 {
      opacity: 0.7; }
  .bot-editor nav.navi span {
    width: 1px;
    height: 32px;
    margin-top: 20px;
    background-color: #ccc;
    min-width: 1px; }
  .bot-editor nav.navi div.buttons {
    padding-left: 10px;
    padding-right: 24px;
    align-items: center; }
    .bot-editor nav.navi div.buttons button {
      margin-right: 0; }
      .bot-editor nav.navi div.buttons button:before {
        content: ""; }
  .bot-editor nav.navi button.ui-menu {
    margin-top: 22px; }
  .bot-editor nav.navi .settings dl dd.tooltip:hover:after {
    height: fit-content;
    white-space: pre; }
  .bot-editor nav.navi .chat-gpt h2 {
    display: flex;
    justify-content: center; }
    .bot-editor nav.navi .chat-gpt h2::before {
      width: 18px;
      padding-top: 0;
      transform: translateY(-4px); }
  .bot-editor nav.navi .chat-gpt .icon.gpt::before, .bot-editor nav.navi .chat-gpt table.list-view th.gpt.on::before, table.list-view .bot-editor nav.navi .chat-gpt th.gpt.on::before, .bot-editor nav.navi .chat-gpt table.list-view th.gpt.sortable::before, table.list-view .bot-editor nav.navi .chat-gpt th.gpt.sortable::before, .bot-editor nav.navi .chat-gpt .search-bar div.gpt.queries::before, .search-bar .bot-editor nav.navi .chat-gpt div.gpt.queries::before, .bot-editor nav.navi .chat-gpt .simulator > header dd.gpt::before, .simulator > header .bot-editor nav.navi .chat-gpt dd.gpt::before, .bot-editor nav.navi .chat-gpt .p3-layout .menu-pane li.gpt::before, .p3-layout .menu-pane .bot-editor nav.navi .chat-gpt li.gpt::before, .bot-editor nav.navi .chat-gpt section.actions li h5.gpt::before, .bot-editor section.actions li nav.navi .chat-gpt h5.gpt::before, .bot-editor nav.navi .chat-gpt ul.nodes > li > div span.gpt.new::before, .bot-editor ul.nodes > li > div nav.navi .chat-gpt span.gpt.new::before, .bot-editor nav.navi .chat-gpt ul.nodes > li > div label.gpt.new::before, .bot-editor ul.nodes > li > div nav.navi .chat-gpt label.gpt.new::before, .bot-editor nav.navi .chat-gpt ul.nodes div.gpt.schedule::before, .bot-editor ul.nodes nav.navi .chat-gpt div.gpt.schedule::before, .bot-editor nav.navi .chat-gpt ul.nodes ol.card li.gpt.item.new::before, .bot-editor ul.nodes ol.card nav.navi .chat-gpt li.gpt.item.new::before, .bot-editor nav.navi .chat-gpt ul.nodes div.react-btns label.colors:hover u.gpt::before, .bot-editor ul.nodes div.react-btns label.colors:hover nav.navi .chat-gpt u.gpt::before, .bot-editor nav.navi .chat-gpt section.user-editor section.info header.gpt::before, section.user-editor section.info .bot-editor nav.navi .chat-gpt header.gpt::before {
    position: relative;
    filter: invert(79%) sepia(0%) saturate(1387%) hue-rotate(146deg) brightness(79%) contrast(82%); }

.bot-editor .left-pane nav.navi {
  height: 48px;
  flex-direction: column;
  cursor: pointer; }
  .bot-editor .left-pane nav.navi div {
    height: 48px;
    line-height: 48px;
    text-align: center; }
    .bot-editor .left-pane nav.navi div button {
      margin-left: auto;
      margin-right: auto;
      background-color: transparent;
      border: 0;
      margin-top: 8px; }
  .bot-editor .left-pane nav.navi dl {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    height: 160px;
    margin-top: 8px; }
    .bot-editor .left-pane nav.navi dl dd {
      height: 40px;
      width: 92px;
      border: 1px solid #D0C9C3;
      margin-left: 8px;
      text-align: left;
      padding-left: 8px;
      padding-right: 4px;
      border-radius: 4px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .bot-editor .left-pane nav.navi dl dd b {
        height: 36px;
        line-height: 36px;
        display: block;
        width: 16px;
        padding-left: 0;
        text-indent: 0;
        color: white; }
      .bot-editor .left-pane nav.navi dl dd b:before {
        height: 36px;
        line-height: 36px;
        position: relative;
        padding-top: 0;
        width: 16px;
        overflow: hidden;
        font-size: 12px; }
      .bot-editor .left-pane nav.navi dl dd label {
        width: 72px;
        line-height: 18px;
        white-space: normal;
        overflow: hidden;
        font-size: 12px;
        text-align: left;
        display: block;
        position: relative;
        cursor: pointer;
        color: white; }
      .bot-editor .left-pane nav.navi dl dd label.multiline {
        line-height: 14px; }
    .bot-editor .left-pane nav.navi dl dd:hover {
      background-color: #5F5BFF; }

.bot-editor .left-pane.show-drawer nav.navi.view-navi {
  height: 220px !important; }
  .bot-editor .left-pane.show-drawer nav.navi.view-navi dl {
    justify-content: center;
    align-items: center; }
    .bot-editor .left-pane.show-drawer nav.navi.view-navi dl dd {
      width: 180px !important; }
      .bot-editor .left-pane.show-drawer nav.navi.view-navi dl dd label {
        width: 120px; }

.bot-editor .left-pane.show-drawer div button {
  color: white; }

.bot-editor .left-pane.show-drawer section.actions {
  height: calc(100% - 284px); }

.bot-editor .left-pane.show-drawer nav.navi {
  background-color: rgba(0, 0, 0, 0.8);
  height: 240px;
  width: 100%;
  transition-duration: 0.2s; }
  .bot-editor .left-pane.show-drawer nav.navi div {
    min-height: 48px; }
  .bot-editor .left-pane.show-drawer nav.navi div button {
    margin-top: 12px; }
  .bot-editor .left-pane.show-drawer nav.navi dl {
    display: flex;
    justify-content: center; }

.bot-editor .left-pane.group-pane.show-drawer section.group {
  height: calc(100% - 164px); }

.bot-editor .left-pane.group-pane.show-drawer nav.navi {
  height: 120px; }
  .bot-editor .left-pane.group-pane.show-drawer nav.navi dd {
    width: 104px !important; }

.bot-editor main {
  padding: 0;
  margin-top: 0;
  background: white;
  display: flex;
  height: calc(100vh - 132px) !important;
  width: 100vw;
  flex-direction: row;
  min-height: 400px; }
  .bot-editor main.navi-flow {
    height: calc(100vh - 132px) !important; }

.bot-editor section.groups, .bot-editor section.actions {
  width: inherit;
  flex: 1;
  box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 92px); }
  .bot-editor section.groups .dragover, .bot-editor section.actions .dragover {
    border-bottom: 2px solid #666; }
  .bot-editor section.groups .dragover-top, .bot-editor section.actions .dragover-top {
    border-top: 2px solid #666; }
  .bot-editor section.groups .dragging, .bot-editor section.actions .dragging {
    opacity: .7; }
  .bot-editor section.groups .dragover-insert, .bot-editor section.actions .dragover-insert {
    border-bottom: 0;
    border-top: 0;
    background-color: #FDC73E; }

.bot-editor section.left-pane {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  height: inherit;
  resize: horizontal; }
  .bot-editor section.left-pane nav {
    border-top: 1px solid #D0C9C3;
    margin-top: 0;
    height: 48px;
    line-height: 48px; }
  .bot-editor section.left-pane ul {
    box-sizing: border-box; }
    .bot-editor section.left-pane ul hr {
      margin: 0; }
    .bot-editor section.left-pane ul li {
      position: relative;
      cursor: pointer;
      height: 48px;
      line-height: 48px;
      font-size: 12px;
      padding-left: 36px !important;
      color: #666;
      display: flex;
      flex-direction: row;
      align-items: center;
      box-sizing: border-box; }
      .bot-editor section.left-pane ul li:after {
        content: '';
        position: absolute;
        width: calc(100% - 64px);
        height: 1px;
        bottom: 1px;
        left: 36px;
        top: auto;
        background: #ccc; }
      .bot-editor section.left-pane ul li.on {
        background: #F8F6F5; }
      .bot-editor section.left-pane ul li.on:after {
        background: transparent; }
      .bot-editor section.left-pane ul li:hover {
        background: #F8F6F5; }
      .bot-editor section.left-pane ul li i.icon, .bot-editor section.left-pane ul li i.form-item-autocomplete.loading-autocomplete:before, .bot-editor section.left-pane ul li .ui-indicator i#indicator:before, .ui-indicator .bot-editor section.left-pane ul li i#indicator:before {
        position: absolute;
        right: 24px;
        width: 28px;
        height: 16px;
        z-index: 1;
        top: 16px;
        line-height: 16px;
        color: #D0C9C3; }
      .bot-editor section.left-pane ul li h5 {
        max-width: calc(100% - 60px); }
      .bot-editor section.left-pane ul li span.bot-locks:after {
        height: 32px;
        line-height: 32px;
        font-family: "FontAwesome" !important;
        position: absolute;
        right: 53px;
        top: 7px;
        opacity: .8; }
      .bot-editor section.left-pane ul li span.bot-locks:hover:after {
        cursor: pointer;
        opacity: 1;
        transform: scale(1.3);
        transition-duration: .2s; }
      .bot-editor section.left-pane ul li span.unlock:after {
        content: ""; }
      .bot-editor section.left-pane ul li span.lock:after {
        content: "";
        color: #f8c90a; }
    .bot-editor section.left-pane ul li.default:before {
      content: "\f08d";
      position: absolute;
      display: block;
      width: 20px;
      height: 20px;
      line-height: 20px;
      right: 16px;
      top: calc(100%/2 - 16px);
      color: #D0C9C3;
      background: transparent;
      left: auto;
      font-family: "FontAwesome" !important;
      font-size: 11px; }

.bot-editor section.group-pane {
  width: 248px;
  min-width: 248px;
  overflow-x: hidden; }

.bot-editor section.groups li {
  text-overflow: ellipsis;
  white-space: nowrap; }
  .bot-editor section.groups li.editing h5 {
    display: none; }

.bot-editor section.action-pane {
  width: 324px;
  min-width: 324px;
  overflow-x: hidden; }

.bot-editor .left-pane.group-pane header, .bot-editor .left-pane.action-pane header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 4px;
  color: #666; }

.bot-editor section.actions li:last-child:after {
  background: transparent !important; }

.bot-editor section.actions li.on {
  border: 0;
  background: #F8F6F5; }
  .bot-editor section.actions li.on .btns {
    display: none; }
  .bot-editor section.actions li.on .seq {
    background-color: #5F5BFF;
    color: white; }
  .bot-editor section.actions li.on h5 {
    color: #222; }

.bot-editor section.actions li.editing dl, .bot-editor section.actions li.editing h5 {
  display: none; }

.bot-editor section.actions li h5 {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  text-indent: 28px; }

.bot-editor section.actions li h5:before {
  width: 20px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 64px; }

.bot-editor section.actions li.text:before, .bot-editor section.actions li.card:before, .bot-editor section.actions li.list:before, .bot-editor section.actions li.map:before, .bot-editor section.actions li.link:before, .bot-editor section.actions li.image:before, .bot-editor section.actions li.web:before {
  content: "";
  display: none; }

.bot-editor section.actions li.text h5:before {
  content: ""; }

.bot-editor section.actions li.card h5:before {
  content: ""; }

.bot-editor section.actions li.list h5:before {
  content: ""; }

.bot-editor section.actions li.image h5:before {
  content: ""; }

.bot-editor section.actions li.imagecard h5:before {
  content: ""; }

.bot-editor section.actions li.imagemap h5:before {
  content: ""; }

.bot-editor section.actions li.flyer h5:before {
  content: ""; }

.bot-editor section.actions li.flex h5:before {
  content: ""; }

.bot-editor section.actions li.video h5:before {
  content: ""; }

.bot-editor section.actions li.logical h5:before {
  content: ""; }

.bot-editor section.actions li.email h5:before {
  content: ""; }

.bot-editor section.actions li.slack h5:before {
  content: ""; }

.bot-editor section.actions li.line h5:before {
  content: ""; }

.bot-editor section.actions li.api h5:before {
  content: ""; }

.bot-editor section.actions li.notice h5:before {
  content: ""; }

.bot-editor section.actions li.miniapp h5:before {
  content: ""; }

.bot-editor section.actions li input {
  width: 180px !important; }

.bot-editor section.actions li input + h5 {
  display: none; }

.bot-editor section.actions li dl {
  width: 24px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  margin-right: 16px; }
  .bot-editor section.actions li dl .bot-locks:after {
    font-family: "FontAwesome" !important;
    font-size: 13px;
    margin-left: 2px;
    margin-top: 1px; }
  .bot-editor section.actions li dl .bot-locks:hover {
    cursor: pointer; }
  .bot-editor section.actions li dl .unlock:after {
    content: ""; }
  .bot-editor section.actions li dl .lock:after {
    content: "";
    color: #f8c90a; }
  .bot-editor section.actions li dl dd, .bot-editor section.actions li dl dt {
    width: 22px !important;
    columns: #999;
    box-sizing: border-box;
    padding-left: 0 !important;
    display: none; }
  .bot-editor section.actions li dl dt {
    display: block;
    width: 20px !important;
    color: #D0C9C3; }
  .bot-editor section.actions li dl dt:before {
    text-align: center;
    font-size: 13px; }
  .bot-editor section.actions li dl .test::before {
    transform: translateX(3px); }
  .bot-editor section.actions li dl .copy::before {
    font-size: 14px;
    transform: translateX(1px); }

.bot-editor section.actions li.on dl, .bot-editor section.actions li:hover dl {
  width: 96px;
  background-color: #F8F6F5;
  padding-left: 10px; }

.bot-editor section.actions li.on dd, .bot-editor section.actions li:hover dd {
  display: flex; }

.bot-editor section.actions li.on dt, .bot-editor section.actions li:hover dt {
  color: #666;
  display: none; }

.bot-editor i.seq {
  width: 20px;
  height: 20px;
  position: relative;
  line-height: 20px;
  background-color: #666;
  font-size: 10px;
  border-radius: 10px;
  text-align: center;
  font-style: normal;
  padding: 0;
  margin: 0;
  margin-right: 4px;
  color: white;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0; }

.bot-editor ul.nodes > li {
  width: inherit;
  height: auto;
  overflow: hidden;
  margin: 0px auto 2rem 2rem;
  min-width: 48rem;
  padding-left: 28px;
  background-color: white; }
  .bot-editor ul.nodes > li > * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative; }
  .bot-editor ul.nodes > li > div {
    width: 90%;
    margin: 10px 10px 5px 0px;
    text-align: left;
    cursor: default;
    height: auto;
    line-height: 32px;
    overflow: hidden;
    position: relative; }
    .bot-editor ul.nodes > li > div span, .bot-editor ul.nodes > li > div label.fhs {
      margin: auto 10px auto 0px;
      background-color: #ccc;
      color: white;
      width: auto;
      padding-left: 12px;
      padding-right: 12px;
      position: relative;
      height: 24px;
      line-height: 24px;
      border-radius: 4px;
      border: 1px solid #ccc;
      font-size: 12px;
      cursor: pointer;
      display: inline-block; }
      .bot-editor ul.nodes > li > div span i.icon, .bot-editor ul.nodes > li > div span i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li > div span .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes > li > div span i#indicator:before, .bot-editor ul.nodes > li > div label.fhs i.icon, .bot-editor ul.nodes > li > div label.fhs i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li > div label.fhs .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes > li > div label.fhs i#indicator:before {
        position: absolute;
        color: white !important;
        right: 0px;
        top: 0px;
        font-size: 13px;
        box-sizing: border-box;
        width: 20px;
        max-width: 20px; }
    .bot-editor ul.nodes > li > div div.ipts {
      height: 40px;
      line-height: 40px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center; }
    .bot-editor ul.nodes > li > div div.ipts > span {
      display: block; }
    .bot-editor ul.nodes > li > div span.tg, .bot-editor ul.nodes > li > div label.fhs {
      background: #999;
      border-color: transparent;
      color: #FFFFFF;
      line-height: 16px; }
      .bot-editor ul.nodes > li > div span.tg:hover, .bot-editor ul.nodes > li > div label.fhs:hover {
        background: #ccc; }
    .bot-editor ul.nodes > li > div label.fhs {
      padding-right: 28px; }
    .bot-editor ul.nodes > li > div span.on, .bot-editor ul.nodes > li > div .qas span.on {
      background-color: #FDC73E;
      border-color: #FDC73E; }
    .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div label.new {
      color: #FFFFFF;
      border: 0;
      font-weight: bold;
      background: #00D6C9;
      border-radius: 4px !important;
      text-align: left;
      padding-left: 28px;
      text-indent: 0;
      font-weight: 400;
      font-size: 12px;
      position: relative;
      height: 24px;
      line-height: 24px;
      display: inline-block; }
      .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div label.new:before {
        content: "";
        text-indent: 8px; }
      .bot-editor ul.nodes > li > div span.new.on, .bot-editor ul.nodes > li > div label.new.on {
        background-color: #009F96; }
      .bot-editor ul.nodes > li > div span.new:hover, .bot-editor ul.nodes > li > div label.new:hover {
        background-color: #09EADC; }
    .bot-editor ul.nodes > li > div i.icon.signout:before, .bot-editor ul.nodes > li > div i.signout.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li > div .ui-indicator i.signout#indicator:before, .ui-indicator .bot-editor ul.nodes > li > div i.signout#indicator:before {
      font-size: 14px !important; }
  .bot-editor ul.nodes > li.row-line button.add-new.before, .bot-editor ul.nodes > li.row-line .react-btns, .bot-editor ul.nodes > li.row-line .react-ipts-new, .bot-editor ul.nodes > li.row-line .react-fhs-new, .bot-editor ul.nodes > li.row-line dd.icon.copy, .bot-editor ul.nodes > li.row-line dd.copy.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-line .ui-indicator dd.copy#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-line dd.copy#indicator:before, .bot-editor ul.nodes > li.row-line .simulator > header dd.copy, .simulator > header .bot-editor ul.nodes > li.row-line dd.copy, .bot-editor ul.nodes > li.row-line dd.icon.test, .bot-editor ul.nodes > li.row-line dd.test.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-line .ui-indicator dd.test#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-line dd.test#indicator:before, .bot-editor ul.nodes > li.row-line .simulator > header dd.test, .simulator > header .bot-editor ul.nodes > li.row-line dd.test, .bot-editor ul.nodes > li.row-email button.add-new.before, .bot-editor ul.nodes > li.row-email .react-btns, .bot-editor ul.nodes > li.row-email .react-ipts-new, .bot-editor ul.nodes > li.row-email .react-fhs-new, .bot-editor ul.nodes > li.row-email dd.icon.copy, .bot-editor ul.nodes > li.row-email dd.copy.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-email .ui-indicator dd.copy#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-email dd.copy#indicator:before, .bot-editor ul.nodes > li.row-email .simulator > header dd.copy, .simulator > header .bot-editor ul.nodes > li.row-email dd.copy, .bot-editor ul.nodes > li.row-email dd.icon.test, .bot-editor ul.nodes > li.row-email dd.test.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-email .ui-indicator dd.test#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-email dd.test#indicator:before, .bot-editor ul.nodes > li.row-email .simulator > header dd.test, .simulator > header .bot-editor ul.nodes > li.row-email dd.test, .bot-editor ul.nodes > li.row-api button.add-new.before, .bot-editor ul.nodes > li.row-api .react-btns, .bot-editor ul.nodes > li.row-api .react-ipts-new, .bot-editor ul.nodes > li.row-api .react-fhs-new, .bot-editor ul.nodes > li.row-api dd.icon.copy, .bot-editor ul.nodes > li.row-api dd.copy.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-api .ui-indicator dd.copy#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-api dd.copy#indicator:before, .bot-editor ul.nodes > li.row-api .simulator > header dd.copy, .simulator > header .bot-editor ul.nodes > li.row-api dd.copy, .bot-editor ul.nodes > li.row-api dd.icon.test, .bot-editor ul.nodes > li.row-api dd.test.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-api .ui-indicator dd.test#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-api dd.test#indicator:before, .bot-editor ul.nodes > li.row-api .simulator > header dd.test, .simulator > header .bot-editor ul.nodes > li.row-api dd.test, .bot-editor ul.nodes > li.row-slack button.add-new.before, .bot-editor ul.nodes > li.row-slack .react-btns, .bot-editor ul.nodes > li.row-slack .react-ipts-new, .bot-editor ul.nodes > li.row-slack .react-fhs-new, .bot-editor ul.nodes > li.row-slack dd.icon.copy, .bot-editor ul.nodes > li.row-slack dd.copy.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-slack .ui-indicator dd.copy#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-slack dd.copy#indicator:before, .bot-editor ul.nodes > li.row-slack .simulator > header dd.copy, .simulator > header .bot-editor ul.nodes > li.row-slack dd.copy, .bot-editor ul.nodes > li.row-slack dd.icon.test, .bot-editor ul.nodes > li.row-slack dd.test.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-slack .ui-indicator dd.test#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-slack dd.test#indicator:before, .bot-editor ul.nodes > li.row-slack .simulator > header dd.test, .simulator > header .bot-editor ul.nodes > li.row-slack dd.test {
    display: none; }
  .bot-editor ul.nodes > li.row-card .react-ipts-new, .bot-editor ul.nodes > li.row-card .react-fhs-new, .bot-editor ul.nodes > li.row-imagecard .react-ipts-new, .bot-editor ul.nodes > li.row-imagecard .react-fhs-new {
    display: none; }
  .bot-editor ul.nodes > li.row-flyer .react-btns, .bot-editor ul.nodes > li.row-flyer .react-ipts-new, .bot-editor ul.nodes > li.row-flyer .react-fhs-new {
    display: none; }
  .bot-editor ul.nodes > li.row-imagemap .react-btns label.new {
    display: none; }
  .bot-editor ul.nodes > li.row-imagemap li.item {
    display: none; }
  .bot-editor ul.nodes > li.row-act-logical {
    position: relative; }
    .bot-editor ul.nodes > li.row-act-logical div.row.footer {
      display: none; }
  .bot-editor ul.nodes > li.row-imagemap ol.card .icon.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card .trash.large.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-imagemap ol.card table.list-view th.trash.large.on, table.list-view .bot-editor ul.nodes > li.row-imagemap ol.card th.trash.large.on, .bot-editor ul.nodes > li.row-imagemap ol.card table.list-view th.trash.large.sortable, table.list-view .bot-editor ul.nodes > li.row-imagemap ol.card th.trash.large.sortable, .bot-editor ul.nodes > li.row-imagemap ol.card .ui-indicator .trash.large#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-imagemap ol.card .trash.large#indicator:before, .bot-editor ul.nodes > li.row-imagemap ol.card .search-bar div.trash.large.queries, .search-bar .bot-editor ul.nodes > li.row-imagemap ol.card div.trash.large.queries, .bot-editor ul.nodes > li.row-imagemap ol.card .simulator > header dd.trash.large, .simulator > header .bot-editor ul.nodes > li.row-imagemap ol.card dd.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card .p3-layout .menu-pane li.trash.large, .p3-layout .menu-pane .bot-editor ul.nodes > li.row-imagemap ol.card li.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card .chat_list_view #simulator footer.send-type-text .type-text b.trash.large:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li.row-imagemap ol.card b.trash.large:before, .bot-editor section.actions ul.nodes > li.row-imagemap ol.card h5.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card ul.nodes > li > div span.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-imagemap ol.card span.trash.large.new, .bot-editor ul.nodes > li.row-imagemap ol.card ul.nodes > li > div label.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-imagemap ol.card label.trash.large.new, .bot-editor ul.nodes > li.row-imagemap ol.card div.trash.large.schedule, .bot-editor ul.nodes > li.row-imagemap ol.card li.trash.large.item.new, .bot-editor ul.nodes > li.row-imagemap ol.card div.react-btns label.colors:hover u.trash.large, .bot-editor ul.nodes > li.row-imagemap div.react-btns label.colors:hover ol.card u.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card section.user-editor section.info header.trash.large, section.user-editor section.info .bot-editor ul.nodes > li.row-imagemap ol.card header.trash.large, .bot-editor ul.nodes > li.row-imagemap ol.card section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash.large:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li.row-imagemap ol.card b.trash.large:before, .bot-editor ul.nodes > li.row-image ol.card .icon.trash.large, .bot-editor ul.nodes > li.row-image ol.card .trash.large.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-image ol.card table.list-view th.trash.large.on, table.list-view .bot-editor ul.nodes > li.row-image ol.card th.trash.large.on, .bot-editor ul.nodes > li.row-image ol.card table.list-view th.trash.large.sortable, table.list-view .bot-editor ul.nodes > li.row-image ol.card th.trash.large.sortable, .bot-editor ul.nodes > li.row-image ol.card .ui-indicator .trash.large#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-image ol.card .trash.large#indicator:before, .bot-editor ul.nodes > li.row-image ol.card .search-bar div.trash.large.queries, .search-bar .bot-editor ul.nodes > li.row-image ol.card div.trash.large.queries, .bot-editor ul.nodes > li.row-image ol.card .simulator > header dd.trash.large, .simulator > header .bot-editor ul.nodes > li.row-image ol.card dd.trash.large, .bot-editor ul.nodes > li.row-image ol.card .p3-layout .menu-pane li.trash.large, .p3-layout .menu-pane .bot-editor ul.nodes > li.row-image ol.card li.trash.large, .bot-editor ul.nodes > li.row-image ol.card .chat_list_view #simulator footer.send-type-text .type-text b.trash.large:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li.row-image ol.card b.trash.large:before, .bot-editor section.actions ul.nodes > li.row-image ol.card h5.trash.large, .bot-editor ul.nodes > li.row-image ol.card ul.nodes > li > div span.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-image ol.card span.trash.large.new, .bot-editor ul.nodes > li.row-image ol.card ul.nodes > li > div label.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-image ol.card label.trash.large.new, .bot-editor ul.nodes > li.row-image ol.card div.trash.large.schedule, .bot-editor ul.nodes > li.row-image ol.card li.trash.large.item.new, .bot-editor ul.nodes > li.row-image ol.card div.react-btns label.colors:hover u.trash.large, .bot-editor ul.nodes > li.row-image div.react-btns label.colors:hover ol.card u.trash.large, .bot-editor ul.nodes > li.row-image ol.card section.user-editor section.info header.trash.large, section.user-editor section.info .bot-editor ul.nodes > li.row-image ol.card header.trash.large, .bot-editor ul.nodes > li.row-image ol.card section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash.large:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li.row-image ol.card b.trash.large:before, .bot-editor ul.nodes > li.row-video ol.card .icon.trash.large, .bot-editor ul.nodes > li.row-video ol.card .trash.large.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-video ol.card table.list-view th.trash.large.on, table.list-view .bot-editor ul.nodes > li.row-video ol.card th.trash.large.on, .bot-editor ul.nodes > li.row-video ol.card table.list-view th.trash.large.sortable, table.list-view .bot-editor ul.nodes > li.row-video ol.card th.trash.large.sortable, .bot-editor ul.nodes > li.row-video ol.card .ui-indicator .trash.large#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-video ol.card .trash.large#indicator:before, .bot-editor ul.nodes > li.row-video ol.card .search-bar div.trash.large.queries, .search-bar .bot-editor ul.nodes > li.row-video ol.card div.trash.large.queries, .bot-editor ul.nodes > li.row-video ol.card .simulator > header dd.trash.large, .simulator > header .bot-editor ul.nodes > li.row-video ol.card dd.trash.large, .bot-editor ul.nodes > li.row-video ol.card .p3-layout .menu-pane li.trash.large, .p3-layout .menu-pane .bot-editor ul.nodes > li.row-video ol.card li.trash.large, .bot-editor ul.nodes > li.row-video ol.card .chat_list_view #simulator footer.send-type-text .type-text b.trash.large:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li.row-video ol.card b.trash.large:before, .bot-editor section.actions ul.nodes > li.row-video ol.card h5.trash.large, .bot-editor ul.nodes > li.row-video ol.card ul.nodes > li > div span.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-video ol.card span.trash.large.new, .bot-editor ul.nodes > li.row-video ol.card ul.nodes > li > div label.trash.large.new, .bot-editor ul.nodes > li > div ul.nodes > li.row-video ol.card label.trash.large.new, .bot-editor ul.nodes > li.row-video ol.card div.trash.large.schedule, .bot-editor ul.nodes > li.row-video ol.card li.trash.large.item.new, .bot-editor ul.nodes > li.row-video ol.card div.react-btns label.colors:hover u.trash.large, .bot-editor ul.nodes > li.row-video div.react-btns label.colors:hover ol.card u.trash.large, .bot-editor ul.nodes > li.row-video ol.card section.user-editor section.info header.trash.large, section.user-editor section.info .bot-editor ul.nodes > li.row-video ol.card header.trash.large, .bot-editor ul.nodes > li.row-video ol.card section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash.large:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li.row-video ol.card b.trash.large:before {
    display: none; }
  .bot-editor ul.nodes > li i.icon.before, .bot-editor ul.nodes > li i.before.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li .ui-indicator i.before#indicator:before, .ui-indicator .bot-editor ul.nodes > li i.before#indicator:before {
    left: 8px;
    right: auto; }
  .bot-editor ul.nodes > li i.icon.before:before, .bot-editor ul.nodes > li i.before.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li .ui-indicator i.before#indicator:before, .ui-indicator .bot-editor ul.nodes > li i.before#indicator:before {
    color: #999; }
  .bot-editor ul.nodes > li .autocomplete-frame.src-content {
    display: none; }
  .bot-editor ul.nodes > li.src-content .autocomplete-frame.src-content {
    display: block; }
  .bot-editor ul.nodes > li .icon.email, .bot-editor ul.nodes > li .email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li table.list-view th.email.on, table.list-view .bot-editor ul.nodes > li th.email.on, .bot-editor ul.nodes > li table.list-view th.email.sortable, table.list-view .bot-editor ul.nodes > li th.email.sortable, .bot-editor ul.nodes > li .ui-indicator .email#indicator:before, .ui-indicator .bot-editor ul.nodes > li .email#indicator:before, .bot-editor ul.nodes > li .search-bar div.email.queries, .search-bar .bot-editor ul.nodes > li div.email.queries, .bot-editor ul.nodes > li .simulator > header dd.email, .simulator > header .bot-editor ul.nodes > li dd.email, .bot-editor ul.nodes > li .p3-layout .menu-pane li.email, .p3-layout .menu-pane .bot-editor ul.nodes > li li.email, .bot-editor ul.nodes > li .chat_list_view #simulator footer.send-type-text .type-text b.email:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li b.email:before, .bot-editor section.actions ul.nodes > li h5.email, .bot-editor ul.nodes > li ul.nodes > li > div span.email.new, .bot-editor ul.nodes > li > div ul.nodes > li span.email.new, .bot-editor ul.nodes > li ul.nodes > li > div label.email.new, .bot-editor ul.nodes > li > div ul.nodes > li label.email.new, .bot-editor ul.nodes > li div.email.schedule, .bot-editor ul.nodes > li ol.card li.email.item.new, .bot-editor ul.nodes > li div.react-btns label.colors:hover u.email, .bot-editor ul.nodes > li section.user-editor section.info header.email, section.user-editor section.info .bot-editor ul.nodes > li header.email, .bot-editor ul.nodes > li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.email:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li b.email:before, .bot-editor ul.nodes > li .icon.msg, .bot-editor ul.nodes > li .msg.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li table.list-view th.msg.on, table.list-view .bot-editor ul.nodes > li th.msg.on, .bot-editor ul.nodes > li table.list-view th.msg.sortable, table.list-view .bot-editor ul.nodes > li th.msg.sortable, .bot-editor ul.nodes > li .ui-indicator .msg#indicator:before, .ui-indicator .bot-editor ul.nodes > li .msg#indicator:before, .bot-editor ul.nodes > li .search-bar div.msg.queries, .search-bar .bot-editor ul.nodes > li div.msg.queries, .bot-editor ul.nodes > li .simulator > header dd.msg, .simulator > header .bot-editor ul.nodes > li dd.msg, .bot-editor ul.nodes > li .p3-layout .menu-pane li.msg, .p3-layout .menu-pane .bot-editor ul.nodes > li li.msg, .bot-editor ul.nodes > li .chat_list_view #simulator footer.send-type-text .type-text b.msg:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li b.msg:before, .bot-editor section.actions ul.nodes > li h5.msg, .bot-editor ul.nodes > li ul.nodes > li > div span.msg.new, .bot-editor ul.nodes > li > div ul.nodes > li span.msg.new, .bot-editor ul.nodes > li ul.nodes > li > div label.msg.new, .bot-editor ul.nodes > li > div ul.nodes > li label.msg.new, .bot-editor ul.nodes > li div.msg.schedule, .bot-editor ul.nodes > li ol.card li.msg.item.new, .bot-editor ul.nodes > li div.react-btns label.colors:hover u.msg, .bot-editor ul.nodes > li section.user-editor section.info header.msg, section.user-editor section.info .bot-editor ul.nodes > li header.msg, .bot-editor ul.nodes > li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.msg:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li b.msg:before, .bot-editor ul.nodes > li .icon.slack, .bot-editor ul.nodes > li .slack.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li table.list-view th.slack.on, table.list-view .bot-editor ul.nodes > li th.slack.on, .bot-editor ul.nodes > li table.list-view th.slack.sortable, table.list-view .bot-editor ul.nodes > li th.slack.sortable, .bot-editor ul.nodes > li .ui-indicator .slack#indicator:before, .ui-indicator .bot-editor ul.nodes > li .slack#indicator:before, .bot-editor ul.nodes > li .search-bar div.slack.queries, .search-bar .bot-editor ul.nodes > li div.slack.queries, .bot-editor ul.nodes > li .simulator > header dd.slack, .simulator > header .bot-editor ul.nodes > li dd.slack, .bot-editor ul.nodes > li .p3-layout .menu-pane li.slack, .p3-layout .menu-pane .bot-editor ul.nodes > li li.slack, .bot-editor ul.nodes > li .chat_list_view #simulator footer.send-type-text .type-text b.slack:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li b.slack:before, .bot-editor section.actions ul.nodes > li h5.slack, .bot-editor ul.nodes > li ul.nodes > li > div span.slack.new, .bot-editor ul.nodes > li > div ul.nodes > li span.slack.new, .bot-editor ul.nodes > li ul.nodes > li > div label.slack.new, .bot-editor ul.nodes > li > div ul.nodes > li label.slack.new, .bot-editor ul.nodes > li div.slack.schedule, .bot-editor ul.nodes > li ol.card li.slack.item.new, .bot-editor ul.nodes > li div.react-btns label.colors:hover u.slack, .bot-editor ul.nodes > li section.user-editor section.info header.slack, section.user-editor section.info .bot-editor ul.nodes > li header.slack, .bot-editor ul.nodes > li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.slack:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li b.slack:before, .bot-editor ul.nodes > li .icon.api, .bot-editor ul.nodes > li .api.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li table.list-view th.api.on, table.list-view .bot-editor ul.nodes > li th.api.on, .bot-editor ul.nodes > li table.list-view th.api.sortable, table.list-view .bot-editor ul.nodes > li th.api.sortable, .bot-editor ul.nodes > li .ui-indicator .api#indicator:before, .ui-indicator .bot-editor ul.nodes > li .api#indicator:before, .bot-editor ul.nodes > li .search-bar div.api.queries, .search-bar .bot-editor ul.nodes > li div.api.queries, .bot-editor ul.nodes > li .simulator > header dd.api, .simulator > header .bot-editor ul.nodes > li dd.api, .bot-editor ul.nodes > li .p3-layout .menu-pane li.api, .p3-layout .menu-pane .bot-editor ul.nodes > li li.api, .bot-editor ul.nodes > li .chat_list_view #simulator footer.send-type-text .type-text b.api:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li b.api:before, .bot-editor section.actions ul.nodes > li h5.api, .bot-editor ul.nodes > li ul.nodes > li > div span.api.new, .bot-editor ul.nodes > li > div ul.nodes > li span.api.new, .bot-editor ul.nodes > li ul.nodes > li > div label.api.new, .bot-editor ul.nodes > li > div ul.nodes > li label.api.new, .bot-editor ul.nodes > li div.api.schedule, .bot-editor ul.nodes > li ol.card li.api.item.new, .bot-editor ul.nodes > li div.react-btns label.colors:hover u.api, .bot-editor ul.nodes > li section.user-editor section.info header.api, section.user-editor section.info .bot-editor ul.nodes > li header.api, .bot-editor ul.nodes > li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.api:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li b.api:before {
    margin-left: 4px; }
  .bot-editor ul.nodes > li.on h5 {
    font-weight: bold; }
  .bot-editor ul.nodes > li h5 {
    height: 40px;
    line-height: 40px;
    min-height: auto;
    padding-left: 36px;
    font-size: 1rem; }
  .bot-editor ul.nodes > li .icon.plus-circle, .bot-editor ul.nodes > li .plus-circle.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li table.list-view th.plus-circle.on, table.list-view .bot-editor ul.nodes > li th.plus-circle.on, .bot-editor ul.nodes > li table.list-view th.plus-circle.sortable, table.list-view .bot-editor ul.nodes > li th.plus-circle.sortable, .bot-editor ul.nodes > li .ui-indicator .plus-circle#indicator:before, .ui-indicator .bot-editor ul.nodes > li .plus-circle#indicator:before, .bot-editor ul.nodes > li .search-bar div.plus-circle.queries, .search-bar .bot-editor ul.nodes > li div.plus-circle.queries, .bot-editor ul.nodes > li .simulator > header dd.plus-circle, .simulator > header .bot-editor ul.nodes > li dd.plus-circle, .bot-editor ul.nodes > li .p3-layout .menu-pane li.plus-circle, .p3-layout .menu-pane .bot-editor ul.nodes > li li.plus-circle, .bot-editor ul.nodes > li .chat_list_view #simulator footer.send-type-text .type-text b.plus-circle:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes > li b.plus-circle:before, .bot-editor section.actions ul.nodes > li h5.plus-circle, .bot-editor ul.nodes > li ul.nodes > li > div span.plus-circle.new, .bot-editor ul.nodes > li > div ul.nodes > li span.plus-circle.new, .bot-editor ul.nodes > li ul.nodes > li > div label.plus-circle.new, .bot-editor ul.nodes > li > div ul.nodes > li label.plus-circle.new, .bot-editor ul.nodes > li div.plus-circle.schedule, .bot-editor ul.nodes > li ol.card li.plus-circle.item.new, .bot-editor ul.nodes > li div.react-btns label.colors:hover u.plus-circle, .bot-editor ul.nodes > li section.user-editor section.info header.plus-circle, section.user-editor section.info .bot-editor ul.nodes > li header.plus-circle, .bot-editor ul.nodes > li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.plus-circle:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes > li b.plus-circle:before {
    padding-left: 4px; }
  .bot-editor ul.nodes > li button.add-new {
    margin-left: 0; }
  .bot-editor ul.nodes > li > form {
    width: 480px;
    padding: 0; }
    .bot-editor ul.nodes > li > form ul {
      padding: 0; }
    .bot-editor ul.nodes > li > form li {
      display: flex;
      flex-direction: row; }
      .bot-editor ul.nodes > li > form li > h4 {
        width: 120px; }
      .bot-editor ul.nodes > li > form li > div {
        width: auto; }

.bot-editor ul.nodes li.row-text ol.card li.item.new:before, .bot-editor ul.nodes li.row-card ol.card li.item.new:before {
  position: relative; }

.bot-editor ul.nodes > li.row-card ol.card.imagecard {
  width: 240px; }

.bot-editor ul.nodes > li.row-imagecard ol.card.imagecard {
  width: 240px;
  height: 240px;
  min-height: 240px;
  position: relative; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.image.imagecard {
    height: 100%;
    min-height: 100%; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item {
    display: block !important;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 24px;
    line-height: 24px;
    background: #666;
    color: #FFFFFF;
    border-radius: 12px;
    z-index: 1; }
    .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item i {
      color: #FFFFFF; }
    .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item i.icon.email, .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item i.email#indicator:before {
      top: 2px; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item:hover {
    background: #999; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item.new {
    text-indent: 0; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item.new:before {
    text-indent: 8px; }
  .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard i.brush, .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard i.link {
    top: 164px; }

.bot-editor ul.nodes::-webkit-scrollbar {
  display: none; }

.bot-editor ul.nodes .cells-frame {
  overflow-x: auto;
  width: inherit;
  padding-right: 20px; }

.bot-editor ul.nodes .cells {
  display: flex;
  flex-direction: row; }
  .bot-editor ul.nodes .cells.vertical {
    flex-direction: column; }
  .bot-editor ul.nodes .cells.rt-logical {
    width: 100%; }
    .bot-editor ul.nodes .cells.rt-logical .row {
      display: flex;
      flex-direction: row;
      height: auto;
      margin-bottom: 15px; }
      .bot-editor ul.nodes .cells.rt-logical .row .fbox, .bot-editor ul.nodes .cells.rt-logical .row .tbox, .bot-editor ul.nodes .cells.rt-logical .row .if-boxes {
        padding-top: 3px; }
        .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown, .bot-editor ul.nodes .cells.rt-logical .row .tbox .ui-dropdown, .bot-editor ul.nodes .cells.rt-logical .row .if-boxes .ui-dropdown {
          margin: 0px;
          background-color: #FFFFFF;
          cursor: pointer;
          width: 270px; }
          .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown label, .bot-editor ul.nodes .cells.rt-logical .row .tbox .ui-dropdown label, .bot-editor ul.nodes .cells.rt-logical .row .if-boxes .ui-dropdown label {
            height: 100% !important;
            cursor: pointer;
            background-color: transparent; }
          .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown:after, .bot-editor ul.nodes .cells.rt-logical .row .tbox .ui-dropdown:after, .bot-editor ul.nodes .cells.rt-logical .row .if-boxes .ui-dropdown:after {
            height: 100% !important; }
        .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown + span, .bot-editor ul.nodes .cells.rt-logical .row .tbox .ui-dropdown + span, .bot-editor ul.nodes .cells.rt-logical .row .if-boxes .ui-dropdown + span {
          padding-left: 6px;
          padding-right: 6px;
          margin: 0px;
          color: #666;
          background-color: transparent;
          border: 0px; }
      .bot-editor ul.nodes .cells.rt-logical .row .if-boxes .ui-dropdown {
        width: 152px; }
      .bot-editor ul.nodes .cells.rt-logical .row .cbox {
        margin-left: 44px; }
        .bot-editor ul.nodes .cells.rt-logical .row .cbox input {
          padding: 0px 8px;
          min-height: 38px;
          height: auto;
          border-radius: 4px;
          border: 1px solid #D0C9C3;
          outline: none;
          width: auto; }
          .bot-editor ul.nodes .cells.rt-logical .row .cbox input:focus {
            border: 1px solid #5F5BFF; }
      .bot-editor ul.nodes .cells.rt-logical .row .time-box {
        padding-left: 44px;
        min-width: 215px; }
        .bot-editor ul.nodes .cells.rt-logical .row .time-box > h3 {
          padding: 0px;
          min-width: 20px;
          cursor: default; }
        .bot-editor ul.nodes .cells.rt-logical .row .time-box .form-item-type {
          padding-right: 6px; }
          .bot-editor ul.nodes .cells.rt-logical .row .time-box .form-item-type span {
            background-color: #FFFFFF;
            color: #666;
            border: 0;
            padding: 0 6px;
            margin: 0px; }
          .bot-editor ul.nodes .cells.rt-logical .row .time-box .form-item-type select {
            height: 32px;
            min-width: 56px;
            color: #666;
            border: 1px solid #D0C9C3;
            border-radius: 4px;
            background: #FFFFFF;
            box-sizing: border-box;
            padding-left: 6px; }
      .bot-editor ul.nodes .cells.rt-logical .row .cpbox .form-item-autocomplete, .bot-editor ul.nodes .cells.rt-logical .row .af-box .form-item-autocomplete {
        margin-left: 44px;
        max-width: 170px; }
      .bot-editor ul.nodes .cells.rt-logical .row > h3:nth-of-type(1) {
        text-align: left; }
      .bot-editor ul.nodes .cells.rt-logical .row h3 {
        min-width: 44px;
        padding-left: 0px;
        text-align: center; }
      .bot-editor ul.nodes .cells.rt-logical .row h3 {
        padding: 0px 5px;
        line-height: 38px; }
      .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete {
        min-height: 38px;
        height: auto;
        border-width: 1px;
        border-radius: 4px; }
        .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete span {
          position: relative;
          float: left;
          display: block;
          width: auto !important;
          height: 24px;
          line-height: 24px;
          margin: 6px;
          font-size: .7rem;
          max-width: 120px;
          background-color: #666;
          color: white;
          border-radius: 4px;
          padding-left: 5px;
          padding-right: 22px;
          padding-top: 0px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          position: relative;
          cursor: pointer; }
        .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete input {
          min-width: 10px; }
      .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete.on {
        min-height: 38px;
        height: auto;
        border-color: #5F5BFF;
        border-width: 1px;
        background-color: #FFF; }
      .bot-editor ul.nodes .cells.rt-logical .row > div, .bot-editor ul.nodes .cells.rt-logical .row .btnbox {
        display: flex;
        flex-direction: row; }
      .bot-editor ul.nodes .cells.rt-logical .row .btnbox {
        justify-content: center;
        /*align-items: center;*/
        padding-left: 10px; }
      .bot-editor ul.nodes .cells.rt-logical .row .hidden {
        visibility: hidden; }
      .bot-editor ul.nodes .cells.rt-logical .row .icon.disabled, .bot-editor ul.nodes .cells.rt-logical .row .disabled.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .cells.rt-logical .row table.list-view th.disabled.on, table.list-view .bot-editor ul.nodes .cells.rt-logical .row th.disabled.on, .bot-editor ul.nodes .cells.rt-logical .row table.list-view th.disabled.sortable, table.list-view .bot-editor ul.nodes .cells.rt-logical .row th.disabled.sortable, .bot-editor ul.nodes .cells.rt-logical .row .ui-indicator .disabled#indicator:before, .ui-indicator .bot-editor ul.nodes .cells.rt-logical .row .disabled#indicator:before, .bot-editor ul.nodes .cells.rt-logical .row .search-bar div.disabled.queries, .search-bar .bot-editor ul.nodes .cells.rt-logical .row div.disabled.queries, .bot-editor ul.nodes .cells.rt-logical .row .simulator > header dd.disabled, .simulator > header .bot-editor ul.nodes .cells.rt-logical .row dd.disabled, .bot-editor ul.nodes .cells.rt-logical .row .p3-layout .menu-pane li.disabled, .p3-layout .menu-pane .bot-editor ul.nodes .cells.rt-logical .row li.disabled, .bot-editor ul.nodes .cells.rt-logical .row .chat_list_view #simulator footer.send-type-text .type-text b.disabled:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes .cells.rt-logical .row b.disabled:before, .bot-editor ul.nodes .cells.rt-logical .row section.actions li h5.disabled, .bot-editor section.actions li ul.nodes .cells.rt-logical .row h5.disabled, .bot-editor ul.nodes > li > div .cells.rt-logical .row span.disabled.new, .bot-editor ul.nodes > li > div .cells.rt-logical .row label.disabled.new, .bot-editor ul.nodes .cells.rt-logical .row div.disabled.schedule, .bot-editor ul.nodes .cells.rt-logical .row ol.card li.disabled.item.new, .bot-editor ul.nodes ol.card .cells.rt-logical .row li.disabled.item.new, .bot-editor ul.nodes .cells.rt-logical .row div.react-btns label.colors:hover u.disabled, .bot-editor ul.nodes div.react-btns label.colors:hover .cells.rt-logical .row u.disabled, .bot-editor ul.nodes .cells.rt-logical .row section.user-editor section.info header.disabled, section.user-editor section.info .bot-editor ul.nodes .cells.rt-logical .row header.disabled, .bot-editor ul.nodes .cells.rt-logical .row section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.disabled:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes .cells.rt-logical .row b.disabled:before {
        color: #D0C9C3;
        opacity: 0.5;
        cursor: default; }
      .bot-editor ul.nodes .cells.rt-logical .row .btnbox dd {
        display: block;
        background: transparent;
        color: #666;
        text-align: center;
        width: 32px;
        height: 32px;
        border: 0;
        cursor: pointer;
        padding: 0px; }
    .bot-editor ul.nodes .cells.rt-logical .row.datetime .fbox, .bot-editor ul.nodes .cells.rt-logical .row.period .fbox {
      padding-top: 3px; }
      .bot-editor ul.nodes .cells.rt-logical .row.datetime .fbox .ui-dropdown, .bot-editor ul.nodes .cells.rt-logical .row.period .fbox .ui-dropdown {
        width: 180px; }
    .bot-editor ul.nodes .cells.rt-logical .row.datetime .dt-picker-box, .bot-editor ul.nodes .cells.rt-logical .row.period .dt-picker-box {
      width: 160px; }
      .bot-editor ul.nodes .cells.rt-logical .row.datetime .dt-picker-box input, .bot-editor ul.nodes .cells.rt-logical .row.period .dt-picker-box input {
        padding-right: 0px; }
    .bot-editor ul.nodes .cells.rt-logical .row.datetime .if-boxes li[name=operator] .ui-dropdown, .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes li[name=operator] .ui-dropdown {
      width: 100px; }
    .bot-editor ul.nodes .cells.rt-logical .row.datetime .if-boxes form > ul, .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes form > ul {
      padding: 0px 0px 0px 8px;
      flex-direction: row; }
      .bot-editor ul.nodes .cells.rt-logical .row.datetime .if-boxes form > ul li, .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes form > ul li {
        padding: 0px;
        padding-right: 8px; }
    .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes li[name=operator] .ui-dropdown {
      width: 100%; }
    .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes form > ul {
      padding: 0px 24px 0px 8px;
      flex-direction: column; }
      .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes form > ul li {
        margin-bottom: 8px; }
      .bot-editor ul.nodes .cells.rt-logical .row.period .if-boxes form > ul h4 {
        width: 100px;
        text-align: right;
        padding-right: 8px; }
    .bot-editor ul.nodes .cells.rt-logical .row.footer {
      min-height: 66px; }

.bot-editor ul.nodes li .title-line {
  display: flex;
  flex-direction: row;
  margin-left: -28px; }
  .bot-editor ul.nodes li .title-line i.seq {
    top: 12px;
    margin-right: 0; }
  .bot-editor ul.nodes li .title-line i.rt {
    left: 28px;
    top: 5px; }
  .bot-editor ul.nodes li .title-line input[type=text] {
    margin-left: 28px;
    width: auto !important;
    min-width: 10px !important;
    border: 0 !important;
    margin-top: 6px;
    border-radius: 0;
    font-weight: bold; }
    .bot-editor ul.nodes li .title-line input[type=text]:focus {
      border-bottom: 1px solid #D0C9C3 !important;
      background-color: transparent !important;
      color: #666 !important; }
  .bot-editor ul.nodes li .title-line dl {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    margin-left: 16px; }
    .bot-editor ul.nodes li .title-line dl dd {
      width: 24px;
      height: 24px;
      padding: 0;
      cursor: pointer;
      opacity: 0; }
    .bot-editor ul.nodes li .title-line dl dd.icon.brush, .bot-editor ul.nodes li .title-line dl dd.brush.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes li .title-line dl .ui-indicator dd.brush#indicator:before, .ui-indicator .bot-editor ul.nodes li .title-line dl dd.brush#indicator:before, .bot-editor ul.nodes li .title-line dl .simulator > header dd.brush, .simulator > header .bot-editor ul.nodes li .title-line dl dd.brush {
      display: none; }
    .bot-editor ul.nodes li .title-line dl .bot-locks:after {
      font-family: "FontAwesome" !important;
      font-size: 14px;
      left: 0px;
      position: absolute;
      top: 1px; }
    .bot-editor ul.nodes li .title-line dl .bot-locks:hover {
      cursor: pointer; }
    .bot-editor ul.nodes li .title-line dl .unlock:after {
      content: ""; }
    .bot-editor ul.nodes li .title-line dl .lock:after {
      content: "";
      color: #f8c90a; }
    .bot-editor ul.nodes li .title-line dl .test::before {
      transform: translateX(3px); }
    .bot-editor ul.nodes li .title-line dl .copy::before {
      font-size: 14px;
      transform: translateX(1px); }
    .bot-editor ul.nodes li .title-line dl .external-link-square::before {
      transform: translateX(6px); }

.bot-editor ul.nodes li.on .title-line i.seq {
  background-color: #5F5BFF; }

.bot-editor ul.nodes > li:hover .title-line dd {
  opacity: 1;
  transition-duration: 0.4s; }

.bot-editor ul.nodes div.schedule {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  flex-wrap: wrap; }
  .bot-editor ul.nodes div.schedule:before {
    content: "";
    width: 16px;
    text-align: center; }
  .bot-editor ul.nodes div.schedule span {
    background-color: #999;
    height: 24px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    border-color: #666;
    margin: 4px 0 0 32px;
    text-indent: 0; }
  .bot-editor ul.nodes div.schedule dl.days {
    flex-wrap: wrap;
    margin: 4px 0 8px 32px;
    line-height: 24px; }
  .bot-editor ul.nodes div.schedule dd {
    cursor: pointer;
    text-indent: 0;
    padding-right: 24px; }
  .bot-editor ul.nodes div.schedule dd.wday-0 {
    color: #DB234B; }
  .bot-editor ul.nodes div.schedule dd.wday-6 {
    color: #0084FF; }

.bot-editor ul.nodes ol.card {
  margin-top: 0;
  border: 1px solid #5F5BFF; }
  .bot-editor ul.nodes ol.card li textarea, .bot-editor ul.nodes ol.card li input[type=text] {
    border: 0; }
  .bot-editor ul.nodes ol.card li.text {
    height: auto;
    min-height: auto;
    overflow: hidden;
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column; }
    .bot-editor ul.nodes ol.card li.text textarea {
      background: #5F5BFF !important;
      color: #FFFFFF !important;
      position: relative;
      resize: none;
      overflow: hidden;
      min-height: 32px;
      font-size: 11px;
      line-height: 22px; }
    .bot-editor ul.nodes ol.card li.text textarea:focus {
      background: #3A3AB5 !important;
      box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1); }
    .bot-editor ul.nodes ol.card li.text textarea::-moz-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .bot-editor ul.nodes ol.card li.text textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .bot-editor ul.nodes ol.card li.image {
    border-bottom: 1px solid #D0C9C3; }
  .bot-editor ul.nodes ol.card li.image video {
    width: 100%;
    height: 100%; }
  .bot-editor ul.nodes ol.card li.desc {
    height: 52px;
    padding-bottom: 0; }
    .bot-editor ul.nodes ol.card li.desc textarea {
      padding-bottom: 2px;
      height: 52px;
      min-height: 52px;
      overflow: hidden;
      overflow-y: auto;
      resize: none;
      border: 1px solid #FFFFFF; }
    .bot-editor ul.nodes ol.card li.desc textarea:focus {
      border-color: #5F5BFF; }
  .bot-editor ul.nodes ol.card li.title input[type=text] {
    border: 1px solid #FFFFFF;
    font-weight: bold; }
    .bot-editor ul.nodes ol.card li.title input[type=text]:focus {
      border-color: #5F5BFF; }
  .bot-editor ul.nodes ol.card li.linkto {
    height: 40px;
    line-height: 40px; }
    .bot-editor ul.nodes ol.card li.linkto input[type=text] {
      color: #666 !important;
      border: 1px solid #FFFFFF; }
      .bot-editor ul.nodes ol.card li.linkto input[type=text]:focus {
        border-color: #5F5BFF; }
  .bot-editor ul.nodes ol.card li.item {
    background-color: white;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px; }
    .bot-editor ul.nodes ol.card li.item i.icon, .bot-editor ul.nodes ol.card li.item i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item i#indicator:before {
      color: #5F5BFF;
      font-size: 13px;
      text-align: center; }
    .bot-editor ul.nodes ol.card li.item i.icon:before, .bot-editor ul.nodes ol.card li.item i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item i#indicator:before {
      width: 20px;
      text-align: center; }
    .bot-editor ul.nodes ol.card li.item.notice-off:hover, .bot-editor ul.nodes ol.card li.item.notice-on:hover {
      padding-right: 12px !important; }
    .bot-editor ul.nodes ol.card li.item.notice-on i.icon.email:before, .bot-editor ul.nodes ol.card li.item.notice-on i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on i.email#indicator:before {
      font-size: 13px; }
    .bot-editor ul.nodes ol.card li.item.notice-off:hover i.icon.email:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-off:hover i.email#indicator:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.icon.email:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on:hover i.email#indicator:before {
      color: #FFFFFF;
      font-size: 12px;
      width: 20px; }
    .bot-editor ul.nodes ol.card li.item.notice-off:hover i.icon.email, .bot-editor ul.nodes ol.card li.item.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-off:hover i.email#indicator:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.icon.email, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on:hover i.email#indicator:before {
      position: absolute;
      top: 6px;
      right: 8px;
      min-width: 0;
      border-radius: 10px;
      background-color: #5F5BFF; }
    .bot-editor ul.nodes ol.card li.item i.icon.image, .bot-editor ul.nodes ol.card li.item i.image.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item .ui-indicator i.image#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item i.image#indicator:before {
      height: 20px; }
    .bot-editor ul.nodes ol.card li.item.notice-off:hover i.icon.image:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover i.image.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover .ui-indicator i.image#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-off:hover i.image#indicator:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.icon.image:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.image.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover .ui-indicator i.image#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on:hover i.image#indicator:before {
      padding-right: 4px !important;
      top: 3px;
      color: #FFFFFF;
      font-size: 12px;
      width: 20px;
      height: 20px;
      line-height: 20px; }
    .bot-editor ul.nodes ol.card li.item.notice-off:hover i.icon.image, .bot-editor ul.nodes ol.card li.item.notice-off:hover i.image.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-off:hover .ui-indicator i.image#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-off:hover i.image#indicator:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.icon.image, .bot-editor ul.nodes ol.card li.item.notice-on:hover i.image.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on:hover .ui-indicator i.image#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on:hover i.image#indicator:before {
      position: absolute;
      top: 6px;
      right: 8px;
      min-width: 0;
      height: 20px;
      line-height: 20px;
      border-radius: 10px;
      background-color: #5F5BFF; }
    .bot-editor ul.nodes ol.card li.item.notice-on .icon.signout, .bot-editor ul.nodes ol.card li.item.notice-on .signout.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.signout.on, table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.signout.on, .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.signout.sortable, table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.signout.sortable, .bot-editor ul.nodes ol.card li.item.notice-on .ui-indicator .signout#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on .signout#indicator:before, .bot-editor ul.nodes ol.card li.item.notice-on .search-bar div.signout.queries, .search-bar .bot-editor ul.nodes ol.card li.item.notice-on div.signout.queries, .bot-editor ul.nodes ol.card li.item.notice-on .simulator > header dd.signout, .simulator > header .bot-editor ul.nodes ol.card li.item.notice-on dd.signout, .bot-editor ul.nodes ol.card li.item.notice-on .p3-layout .menu-pane li.signout, .p3-layout .menu-pane .bot-editor ul.nodes ol.card li.item.notice-on li.signout, .bot-editor ul.nodes ol.card li.item.notice-on .chat_list_view #simulator footer.send-type-text .type-text b.signout:before, .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.signout:before, .bot-editor ul.nodes ol.card section.actions li.item.notice-on h5.signout, .bot-editor section.actions ul.nodes ol.card li.item.notice-on h5.signout, .bot-editor ul.nodes > li > div ol.card li.item.notice-on span.signout.new, .bot-editor ul.nodes > li > div ol.card li.item.notice-on label.signout.new, .bot-editor ul.nodes ol.card li.item.notice-on div.signout.schedule, .bot-editor ul.nodes ol.card li.item.notice-on li.signout.item.new, .bot-editor ul.nodes ol.card li.item.notice-on div.react-btns label.colors:hover u.signout, .bot-editor ul.nodes div.react-btns label.colors:hover ol.card li.item.notice-on u.signout, .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.info header.signout, section.user-editor section.info .bot-editor ul.nodes ol.card li.item.notice-on header.signout, .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.signout:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.signout:before,
    .bot-editor ul.nodes ol.card li.item.notice-on .icon.trans-next,
    .bot-editor ul.nodes ol.card li.item.notice-on .trans-next.form-item-autocomplete.loading-autocomplete:before,
    .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.trans-next.on,
    table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.trans-next.on,
    .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.trans-next.sortable,
    table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.trans-next.sortable,
    .bot-editor ul.nodes ol.card li.item.notice-on .ui-indicator .trans-next#indicator:before,
    .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on .trans-next#indicator:before,
    .bot-editor ul.nodes ol.card li.item.notice-on .search-bar div.trans-next.queries,
    .search-bar .bot-editor ul.nodes ol.card li.item.notice-on div.trans-next.queries,
    .bot-editor ul.nodes ol.card li.item.notice-on .simulator > header dd.trans-next,
    .simulator > header .bot-editor ul.nodes ol.card li.item.notice-on dd.trans-next,
    .bot-editor ul.nodes ol.card li.item.notice-on .p3-layout .menu-pane li.trans-next,
    .p3-layout .menu-pane .bot-editor ul.nodes ol.card li.item.notice-on li.trans-next,
    .bot-editor ul.nodes ol.card li.item.notice-on .chat_list_view #simulator footer.send-type-text .type-text b.trans-next:before,
    .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.trans-next:before,
    .bot-editor ul.nodes ol.card section.actions li.item.notice-on h5.trans-next,
    .bot-editor section.actions ul.nodes ol.card li.item.notice-on h5.trans-next,
    .bot-editor ul.nodes > li > div ol.card li.item.notice-on span.trans-next.new,
    .bot-editor ul.nodes > li > div ol.card li.item.notice-on label.trans-next.new,
    .bot-editor ul.nodes ol.card li.item.notice-on div.trans-next.schedule,
    .bot-editor ul.nodes ol.card li.item.notice-on li.trans-next.item.new,
    .bot-editor ul.nodes ol.card li.item.notice-on div.react-btns label.colors:hover u.trans-next,
    .bot-editor ul.nodes div.react-btns label.colors:hover ol.card li.item.notice-on u.trans-next,
    .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.info header.trans-next,
    section.user-editor section.info .bot-editor ul.nodes ol.card li.item.notice-on header.trans-next,
    .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trans-next:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.trans-next:before,
    .bot-editor ul.nodes ol.card li.item.notice-on .icon.link,
    .bot-editor ul.nodes ol.card li.item.notice-on .link.form-item-autocomplete.loading-autocomplete:before,
    .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.link.on,
    table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.link.on,
    .bot-editor ul.nodes ol.card li.item.notice-on table.list-view th.link.sortable,
    table.list-view .bot-editor ul.nodes ol.card li.item.notice-on th.link.sortable,
    .bot-editor ul.nodes ol.card li.item.notice-on .ui-indicator .link#indicator:before,
    .ui-indicator .bot-editor ul.nodes ol.card li.item.notice-on .link#indicator:before,
    .bot-editor ul.nodes ol.card li.item.notice-on .search-bar div.link.queries,
    .search-bar .bot-editor ul.nodes ol.card li.item.notice-on div.link.queries,
    .bot-editor ul.nodes ol.card li.item.notice-on .simulator > header dd.link,
    .simulator > header .bot-editor ul.nodes ol.card li.item.notice-on dd.link,
    .bot-editor ul.nodes ol.card li.item.notice-on .p3-layout .menu-pane li.link,
    .p3-layout .menu-pane .bot-editor ul.nodes ol.card li.item.notice-on li.link,
    .bot-editor ul.nodes ol.card li.item.notice-on .chat_list_view #simulator footer.send-type-text .type-text b.link:before,
    .chat_list_view #simulator footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.link:before,
    .bot-editor ul.nodes ol.card section.actions li.item.notice-on h5.link,
    .bot-editor section.actions ul.nodes ol.card li.item.notice-on h5.link,
    .bot-editor ul.nodes > li > div ol.card li.item.notice-on span.link.new,
    .bot-editor ul.nodes > li > div ol.card li.item.notice-on label.link.new,
    .bot-editor ul.nodes ol.card li.item.notice-on div.link.schedule,
    .bot-editor ul.nodes ol.card li.item.notice-on li.link.item.new,
    .bot-editor ul.nodes ol.card li.item.notice-on div.react-btns label.colors:hover u.link,
    .bot-editor ul.nodes div.react-btns label.colors:hover ol.card li.item.notice-on u.link,
    .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.info header.link,
    section.user-editor section.info .bot-editor ul.nodes ol.card li.item.notice-on header.link,
    .bot-editor ul.nodes ol.card li.item.notice-on section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.link:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .bot-editor ul.nodes ol.card li.item.notice-on b.link:before {
      display: none; }
  .bot-editor ul.nodes ol.card li.item.new {
    display: flex;
    justify-content: center;
    text-indent: 0;
    width: auto; }
    .bot-editor ul.nodes ol.card li.item.new:before {
      content: "";
      margin-right: 7px; }
    .bot-editor ul.nodes ol.card li.item.new:hover {
      color: #FDC73E; }

.bot-editor ul.nodes ol.card.flyer li.image {
  height: auto;
  min-height: 100px;
  max-height: 2000px;
  margin: 0px;
  padding: 0px; }
  .bot-editor ul.nodes ol.card.flyer li.image > img {
    display: block;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
    width: 100%;
    height: auto; }

.bot-editor ul.nodes ol.card.flyer i.brush, .bot-editor ul.nodes ol.card.flyer i.link {
  top: auto;
  bottom: calc(6px); }

.bot-editor ul.nodes i.link.large {
  box-sizing: border-box !important;
  margin: 0;
  overflow: hidden; }
  .bot-editor ul.nodes i.link.large input[type=text], .bot-editor ul.nodes i.link.large input[type=text]:focus {
    position: absolute;
    left: 32px;
    display: none;
    top: 4px;
    background: transparent !important;
    border: 0 !important;
    color: white !important;
    font-size: 0.8rem;
    margin: 0;
    width: calc(100% - 36px);
    height: 28px !important;
    line-height: 28px !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-sizing: border-box;
    border-radius: 0; }

.bot-editor ul.nodes i.link.large.inputing {
  width: calc(100% - 12px);
  background-color: rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  margin: 0; }
  .bot-editor ul.nodes i.link.large.inputing:before {
    text-align: center !important;
    position: absolute;
    height: 36px;
    width: 36px;
    left: 0px; }
  .bot-editor ul.nodes i.link.large.inputing:hover {
    transform: none !important; }
  .bot-editor ul.nodes i.link.large.inputing input[type=text] {
    display: block; }

.bot-editor ul.nodes i.icon.large:hover, .bot-editor ul.nodes i.large.form-item-autocomplete.loading-autocomplete:hover:before, .bot-editor ul.nodes .ui-indicator i.large#indicator:hover:before, .ui-indicator .bot-editor ul.nodes i.large#indicator:hover:before {
  background-color: #5F5BFF; }

.bot-editor ul.nodes i.left_t {
  left: 6px;
  top: 6px;
  right: auto; }

.bot-editor ul.nodes i.left_b {
  left: 6px;
  top: 96px; }

.bot-editor ul.nodes i.right_t {
  right: 6px;
  top: 6px;
  left: auto; }

.bot-editor ul.nodes i.right_b {
  right: 6px;
  bottom: 6px;
  top: auto;
  left: auto; }

.bot-editor ul.nodes ol.card.new {
  display: block;
  min-height: 184px;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  height: inherit;
  margin-bottom: 0; }
  .bot-editor ul.nodes ol.card.new:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 30%;
    left: 115px;
    text-align: center;
    content: "";
    font-size: 1.6rem; }
  .bot-editor ul.nodes ol.card.new:after {
    width: 100%;
    height: 100%;
    content: 'Add New Card';
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    color: #D0C9C3;
    top: 50%; }
  .bot-editor ul.nodes ol.card.new:hover {
    background: #FFFFFF;
    border: 1px solid #00D6C9 !important;
    transition-timing-function: ease-out;
    padding-left: 0 !important;
    transition-duration: 0.25s; }
  .bot-editor ul.nodes ol.card.new:hover:before, .bot-editor ul.nodes ol.card.new:hover:after {
    color: #00D6C9; }

.bot-editor ul.nodes ol.card.new.flex {
  display: block;
  min-height: 184px;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  height: inherit;
  margin-bottom: 0;
  width: 30rem;
  white-space: pre; }
  .bot-editor ul.nodes ol.card.new.flex:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 30%;
    left: 115px;
    text-align: center;
    content: "";
    font-size: 1.6rem; }
  .bot-editor ul.nodes ol.card.new.flex:after {
    width: 100%;
    height: 100%;
    content: attr(afterContent);
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    color: #D0C9C3;
    top: 50%; }
  .bot-editor ul.nodes ol.card.new.flex:hover {
    background: #FFFFFF;
    border: 1px solid #00D6C9 !important;
    transition-timing-function: ease-out;
    padding-left: 0 !important;
    transition-duration: 0.25s; }
  .bot-editor ul.nodes ol.card.new.flex:hover:before, .bot-editor ul.nodes ol.card.new.flex:hover:after {
    color: #00D6C9; }

.bot-editor ul.nodes ol.card.seq-9 + ol.card.new {
  display: none !important; }

.bot-editor ul.nodes .uploading:before {
  color: #FFFFFF !important; }

.bot-editor ul.nodes div.form-item-autocomplete.next-act {
  width: 320px; }
  .bot-editor ul.nodes div.form-item-autocomplete.next-act span {
    background: #666;
    height: 24px;
    line-height: 24px;
    padding-right: 20px; }
    .bot-editor ul.nodes div.form-item-autocomplete.next-act span b {
      margin: 0px;
      width: 16px;
      height: 16px;
      position: absolute;
      z-index: 1;
      top: 4px;
      right: 4px;
      background-image: url(/images/ico_cross_w.svg);
      background-size: 10px 10px;
      background-position: 50% 50%;
      cursor: hand;
      cursor: pointer; }
    .bot-editor ul.nodes div.form-item-autocomplete.next-act span b:hover {
      background-color: transparent; }

.bot-editor ul.nodes div.ui-dropdown {
  width: 320px;
  height: 34px;
  margin: 10px 0px 24px 0px; }
  .bot-editor ul.nodes div.ui-dropdown label {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #666;
    border: 0px;
    padding: 0px; }

.bot-editor ul.nodes nav.next-act-btn {
  margin-top: 8px; }
  .bot-editor ul.nodes nav.next-act-btn label {
    cursor: pointer;
    font-weight: 800;
    line-height: 22px; }
    .bot-editor ul.nodes nav.next-act-btn label::after {
      content: "▶";
      padding-left: 4px;
      font-size: 8px; }
  .bot-editor ul.nodes nav.next-act-btn u {
    padding-right: 0px;
    cursor: pointer;
    position: relative; }
  .bot-editor ul.nodes nav.next-act-btn u.act-name {
    padding-right: 0px;
    padding-left: 0px; }
    .bot-editor ul.nodes nav.next-act-btn u.act-name i.icon.signout, .bot-editor ul.nodes nav.next-act-btn u.act-name i.signout.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.act-name i.signout#indicator:before, .bot-editor ul.nodes nav.next-act-btn u.act-name i.icon.link, .bot-editor ul.nodes nav.next-act-btn u.act-name i.link.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.act-name i.link#indicator:before {
      display: absolute;
      right: 0px;
      top: 2px;
      width: 16px;
      height: 16px; }
  .bot-editor ul.nodes nav.next-act-btn u:hover {
    text-decoration-color: #5F5BFF; }
  .bot-editor ul.nodes nav.next-act-btn u.icon.clock, .bot-editor ul.nodes nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.clock#indicator:before, .bot-editor ul.nodes nav.next-act-btn div.react-btns label.colors:hover u.clock, .bot-editor ul.nodes div.react-btns label.colors:hover nav.next-act-btn u.clock {
    margin-left: 10px !important; }
  .bot-editor ul.nodes nav.next-act-btn u.icon.clock:before, .bot-editor ul.nodes nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.clock#indicator:before, .bot-editor ul.nodes nav.next-act-btn div.react-btns label.colors:hover u.clock:before, .bot-editor ul.nodes div.react-btns label.colors:hover nav.next-act-btn u.clock:before {
    line-height: 20px !important; }

.bot-editor ul.nodes i.icon.trans-next:before, .bot-editor ul.nodes i.trans-next.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .ui-indicator i.trans-next#indicator:before, .ui-indicator .bot-editor ul.nodes i.trans-next#indicator:before, .bot-editor ul.nodes i.icon.trans-manual:before, .bot-editor ul.nodes i.trans-manual.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .ui-indicator i.trans-manual#indicator:before, .ui-indicator .bot-editor ul.nodes i.trans-manual#indicator:before {
  color: #D0C9C3; }

.bot-editor ul.nodes .notice-on {
  padding-right: 4px !important; }

.bot-editor ul.nodes .notice-on:hover i.icon.email, .bot-editor ul.nodes .notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes .notice-on:hover i.email#indicator:before {
  background-color: #3A3AB5;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  line-height: 20px;
  max-height: 20px;
  min-height: 0;
  position: absolute;
  right: 2px;
  top: 2px; }

.bot-editor ul.nodes .notice-off {
  padding-right: 12px !important; }

.bot-editor ul.nodes .notice-off:hover, .bot-editor ul.nodes .notice-on:hover {
  padding-right: 28px !important; }

.bot-editor ul.nodes .notice-off:hover i.icon.email, .bot-editor ul.nodes .notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes .notice-off:hover i.email#indicator:before {
  display: inline-block;
  max-width: 20px;
  text-align: center;
  text-indent: 0; }

.bot-editor ul.nodes .notice-off i.icon.email, .bot-editor ul.nodes .notice-off i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .notice-off .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes .notice-off i.email#indicator:before {
  display: none;
  background-color: #3A3AB5;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  line-height: 20px;
  max-height: 20px;
  min-height: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  padding-left: 0;
  padding-right: 0;
  max-width: 20px;
  min-width: 0; }

.bot-editor ul.nodes .notice-on i.icon.email:before, .bot-editor ul.nodes .notice-on i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .notice-on .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes .notice-on i.email#indicator:before {
  font-size: 12px;
  width: 20px; }

.bot-editor ul.nodes .notice-off i.icon.email:before, .bot-editor ul.nodes .notice-off i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes .notice-off .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes .notice-off i.email#indicator:before {
  color: #FFFFFF;
  font-size: 12px;
  width: 20px; }

.bot-editor ul.nodes div.react-btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .bot-editor ul.nodes div.react-btns label {
    background: white;
    font-size: 11px;
    border: 1px solid #5F5BFF;
    height: 24px;
    line-height: 24px;
    padding-left: 12px;
    padding-right: 4px;
    border-radius: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #5F5BFF;
    position: relative;
    display: flex;
    flex-direction: row;
    cursor: pointer; }
    .bot-editor ul.nodes div.react-btns label:hover {
      background: #5F5BFF;
      color: white; }
    .bot-editor ul.nodes div.react-btns label:active {
      background: #3A3AB5;
      color: white;
      border-color: #3A3AB5; }
    .bot-editor ul.nodes div.react-btns label.on {
      color: #FDC73E;
      border-color: #FDC73E;
      font-weight: bold; }
      .bot-editor ul.nodes div.react-btns label.on i.icon, .bot-editor ul.nodes div.react-btns label.on i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-btns label.on .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label.on i#indicator:before {
        color: #FDC73E; }
    .bot-editor ul.nodes div.react-btns label.new {
      padding-right: 8px; }
    .bot-editor ul.nodes div.react-btns label.opts {
      padding-left: 22px;
      background-image: url(/images/ico_check.svg);
      background-position: left 5px top 7px;
      background-size: 14px 14px;
      height: 24px;
      line-height: 24px;
      border-radius: 4px; }
      .bot-editor ul.nodes div.react-btns label.opts.on {
        background-image: url(/images/ico_check_ye.svg); }
    .bot-editor ul.nodes div.react-btns label i.icon, .bot-editor ul.nodes div.react-btns label i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-btns label .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label i#indicator:before {
      position: relative;
      color: #5F5BFF;
      width: 20px;
      overflow: hidden;
      text-align: center;
      min-width: 0; }
    .bot-editor ul.nodes div.react-btns label i.icon:before, .bot-editor ul.nodes div.react-btns label i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-btns label .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label i#indicator:before {
      width: 20px;
      text-align: center;
      font-size: 12px; }
    .bot-editor ul.nodes div.react-btns label:hover i.icon, .bot-editor ul.nodes div.react-btns label:hover i.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-btns label:hover .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label:hover i#indicator:before {
      color: white; }
    .bot-editor ul.nodes div.react-btns label.colors {
      padding-left: 20px; }
    .bot-editor ul.nodes div.react-btns label.colors:hover {
      padding-left: 32px; }
    .bot-editor ul.nodes div.react-btns label.colors:hover u {
      width: 20px;
      border-radius: 10px;
      transition-duration: 0.2s; }
      .bot-editor ul.nodes div.react-btns label.colors:hover u:before {
        content: "";
        height: 20px;
        color: white;
        text-align: center;
        width: 20px;
        line-height: 20px;
        transform: rotateZ(90deg);
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out; }
    .bot-editor ul.nodes div.react-btns label.colors u {
      display: block;
      position: absolute;
      width: 10px;
      height: 20px;
      top: 2px;
      left: 2px;
      background-color: #222;
      background-size: cover;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .bot-editor ul.nodes div.react-btns label.colors.img-colors {
      padding-left: 24px; }
      .bot-editor ul.nodes div.react-btns label.colors.img-colors u {
        width: 20px;
        height: 20px;
        border-radius: 10px; }
  .bot-editor ul.nodes div.react-btns label.imagemap {
    border-radius: 0;
    border-style: dashed; }
  .bot-editor ul.nodes div.react-btns > u {
    font-size: 12px;
    display: inline-block;
    line-height: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 8px; }

.bot-editor ul.nodes div.react-btns.empty > u {
  display: none; }

.bot-editor ul.nodes div.react-ipts, .bot-editor ul.nodes div.react-ipts-new {
  margin-top: 4px; }

.bot-editor ul.nodes div.react-ipts + div.react-ipts-new {
  margin-top: 10px; }

.bot-editor ul.nodes div.react-fhs + div.react-fhs-new {
  display: none; }

.bot-editor ul.nodes div.react-ipts, .bot-editor ul.nodes div.react-fhs {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: -10px; }
  .bot-editor ul.nodes div.react-ipts span, .bot-editor ul.nodes div.react-ipts label.fhs, .bot-editor ul.nodes div.react-fhs span, .bot-editor ul.nodes div.react-fhs label.fhs {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin-bottom: 10px; }
    .bot-editor ul.nodes div.react-ipts span.notice-on, .bot-editor ul.nodes div.react-ipts span.notice-off, .bot-editor ul.nodes div.react-ipts label.fhs.notice-on, .bot-editor ul.nodes div.react-ipts label.fhs.notice-off, .bot-editor ul.nodes div.react-fhs span.notice-on, .bot-editor ul.nodes div.react-fhs span.notice-off, .bot-editor ul.nodes div.react-fhs label.fhs.notice-on, .bot-editor ul.nodes div.react-fhs label.fhs.notice-off {
      padding-right: 28px !important;
      height: 24px;
      line-height: 24px; }
    .bot-editor ul.nodes div.react-ipts span.notice-on:hover i.icon.email, .bot-editor ul.nodes div.react-ipts span.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-ipts span.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-ipts span.notice-on:hover i.email#indicator:before, .bot-editor ul.nodes div.react-ipts span.notice-off:hover i.icon.email, .bot-editor ul.nodes div.react-ipts span.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-ipts span.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-ipts span.notice-off:hover i.email#indicator:before, .bot-editor ul.nodes div.react-ipts label.fhs.notice-on:hover i.icon.email, .bot-editor ul.nodes div.react-ipts label.fhs.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-ipts label.fhs.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-ipts label.fhs.notice-on:hover i.email#indicator:before, .bot-editor ul.nodes div.react-ipts label.fhs.notice-off:hover i.icon.email, .bot-editor ul.nodes div.react-ipts label.fhs.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-ipts label.fhs.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-ipts label.fhs.notice-off:hover i.email#indicator:before, .bot-editor ul.nodes div.react-fhs span.notice-on:hover i.icon.email, .bot-editor ul.nodes div.react-fhs span.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-fhs span.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-fhs span.notice-on:hover i.email#indicator:before, .bot-editor ul.nodes div.react-fhs span.notice-off:hover i.icon.email, .bot-editor ul.nodes div.react-fhs span.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-fhs span.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-fhs span.notice-off:hover i.email#indicator:before, .bot-editor ul.nodes div.react-fhs label.fhs.notice-on:hover i.icon.email, .bot-editor ul.nodes div.react-fhs label.fhs.notice-on:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-fhs label.fhs.notice-on:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-fhs label.fhs.notice-on:hover i.email#indicator:before, .bot-editor ul.nodes div.react-fhs label.fhs.notice-off:hover i.icon.email, .bot-editor ul.nodes div.react-fhs label.fhs.notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes div.react-fhs label.fhs.notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-fhs label.fhs.notice-off:hover i.email#indicator:before {
      height: 20px;
      line-height: 20px;
      font-size: 13px !important;
      width: 20px !important;
      box-sizing: border-box;
      min-width: 0;
      text-align: center;
      background-color: #666; }
    .bot-editor ul.nodes div.react-ipts span.act, .bot-editor ul.nodes div.react-ipts label.fhs.act, .bot-editor ul.nodes div.react-fhs span.act, .bot-editor ul.nodes div.react-fhs label.fhs.act {
      padding-right: 4px; }

.bot-editor ul.nodes div.notice-node .notice-row {
  padding: 4px 0; }
  .bot-editor ul.nodes div.notice-node .notice-row label {
    text-transform: uppercase;
    width: 92px; }
  .bot-editor ul.nodes div.notice-node .notice-row label:after {
    content: ":"; }
  .bot-editor ul.nodes div.notice-node .notice-row span {
    background-color: transparent;
    min-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    color: #222;
    padding-left: 0; }
  .bot-editor ul.nodes div.notice-node .notice-row span:empty:before {
    content: attr(hint);
    color: #D0C9C3; }

.bot-editor ul.nodes::-webkit-scrollbar {
  display: none; }

.bot-editor ol.card.text-card {
  margin-bottom: 8px;
  border: 0 !important;
  width: 300px !important; }
  .bot-editor ol.card.text-card li.text {
    position: relative;
    background-color: transparent;
    padding-right: 20px;
    overflow: auto;
    box-sizing: content-box; }
  .bot-editor ol.card.text-card i.icon.trash, .bot-editor ol.card.text-card i.trash.form-item-autocomplete.loading-autocomplete:before, .bot-editor ol.card.text-card .ui-indicator i.trash#indicator:before, .ui-indicator .bot-editor ol.card.text-card i.trash#indicator:before {
    position: absolute;
    right: 0px;
    top: 4px;
    width: 20px;
    height: 20px;
    z-index: 1;
    border-radius: 10px;
    box-sizing: border-box;
    opacity: 0; }
  .bot-editor ol.card.text-card:hover i.icon.trash, .bot-editor ol.card.text-card:hover i.trash.form-item-autocomplete.loading-autocomplete:before, .bot-editor ol.card.text-card:hover .ui-indicator i.trash#indicator:before, .ui-indicator .bot-editor ol.card.text-card:hover i.trash#indicator:before {
    opacity: 1; }
  .bot-editor ol.card.text-card textarea {
    border-bottom-right-radius: 14px; }

.bot-editor ol.card.text-card + button.add-new {
  display: none; }

.bot-editor ol.card.rt-text {
  position: relative; }

.bot-editor div.edit-panel {
  margin-top: 0; }
  .bot-editor div.edit-panel dd b.fa-spinner {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    min-height: 20px;
    min-width: 20px;
    text-align: center; }
  .bot-editor div.edit-panel dd b.fa-spinner:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem; }
  .bot-editor div.edit-panel dd.loading {
    width: 100px;
    display: none; }
  .bot-editor div.edit-panel dd.loading:after {
    position: absolute;
    right: 0;
    top: 0px;
    line-height: 34px;
    font-size: 0.9rem;
    content: 'Loading ･･･'; }
  .bot-editor div.edit-panel dd.loading.on {
    display: block;
    background: transparent !important;
    background-color: transparent !important; }
  .bot-editor div.edit-panel dd.loading.on b {
    background: transparent !important;
    background-color: transparent !important;
    color: #666; }

.bot-editor dl.card-src {
  height: 2.8rem; }
  .bot-editor dl.card-src dd {
    font-size: 0.9rem;
    color: #999;
    height: 36px;
    line-height: 36px;
    margin-top: 0px;
    border-radius: 12px;
    cursor: pointer;
    padding-right: 0; }
  .bot-editor dl.card-src dd b:hover {
    background-color: #EBF0FF; }
  .bot-editor dl.card-src dd:last-child:hover {
    background-color: transparent; }
  .bot-editor dl.card-src dd input[type=text] {
    background: white !important;
    box-shadow: none;
    border: 1px solid #D0C9C3; }
  .bot-editor dl.card-src dd input[type=text]:focus {
    border: 1px solid #666;
    color: #666 !important; }
  .bot-editor dl.card-src dd input[type=text]::selection, .bot-editor dl.card-src dd textarea::selection {
    background: #5F5BFF;
    color: white; }
  .bot-editor dl.card-src dd .ui-input:focus, .bot-editor dl.card-src dd input:focus[type=text], .bot-editor dl.card-src dd input:focus[type=password], .bot-editor dl.card-src dd input:focus[type=autocomplete], .bot-editor dl.card-src dd input:focus[type=email], .bot-editor dl.card-src dd input:focus[type=tel], .bot-editor dl.card-src dd input:focus[type=url], .bot-editor dl.card-src dd input:focus[type=search], .bot-editor dl.card-src dd input:focus[type=date], .bot-editor dl.card-src dd input:focus[type=range], .bot-editor dl.card-src dd input:focus[type=number], .bot-editor dl.card-src dd textarea:focus, .bot-editor dl.card-src dd .survey_edit_view main section.center-pane section.pop-inline.survey-btn form input:focus, .survey_edit_view main section.center-pane section.pop-inline.survey-btn form .bot-editor dl.card-src dd input:focus, .bot-editor dl.card-src dd .ec-editor .center-pane section.store .ec_plans ul li input:focus, .ec-editor .center-pane section.store .ec_plans ul li .bot-editor dl.card-src dd input:focus, .bot-editor dl.card-src dd section.user-editor section.pop-inline.tags-btn form input:focus, section.user-editor section.pop-inline.tags-btn form .bot-editor dl.card-src dd input:focus {
    color: #666 !important;
    border-color: #666 !important; }
  .bot-editor dl.card-src dd b {
    padding-left: 12px;
    padding-right: 12px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    position: relative;
    display: block;
    margin-top: 6px;
    margin-left: 2px;
    color: #999;
    white-space: nowrap; }
  .bot-editor dl.card-src dd b:before {
    text-indent: 8px; }
  .bot-editor dl.card-src dd.on b {
    background-color: #666;
    color: white; }
  .bot-editor dl.card-src dd p.src-api, .bot-editor dl.card-src p.src-content {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    border: 1px solid #D0C9C3;
    border-radius: 4px;
    margin-left: 4px;
    align-items: center; }
    .bot-editor dl.card-src dd p.src-api button.ui-menu, .bot-editor dl.card-src p.src-content button.ui-menu {
      margin-left: 0;
      border-right: 1px solid #D0C9C3;
      border-radius: 0;
      margin-right: 0;
      padding-left: 0; }
    .bot-editor dl.card-src dd p.src-api button.ui-menu:hover, .bot-editor dl.card-src p.src-content button.ui-menu:hover {
      background: transparent;
      color: #666; }
    .bot-editor dl.card-src dd p.src-api input[type=text], .bot-editor dl.card-src p.src-content input[type=text] {
      border: 0 !important;
      flex: 1;
      width: auto;
      min-width: 12rem; }
    .bot-editor dl.card-src dd p.src-api input[type=text]:focus, .bot-editor dl.card-src p.src-content input[type=text]:focus {
      border: 0; }
  .bot-editor dl.card-src dd > .form-item-autocomplete {
    margin-left: .4rem;
    max-width: 10rem; }
    .bot-editor dl.card-src dd > .form-item-autocomplete input[type=text] {
      background-color: transparent;
      height: 24px;
      line-height: 24px;
      margin: 6px;
      border: 0;
      padding-left: 0;
      width: inherit;
      flex: 1;
      min-width: 10px; }
      .bot-editor dl.card-src dd > .form-item-autocomplete input[type=text]:focus {
        border: 0 !important;
        border-radius: 0; }
    .bot-editor dl.card-src dd > .form-item-autocomplete span {
      min-height: 24px;
      flex: none;
      background-color: #666 !important;
      font-size: 11px !important;
      color: #FFFFFF !important;
      padding: 0px;
      padding-left: 12px !important;
      padding-right: 24px !important;
      border-radius: 12px;
      height: 24px !important;
      line-height: 24px !important; }
      .bot-editor dl.card-src dd > .form-item-autocomplete span b {
        margin: 0px;
        width: 16px;
        height: 16px;
        position: absolute;
        z-index: 1;
        top: 4px;
        right: 4px;
        background-image: url(/images/ico_cross_w.svg);
        background-size: 10px 10px;
        background-position: 50% 50%;
        cursor: hand;
        cursor: pointer; }
      .bot-editor dl.card-src dd > .form-item-autocomplete span b:hover {
        background-color: transparent; }
    .bot-editor dl.card-src dd > .form-item-autocomplete.on {
      border-color: #5F5BFF;
      border-width: 1px;
      background-color: #FFFFFF; }
  .bot-editor dl.card-src p.src-content .ui-menu {
    min-width: 40px; }
  .bot-editor dl.card-src dd.input {
    display: flex;
    flex-direction: row; }

.bot-editor .cells-frame {
  margin-top: 0; }
  .bot-editor .cells-frame .cells {
    justify-content: flex-start; }

.bot-editor button.add-new {
  display: block;
  background: transparent;
  color: #666;
  text-align: left;
  width: auto;
  border: 0;
  font-weight: 400; }
  .bot-editor button.add-new:before {
    text-indent: 0; }

.bot-editor button.add-new:before {
  width: 16px;
  text-align: center; }

.bot-editor li.src-map ol.card.new {
  display: none; }

.bot-editor .miniapp-preview {
  background-color: #F8F6F5;
  width: 20rem;
  border-radius: 4px; }
  .bot-editor .miniapp-preview form > ul > li {
    flex-direction: column; }
    .bot-editor .miniapp-preview form > ul > li textarea, .bot-editor .miniapp-preview form > ul > li input[type=text], .bot-editor .miniapp-preview form > ul > li input[type=password], .bot-editor .miniapp-preview form > ul > li input[type=email], .bot-editor .miniapp-preview form > ul > li input[type=url], .bot-editor .miniapp-preview form > ul > li input[type=tel], .bot-editor .miniapp-preview form > ul > li form[type=search],
    .bot-editor .miniapp-preview form > ul > li .form-item-autocomplete,
    .bot-editor .miniapp-preview form > ul > li .ui-dropdown {
      width: 100%; }
    .bot-editor .miniapp-preview form > ul > li .buttons {
      height: 4rem;
      width: 100%;
      border-top: 0;
      margin-top: 0; }
      .bot-editor .miniapp-preview form > ul > li .buttons button {
        height: 3.2rem;
        background: #5F5BFF;
        color: white;
        text-align: center;
        margin: 0;
        font-size: 1.1rem;
        width: inherit;
        box-sizing: border-box;
        margin: 1rem 0;
        padding-left: 0; }
    .bot-editor .miniapp-preview form > ul > li .tabmenu {
      width: 100%; }
    .bot-editor .miniapp-preview form > ul > li dl.ui-tab-menu {
      width: 100%; }
      .bot-editor .miniapp-preview form > ul > li dl.ui-tab-menu dd {
        border-bottom: 0;
        text-align: center;
        margin-right: 0;
        padding: 0 .5rem;
        font-size: 1rem; }
      .bot-editor .miniapp-preview form > ul > li dl.ui-tab-menu dd.on {
        color: white; }
    .bot-editor .miniapp-preview form > ul > li .sel-option {
      padding-left: 24px;
      text-indent: 0;
      line-height: 2rem; }

.bot-editor main.tab-bot .center-pane, .bot-editor main.tab-dict .center-pane, .bot-editor main.tab-beacon .center-pane, .bot-editor main.tab-ivr .center-pane, .bot-editor main.tab-editors .center-pane, .bot-editor main.tab-mail .center-pane {
  display: flex;
  flex-direction: column;
  height: inherit; }
  .bot-editor main.tab-bot .center-pane .hidden, .bot-editor main.tab-dict .center-pane .hidden, .bot-editor main.tab-beacon .center-pane .hidden, .bot-editor main.tab-ivr .center-pane .hidden, .bot-editor main.tab-editors .center-pane .hidden, .bot-editor main.tab-mail .center-pane .hidden {
    display: none; }
  .bot-editor main.tab-bot .center-pane .search-bar, .bot-editor main.tab-dict .center-pane .search-bar, .bot-editor main.tab-beacon .center-pane .search-bar, .bot-editor main.tab-ivr .center-pane .search-bar, .bot-editor main.tab-editors .center-pane .search-bar, .bot-editor main.tab-mail .center-pane .search-bar {
    min-width: 616px; }

.bot-editor main.tab-bot .left-pane, .bot-editor main.tab-beacon .left-pane, .bot-editor main.tab-ivr .left-pane, .bot-editor main.tab-editors .left-pane, .bot-editor main.tab-mail .left-pane {
  display: none; }

.bot-editor main.tab-dict .left-pane.action-pane {
  display: none; }

.bot-editor main.tab-bot {
  overflow: hidden;
  padding-bottom: 80px; }
  .bot-editor main.tab-bot form {
    padding-bottom: 0px;
    width: 680px; }
    .bot-editor main.tab-bot form ul {
      padding-bottom: 0; }
      .bot-editor main.tab-bot form ul li {
        overflow: unset;
        gap: 40px; }
        .bot-editor main.tab-bot form ul li h4 {
          text-align: end;
          width: 240px;
          overflow: unset !important; }
          .bot-editor main.tab-bot form ul li h4 i.icon.infor, .bot-editor main.tab-bot form ul li h4 i.infor.form-item-autocomplete.loading-autocomplete:before, .bot-editor main.tab-bot form ul li h4 .ui-indicator i.infor#indicator:before, .ui-indicator .bot-editor main.tab-bot form ul li h4 i.infor#indicator:before {
            display: inline-block;
            color: #D0C9C3; }
            .bot-editor main.tab-bot form ul li h4 i.icon.infor::before {
              height: inherit;
              padding-left: 12px;
              transform: translateY(5px); }
          .bot-editor main.tab-bot form ul li h4 .tooltip:hover:after {
            min-width: unset;
            width: 600px;
            height: unset;
            min-height: 24px;
            text-align: left; }
          .bot-editor main.tab-bot form ul li h4.no-info {
            padding-right: 24px; }
        .bot-editor main.tab-bot form ul li .form-type-radio {
          flex-direction: row; }
  .bot-editor main.tab-bot .center-pane > section {
    flex: 1;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px; }
  .bot-editor main.tab-bot .center-pane footer {
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; }

.bot-editor main.tab-editors .center-pane .scrolling {
  margin-top: 0px; }
  .bot-editor main.tab-editors .center-pane .scrolling tr:first-child {
    height: 50px;
    background-color: white;
    position: sticky;
    top: 0px;
    z-index: 2; }

.bot-editor main.tab-editors .center-pane footer {
  margin-left: 32px;
  margin-right: 32px; }
  .bot-editor main.tab-editors .center-pane footer .list-view-pages {
    display: none; }

.bot-editor main.tab-menu .center-pane h4 {
  white-space: nowrap;
  width: 170px;
  text-align: left; }

.bot-editor main.tab-menu .center-pane .fbmenu-frame {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  height: 100%; }
  .bot-editor main.tab-menu .center-pane .fbmenu-frame p {
    color: #999;
    font-size: 0.8rem; }

.bot-editor main.tab-menu .center-pane .sdkmenu-frame {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  height: 100%; }
  .bot-editor main.tab-menu .center-pane .sdkmenu-frame p {
    color: #999;
    font-size: 0.8rem; }

.bot-editor main.tab-menu .center-pane .pop-inline, .bot-editor main.tab-menu .center-pane .subpop-inline {
  width: 320px; }
  .bot-editor main.tab-menu .center-pane .pop-inline > form, .bot-editor main.tab-menu .center-pane .subpop-inline > form {
    width: 320px;
    min-width: 320px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form .ui-dropdown, .bot-editor main.tab-menu .center-pane .subpop-inline > form .ui-dropdown {
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form input[type=url], .bot-editor main.tab-menu .center-pane .pop-inline > form input[type=text], .bot-editor main.tab-menu .center-pane .subpop-inline > form input[type=url], .bot-editor main.tab-menu .center-pane .subpop-inline > form input[type=text] {
      min-width: 300px;
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form .form-item-autocomplete, .bot-editor main.tab-menu .center-pane .subpop-inline > form .form-item-autocomplete {
      min-width: 300px;
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form footer, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer {
      background-color: #999;
      border-top-color: rgba(255, 255, 255, 0.1);
      margin-top: 0px; }
      .bot-editor main.tab-menu .center-pane .pop-inline > form footer button, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer button {
        color: #FFFFFF; }
      .bot-editor main.tab-menu .center-pane .pop-inline > form footer.menu-form-footer, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer.menu-form-footer {
        background-color: transparent; }

.bot-editor main.tab-menu .center-pane .console-menu-frame {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .bot-editor main.tab-menu .center-pane .console-menu-frame .cheader ul {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    padding: 0 32px;
    border-bottom: 2px solid #F8F6F5; }
    .bot-editor main.tab-menu .center-pane .console-menu-frame .cheader ul li {
      height: 48px;
      line-height: 48px;
      padding-right: 24px; }
      .bot-editor main.tab-menu .center-pane .console-menu-frame .cheader ul li.on {
        color: #00D6C9; }

.bot-editor main.tab-menu .center-pane .cbody {
  flex-grow: 1;
  overflow: scroll; }
  .bot-editor main.tab-menu .center-pane .cbody ul {
    padding: 8px 32px; }
    .bot-editor main.tab-menu .center-pane .cbody ul .icon.show::before, .bot-editor main.tab-menu .center-pane .cbody ul table.list-view th.show.on::before, table.list-view .bot-editor main.tab-menu .center-pane .cbody ul th.show.on::before, .bot-editor main.tab-menu .center-pane .cbody ul table.list-view th.show.sortable::before, table.list-view .bot-editor main.tab-menu .center-pane .cbody ul th.show.sortable::before, .bot-editor main.tab-menu .center-pane .cbody ul .search-bar div.show.queries::before, .search-bar .bot-editor main.tab-menu .center-pane .cbody ul div.show.queries::before, .bot-editor main.tab-menu .center-pane .cbody ul .simulator > header dd.show::before, .simulator > header .bot-editor main.tab-menu .center-pane .cbody ul dd.show::before, .bot-editor main.tab-menu .center-pane .cbody ul .p3-layout .menu-pane li.show::before, .p3-layout .menu-pane .bot-editor main.tab-menu .center-pane .cbody ul li.show::before, .bot-editor main.tab-menu .center-pane .cbody ul section.actions li h5.show::before, .bot-editor section.actions li main.tab-menu .center-pane .cbody ul h5.show::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes > li > div span.show.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes > li > div label.show.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes div.show.schedule::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes ol.card li.show.item.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes div.react-btns label.colors:hover u.show::before, .bot-editor main.tab-menu .center-pane .cbody ul section.user-editor section.info header.show::before, section.user-editor section.info .bot-editor main.tab-menu .center-pane .cbody ul header.show::before, .bot-editor main.tab-menu .center-pane .cbody ul .icon.hide::before, .bot-editor main.tab-menu .center-pane .cbody ul table.list-view th.hide.on::before, table.list-view .bot-editor main.tab-menu .center-pane .cbody ul th.hide.on::before, .bot-editor main.tab-menu .center-pane .cbody ul table.list-view th.hide.sortable::before, table.list-view .bot-editor main.tab-menu .center-pane .cbody ul th.hide.sortable::before, .bot-editor main.tab-menu .center-pane .cbody ul .search-bar div.hide.queries::before, .search-bar .bot-editor main.tab-menu .center-pane .cbody ul div.hide.queries::before, .bot-editor main.tab-menu .center-pane .cbody ul .simulator > header dd.hide::before, .simulator > header .bot-editor main.tab-menu .center-pane .cbody ul dd.hide::before, .bot-editor main.tab-menu .center-pane .cbody ul .p3-layout .menu-pane li.hide::before, .p3-layout .menu-pane .bot-editor main.tab-menu .center-pane .cbody ul li.hide::before, .bot-editor main.tab-menu .center-pane .cbody ul section.actions li h5.hide::before, .bot-editor section.actions li main.tab-menu .center-pane .cbody ul h5.hide::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes > li > div span.hide.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes > li > div label.hide.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes div.hide.schedule::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes ol.card li.hide.item.new::before, .bot-editor main.tab-menu .center-pane .cbody ul.nodes div.react-btns label.colors:hover u.hide::before, .bot-editor main.tab-menu .center-pane .cbody ul section.user-editor section.info header.hide::before, section.user-editor section.info .bot-editor main.tab-menu .center-pane .cbody ul header.hide::before {
      left: -2px; }

.bot-editor main.tab-menu .center-pane footer {
  justify-content: right; }

.bot-editor main.tab-menu .left-pane.group-pane {
  width: 200px;
  min-width: 200px; }

.bot-editor main.tab-menu .left-pane.action-pane {
  width: 240px;
  min-width: 240px;
  overflow-y: auto; }
  .bot-editor main.tab-menu .left-pane.action-pane.hidden {
    display: none; }
  .bot-editor main.tab-menu .left-pane.action-pane > section {
    overflow-y: auto; }
  .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 28px;
    display: flex; }
    .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item .period {
      position: absolute;
      top: auto;
      right: 28px;
      bottom: 0px;
      left: auto;
      line-height: 18px;
      font-size: 11px;
      color: #999; }
    .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item .nums {
      position: absolute;
      top: 3px;
      right: 40px;
      bottom: auto;
      left: auto;
      line-height: 18px;
      font-size: 11px;
      color: #DB234B; }
    .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item dd.copy {
      margin: 0 1.6rem 0 auto !important;
      display: none; }
    .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item:hover dd {
      display: block;
      color: unset; }
  .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item:hover .bot-locks:after {
    font-family: "FontAwesome" !important;
    font-size: 15px;
    margin-left: -6px;
    margin-right: 5px; }
  .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item:hover .bot-locks:hover {
    cursor: pointer; }
  .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item:hover .unlock:after {
    content: ""; }
  .bot-editor main.tab-menu .left-pane.action-pane ul li.line-menu-item:hover .lock:after {
    content: "";
    color: #f8c90a; }

.bot-editor main.tab-menu .left-pane.action-pane footer {
  padding-bottom: 0; }

.bot-editor main.tab-dict .center-pane .pop-inline, .bot-editor main.tab-dict .center-pane .subpop-inline, .bot-editor main.tab-gpt .center-pane .pop-inline, .bot-editor main.tab-gpt .center-pane .subpop-inline {
  transform: translateX(28px) translateY(54px); }

.bot-editor main.tab-dict .center-pane .pop-inline.fullscreen, .bot-editor main.tab-dict .center-pane .subpop-inline.fullscreen, .bot-editor main.tab-gpt .center-pane .pop-inline.fullscreen, .bot-editor main.tab-gpt .center-pane .subpop-inline.fullscreen {
  transform: none; }

.bot-editor main.tab-dict .center-pane table.list-view, .bot-editor main.tab-gpt .center-pane table.list-view {
  table-layout: fixed; }

.bot-editor main.tab-dict .center-pane tr, .bot-editor main.tab-gpt .center-pane tr {
  padding-left: 0; }

.bot-editor main.tab-dict .center-pane tr td:first-child, .bot-editor main.tab-dict .center-pane tr th:first-child, .bot-editor main.tab-gpt .center-pane tr td:first-child, .bot-editor main.tab-gpt .center-pane tr th:first-child {
  position: relative;
  padding-left: 16px; }

.bot-editor main.tab-dict .center-pane tr.row-global_error td:first-child:before, .bot-editor main.tab-gpt .center-pane tr.row-global_error td:first-child:before {
  width: 12px;
  height: 40px;
  left: 0px;
  top: 0px;
  background: #FFFFFF;
  background: #DB234B; }

.bot-editor main.tab-dict .center-pane th[key=match_type], .bot-editor main.tab-gpt .center-pane th[key=match_type] {
  width: 160px; }

.bot-editor main.tab-dict .center-pane th[key=val], .bot-editor main.tab-dict .center-pane th[key=msg], .bot-editor main.tab-gpt .center-pane th[key=val], .bot-editor main.tab-gpt .center-pane th[key=msg] {
  max-width: 40%; }

.bot-editor main.tab-dict .center-pane .list-item-val label, .bot-editor main.tab-dict .center-pane .list-item-msg label, .bot-editor main.tab-dict .center-pane .list-item-ext label, .bot-editor main.tab-gpt .center-pane .list-item-val label, .bot-editor main.tab-gpt .center-pane .list-item-msg label, .bot-editor main.tab-gpt .center-pane .list-item-ext label {
  max-width: 28rem;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: block; }

.bot-editor main.tab-dict .center-pane footer, .bot-editor main.tab-gpt .center-pane footer {
  margin-left: 32px;
  margin-right: 32px; }

.bot-editor main.tab-beacon .form-item-autocomplete {
  margin-right: 40px;
  border: 0;
  max-width: 320px; }
  .bot-editor main.tab-beacon .form-item-autocomplete input[type=text] {
    max-width: 180px !important; }

.bot-editor main.tab-miniapp section.action-pane {
  display: none !important; }

.bot-editor main.tab-miniapp section.action-pane.folder-view {
  display: flex !important;
  width: 248px;
  min-width: 248px; }
  .bot-editor main.tab-miniapp section.action-pane.folder-view li.in-folder {
    overflow: unset; }
    .bot-editor main.tab-miniapp section.action-pane.folder-view li.in-folder dd.fldr {
      display: none;
      position: absolute;
      right: 56px;
      padding: 0;
      color: #D0C9C3;
      font-size: 20px;
      align-items: center;
      font-weight: bold; }
      .bot-editor main.tab-miniapp section.action-pane.folder-view li.in-folder dd.fldr.tooltip:hover:after {
        top: calc(100% + -12px);
        left: -20px !important;
        text-transform: uppercase;
        font-size: 12px; }
    .bot-editor main.tab-miniapp section.action-pane.folder-view li.in-folder:hover dd.fldr {
      display: flex; }
  .bot-editor main.tab-miniapp section.action-pane.folder-view nav {
    margin-right: 0px; }
    .bot-editor main.tab-miniapp section.action-pane.folder-view nav div.manage-fldr {
      display: flex;
      gap: 0.4rem;
      margin: auto; }
      .bot-editor main.tab-miniapp section.action-pane.folder-view nav div.manage-fldr button {
        padding: 0 8px;
        margin: auto;
        font-size: 12px;
        background-color: #F8F6F5;
        border: unset; }
        .bot-editor main.tab-miniapp section.action-pane.folder-view nav div.manage-fldr button.icon::before {
          text-indent: 8px; }
  .bot-editor main.tab-miniapp section.action-pane.folder-view.show-drawer nav.view-navi.with-top {
    height: 260px !important; }
    .bot-editor main.tab-miniapp section.action-pane.folder-view.show-drawer nav.view-navi.with-top dl {
      height: 100%; }
      .bot-editor main.tab-miniapp section.action-pane.folder-view.show-drawer nav.view-navi.with-top dl dd {
        margin-bottom: 0.5rem; }

.bot-editor main.tab-miniapp section.left-pane li.fldr-list.dragover {
  background-color: #FDC73E; }

.bot-editor main.tab-miniapp section.left-pane li.single.dragover, .bot-editor main.tab-miniapp section.left-pane li.in-folder.dragover, .bot-editor main.tab-miniapp section.left-pane li.dragover-swap {
  border-bottom: 2px solid #666; }

.bot-editor main.tab-miniapp section.group-pane li.fldr-list:before {
  content: "";
  width: 28px;
  height: 20px;
  position: absolute;
  right: 29px;
  top: 12px;
  opacity: 0.3;
  background: url(/images/widgets/ico-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center; }

.bot-editor main.tab-miniapp section.group-pane li.fldr-list i.fldr {
  color: #D0C9C3;
  font-size: 17px;
  line-height: 24px; }

.bot-editor main.tab-miniapp section.group-pane li.fldr-list h5.fldr-name {
  margin-left: 20px;
  max-width: calc(100% - 88px); }

.bot-editor main.tab-miniapp section.group-pane li.fldr-list.editing h5 {
  display: none; }

.bot-editor main.tab-miniapp section.group-pane li.fldr-list.editing input {
  position: relative;
  left: 20px;
  width: calc(100% - 85px); }

.bot-editor main.tab-miniapp section.action-pane, .bot-editor main.tab-miniapp section.group-pane.archived {
  display: none !important; }

.bot-editor main.tab-miniapp .center-pane {
  display: flex;
  flex-direction: column;
  background-color: #D8D8D8; }

.bot-editor main.tab-css section.action-pane, .bot-editor main.tab-css section.group-pane.archived {
  display: none !important; }

.bot-editor main.tab-css .center-pane {
  display: flex;
  flex-direction: column; }
  .bot-editor main.tab-css .center-pane > section {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
    display: flex;
    flex-direction: column; }
    .bot-editor main.tab-css .center-pane > section textarea {
      flex: 1;
      margin: 0px 0px 20px 0px; }
    .bot-editor main.tab-css .center-pane > section form {
      width: 640px; }
      .bot-editor main.tab-css .center-pane > section form h4 {
        width: 240px; }
      .bot-editor main.tab-css .center-pane > section form .form-item-widget_button, .bot-editor main.tab-css .center-pane > section form .form-item-widget_logo, .bot-editor main.tab-css .center-pane > section form .form-item-widget_thumb {
        display: flex;
        flex-direction: column;
        width: 180px; }
        .bot-editor main.tab-css .center-pane > section form .form-item-widget_button h4, .bot-editor main.tab-css .center-pane > section form .form-item-widget_logo h4, .bot-editor main.tab-css .center-pane > section form .form-item-widget_thumb h4 {
          height: 32px; }
        .bot-editor main.tab-css .center-pane > section form .form-item-widget_button div.form-item-file, .bot-editor main.tab-css .center-pane > section form .form-item-widget_logo div.form-item-file, .bot-editor main.tab-css .center-pane > section form .form-item-widget_thumb div.form-item-file {
          width: 100px;
          height: 100px; }
          .bot-editor main.tab-css .center-pane > section form .form-item-widget_button div.form-item-file .default:before, .bot-editor main.tab-css .center-pane > section form .form-item-widget_logo div.form-item-file .default:before, .bot-editor main.tab-css .center-pane > section form .form-item-widget_thumb div.form-item-file .default:before {
            margin-top: -30px; }
          .bot-editor main.tab-css .center-pane > section form .form-item-widget_button div.form-item-file .default:after, .bot-editor main.tab-css .center-pane > section form .form-item-widget_logo div.form-item-file .default:after, .bot-editor main.tab-css .center-pane > section form .form-item-widget_thumb div.form-item-file .default:after {
            content: ""; }
  .bot-editor main.tab-css .center-pane section.widget-conf {
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .bot-editor main.tab-css .center-pane section.widget-styles, .bot-editor main.tab-css .center-pane section.miniapp-styles {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 36px;
    border-right: 1px solid #D0C9C3; }
  .bot-editor main.tab-css .center-pane section.widget-styles section, .bot-editor main.tab-css .center-pane section.miniapp-styles section {
    flex: 1;
    overflow: hidden;
    overflow-y: scroll; }
  .bot-editor main.tab-css .center-pane section.widget-styles form, .bot-editor main.tab-css .center-pane section.miniapp-styles form {
    margin-left: 24px; }
  .bot-editor main.tab-css .center-pane section.widget-styles footer, .bot-editor main.tab-css .center-pane section.miniapp-styles footer {
    position: relative;
    width: 100%;
    bottom: 0; }
  .bot-editor main.tab-css .center-pane section.widget-preview, .bot-editor main.tab-css .center-pane section.miniapp-preview {
    width: 500px;
    padding: 16px;
    padding-top: 0px; }
  .bot-editor main.tab-css .center-pane section.miniapp-styles {
    margin-right: 0 !important; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles li:has(.hidden) {
      padding: 0; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .select {
      margin-bottom: 16px; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio {
        flex-direction: row;
        gap: 46px; }
        .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label {
          border: 1px solid #D0C9C3;
          border-radius: 4px;
          padding: 16px !important;
          margin: 0 !important;
          text-align: center !important;
          min-width: 180px;
          text-transform: uppercase;
          animation: none; }
          .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label:first-child input {
            background-image: url(/webroot/images/miniapp/puzzle_blue.svg); }
            .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label:first-child input:checked {
              background-image: url(/webroot/images/miniapp/puzzle_white.svg); }
          .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label:nth-child(2) input {
            background-image: url(/webroot/images/miniapp/folder_blue.svg); }
            .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label:nth-child(2) input:checked {
              background-image: url(/webroot/images/miniapp/folder_white.svg); }
          .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label.on {
            background-color: #5F5BFF;
            border-color: #5F5BFF;
            color: #FFFFFF; }
          .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label input {
            left: 24px !important;
            background-color: #FFFFFF;
            background-size: contain;
            border-radius: 0;
            animation: none; }
            .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label input:checked {
              animation: none;
              background-color: #5F5BFF; }
            .bot-editor main.tab-css .center-pane section.miniapp-styles .select .form-type-radio label input:hover {
              cursor: pointer; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .ui-dropdown label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .m-preview {
      padding-top: 16px;
      width: 500px; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .m-preview h4 {
        text-transform: uppercase; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select,
    .bot-editor main.tab-css .center-pane section.miniapp-styles .m-preview {
      padding-bottom: 30px;
      border-bottom: 1px solid #D0C9C3; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select,
    .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select {
      display: flex;
      flex-direction: row; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select.hidden,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select.hidden {
        display: none !important; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select h4,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select h4 {
        font-weight: 400;
        text-transform: uppercase; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select .ui-dropdown,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select .ui-dropdown {
        width: 230px; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select .miniapp-list,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .miniapps-select .folder-list,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select .miniapp-list,
      .bot-editor main.tab-css .center-pane section.miniapp-styles .folders-select .folder-list {
        width: 260px; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .empty-space .form-type-text {
      display: none; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .padding dl {
      width: 100%; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .padding dl dd {
        width: 186px;
        margin: auto; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .padding h4 {
      text-transform: capitalize; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .padding .padding-values {
      display: flex;
      flex-direction: column; }
      .bot-editor main.tab-css .center-pane section.miniapp-styles .padding .padding-values dd {
        margin: 0;
        width: 150px;
        justify-content: end; }
        .bot-editor main.tab-css .center-pane section.miniapp-styles .padding .padding-values dd h4 {
          margin-right: 8px; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .padding h4 {
      padding-right: 0; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles .padding input {
      width: 80px; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles li.fonts .form-type-select .ui-dropdown,
    .bot-editor main.tab-css .center-pane section.miniapp-styles li.m-preview .form-type-select .ui-dropdown {
      width: 230px; }
    .bot-editor main.tab-css .center-pane section.miniapp-styles li.form-item-multiple:last-child {
      margin-bottom: 24px; }
  .bot-editor main.tab-css .center-pane section.miniapp-preview {
    width: 500px;
    position: relative;
    border-radius: 0; }
    .bot-editor main.tab-css .center-pane section.miniapp-preview .preview-container {
      height: 584px;
      width: 357px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-54%, -50%);
      border-radius: 8px;
      border: 2px solid var(--ln); }
      .bot-editor main.tab-css .center-pane section.miniapp-preview .preview-container iframe {
        border-radius: 8px; }
    .bot-editor main.tab-css .center-pane section.miniapp-preview .main {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-54%, -50%);
      margin: 16px;
      height: 680px;
      width: 100%;
      max-width: 400px;
      max-height: 680px;
      border-radius: 8px;
      border: 1px solid #D0C9C3; }
      .bot-editor main.tab-css .center-pane section.miniapp-preview .main .header {
        border-radius: 8px 8px 0 0;
        height: 50px;
        width: 100%;
        max-width: 400px;
        background-color: #FFFFFF;
        color: #222; }
      .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form {
        border-radius: 0 0 8px 8px;
        padding: 4px 24px;
        flex-grow: 1;
        width: 100%; }
        .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul {
          display: flex;
          flex-direction: column;
          width: 100%;
          background-color: transparent; }
          .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul input, .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul textarea {
            background-color: #FFFFFF;
            margin: 0 auto;
            width: 100%;
            height: 40px; }
            .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul input::placeholder, .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul textarea::placeholder {
              color: var(--placeholder-color);
              opacity: 0.5; }
          .bot-editor main.tab-css .center-pane section.miniapp-preview .main .form ul button {
            margin: 0 12px;
            background-color: #5F5BFF;
            color: #ffffff;
            height: 40px;
            margin-top: 12px;
            border: none; }
  .bot-editor main.tab-css .center-pane footer {
    justify-content: flex-end;
    background-color: white; }
  .bot-editor main.tab-css .center-pane .cm-s-monokai {
    flex: 1;
    margin-bottom: 16px;
    color: #f8f8f2; }

.bot-editor .php-editor, .bot-editor .js-editor, .bot-editor .css-editor, .bot-editor .sync-section > .sync-editor {
  flex: 1;
  min-width: 100%;
  min-height: 100%;
  align-items: flex-start; }
  .bot-editor .php-editor .vbox.vers, .bot-editor .js-editor .vbox.vers, .bot-editor .css-editor .vbox.vers, .bot-editor .sync-section > .sync-editor .vbox.vers {
    min-height: 100%;
    height: 100%;
    min-width: 248px;
    flex: 0 0 200px;
    border-right: 1px solid var(--ln); }
    .bot-editor .php-editor .vbox.vers ul, .bot-editor .js-editor .vbox.vers ul, .bot-editor .css-editor .vbox.vers ul, .bot-editor .sync-section > .sync-editor .vbox.vers ul {
      flex: 1;
      overflow-y: auto; }
      .bot-editor .php-editor .vbox.vers ul li, .bot-editor .js-editor .vbox.vers ul li, .bot-editor .css-editor .vbox.vers ul li, .bot-editor .sync-section > .sync-editor .vbox.vers ul li {
        cursor: pointer;
        height: 48px;
        line-height: 50px;
        padding-left: 23px; }
        .bot-editor .php-editor .vbox.vers ul li.on, .bot-editor .js-editor .vbox.vers ul li.on, .bot-editor .css-editor .vbox.vers ul li.on, .bot-editor .sync-section > .sync-editor .vbox.vers ul li.on {
          background-color: var(--l1); }
          .bot-editor .php-editor .vbox.vers ul li.on:after, .bot-editor .js-editor .vbox.vers ul li.on:after, .bot-editor .css-editor .vbox.vers ul li.on:after, .bot-editor .sync-section > .sync-editor .vbox.vers ul li.on:after {
            background: transparent; }
        .bot-editor .php-editor .vbox.vers ul li:after, .bot-editor .js-editor .vbox.vers ul li:after, .bot-editor .css-editor .vbox.vers ul li:after, .bot-editor .sync-section > .sync-editor .vbox.vers ul li:after {
          content: '';
          position: absolute;
          width: calc(100% - 42px);
          height: 1px;
          bottom: 1px;
          left: 21px;
          top: auto;
          background: #ccc; }
        .bot-editor .php-editor .vbox.vers ul li:hover, .bot-editor .js-editor .vbox.vers ul li:hover, .bot-editor .css-editor .vbox.vers ul li:hover, .bot-editor .sync-section > .sync-editor .vbox.vers ul li:hover {
          background: #F8F6F5; }
        .bot-editor .php-editor .vbox.vers ul li label, .bot-editor .js-editor .vbox.vers ul li label, .bot-editor .css-editor .vbox.vers ul li label, .bot-editor .sync-section > .sync-editor .vbox.vers ul li label {
          width: 100%;
          height: 100%;
          cursor: pointer; }
          .bot-editor .php-editor .vbox.vers ul li label input, .bot-editor .js-editor .vbox.vers ul li label input, .bot-editor .css-editor .vbox.vers ul li label input, .bot-editor .sync-section > .sync-editor .vbox.vers ul li label input {
            width: 80%;
            height: 90%; }
        .bot-editor .php-editor .vbox.vers ul li .code_spans, .bot-editor .js-editor .vbox.vers ul li .code_spans, .bot-editor .css-editor .vbox.vers ul li .code_spans, .bot-editor .sync-section > .sync-editor .vbox.vers ul li .code_spans {
          display: flex;
          flex-direction: row; }
          .bot-editor .php-editor .vbox.vers ul li .code_spans div, .bot-editor .js-editor .vbox.vers ul li .code_spans div, .bot-editor .css-editor .vbox.vers ul li .code_spans div, .bot-editor .sync-section > .sync-editor .vbox.vers ul li .code_spans div {
            flex: 4;
            overflow-x: auto;
            margin-right: 12px; }
          .bot-editor .php-editor .vbox.vers ul li .code_spans i, .bot-editor .js-editor .vbox.vers ul li .code_spans i, .bot-editor .css-editor .vbox.vers ul li .code_spans i, .bot-editor .sync-section > .sync-editor .vbox.vers ul li .code_spans i {
            flex: 1;
            color: var(--a2); }
          .bot-editor .php-editor .vbox.vers ul li .code_spans .tooltip:hover:after, .bot-editor .js-editor .vbox.vers ul li .code_spans .tooltip:hover:after, .bot-editor .css-editor .vbox.vers ul li .code_spans .tooltip:hover:after, .bot-editor .sync-section > .sync-editor .vbox.vers ul li .code_spans .tooltip:hover:after {
            top: calc(100% - 15px) !important;
            left: -80% !important;
            padding: 2px 8px !important;
            width: 40px !important; }
    .bot-editor .php-editor .vbox.vers footer, .bot-editor .js-editor .vbox.vers footer, .bot-editor .css-editor .vbox.vers footer, .bot-editor .sync-section > .sync-editor .vbox.vers footer {
      flex: 0 0 60px;
      background-color: #F8F6F5;
      justify-content: center; }
      .bot-editor .php-editor .vbox.vers footer button, .bot-editor .js-editor .vbox.vers footer button, .bot-editor .css-editor .vbox.vers footer button, .bot-editor .sync-section > .sync-editor .vbox.vers footer button {
        margin: 10px 0;
        color: #666;
        font-size: 13px;
        cursor: pointer;
        text-transform: uppercase;
        background: transparent;
        border: none; }
        .bot-editor .php-editor .vbox.vers footer button:hover:after, .bot-editor .js-editor .vbox.vers footer button:hover:after, .bot-editor .css-editor .vbox.vers footer button:hover:after, .bot-editor .sync-section > .sync-editor .vbox.vers footer button:hover:after {
          background-color: #666;
          top: calc(-100% - 4px); }
    .bot-editor .php-editor .vbox.vers footer.add-settings, .bot-editor .js-editor .vbox.vers footer.add-settings, .bot-editor .css-editor .vbox.vers footer.add-settings, .bot-editor .sync-section > .sync-editor .vbox.vers footer.add-settings {
      position: sticky; }
    .bot-editor .php-editor .vbox.vers .lock, .bot-editor .js-editor .vbox.vers .lock, .bot-editor .css-editor .vbox.vers .lock, .bot-editor .sync-section > .sync-editor .vbox.vers .lock {
      color: #f8c90a; }
  .bot-editor .php-editor .vbox.editor, .bot-editor .js-editor .vbox.editor, .bot-editor .css-editor .vbox.editor, .bot-editor .sync-section > .sync-editor .vbox.editor {
    flex: 1;
    min-height: 100%; }
    .bot-editor .php-editor .vbox.editor section, .bot-editor .js-editor .vbox.editor section, .bot-editor .css-editor .vbox.editor section, .bot-editor .sync-section > .sync-editor .vbox.editor section {
      flex: 1;
      width: 100%; }
      .bot-editor .php-editor .vbox.editor section textarea, .bot-editor .js-editor .vbox.editor section textarea, .bot-editor .css-editor .vbox.editor section textarea, .bot-editor .sync-section > .sync-editor .vbox.editor section textarea {
        width: 100%;
        height: 100%; }
    .bot-editor .php-editor .vbox.editor footer, .bot-editor .js-editor .vbox.editor footer, .bot-editor .css-editor .vbox.editor footer, .bot-editor .sync-section > .sync-editor .vbox.editor footer {
      flex: 0 0 60px; }

.bot-editor .sync-section {
  overflow-y: hidden;
  max-width: 248px !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .bot-editor .sync-section header {
    height: 4rem; }
  .bot-editor .sync-section .sync-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100% !important; }
    .bot-editor .sync-section .sync-nav span {
      width: 100% !important;
      border-bottom: 2px solid #FFFFFF; }
    .bot-editor .sync-section .sync-nav a {
      margin-right: 6rem; }
    .bot-editor .sync-section .sync-nav a.on span {
      border-bottom: 2px solid var(--a2); }
  .bot-editor .sync-section .editor-body {
    width: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column; }
    .bot-editor .sync-section .editor-body .editor-headers {
      flex: 0 !important;
      z-index: 10;
      background-color: #ffffff; }
      .bot-editor .sync-section .editor-body .editor-headers .btns.app-menus {
        background-color: #ffffff; }
    .bot-editor .sync-section .editor-body .editor-section {
      overflow-y: auto;
      padding-left: 2rem; }
      .bot-editor .sync-section .editor-body .editor-section h4 {
        text-transform: uppercase; }
      .bot-editor .sync-section .editor-body .editor-section ul {
        width: 120%; }
        .bot-editor .sync-section .editor-body .editor-section ul li {
          display: flex;
          align-items: center;
          padding-top: 1.5rem;
          padding-bottom: 1.5rem;
          border-bottom: 0.1rem solid #ccc; }
          .bot-editor .sync-section .editor-body .editor-section ul li h4 {
            width: 15rem !important; }
          .bot-editor .sync-section .editor-body .editor-section ul li div input {
            height: 3rem; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple {
          overflow: visible; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl {
            width: 100%; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl dd {
              width: 10rem; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl dd:first-child {
                width: 15rem; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl dd h4 {
                width: 4rem !important; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl dd .ui-dropdown {
                width: calc(100% + 10px) !important; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl dd:last-child {
                display: flex;
                align-items: center;
                justify-content: flex-end; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body),
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) {
            display: flex;
            flex-direction: row;
            align-items: center; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd {
              width: 100%; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd h4,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd h4 {
                width: 15rem !important; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd .pre.tooltip:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd .pre.tooltip:after {
                white-space: pre; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd .pre.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd .pre.tooltip:hover:after {
                height: auto;
                font-size: 11px; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd .pre.span.tooltip:hover:after,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd .pre.span.tooltip:hover:after {
                height: auto;
                font-size: 13px; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd .form-type-text,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd .form-type-text {
                width: 100%;
                padding-right: 3.5rem; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) dd .material-icons,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) dd .material-icons {
                font-size: 16px; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror,
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror {
              width: 99%;
              max-width: 1348px;
              height: auto;
              min-height: 200px;
              resize: vertical;
              margin-top: 8px; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror-scroll,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror-scroll {
                min-height: fit-content;
                overflow: hidden !important; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror .CodeMirror-code pre,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror .CodeMirror-code pre {
                text-align: initial; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror .CodeMirror-placeholder,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror .CodeMirror-placeholder {
                text-align: initial; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror .CodeMirror-line,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror .CodeMirror-line {
                height: 25px; }
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-direction) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-push_url) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-pull_url) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-filename) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-conditions) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-trim_logic) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_url) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .CodeMirror .CodeMirror-cursors,
              .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.mapping-item) .CodeMirror .CodeMirror-cursors {
                top: 7px; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple dl:has(.form-item-api_body) .form-type-textarea {
            width: 70%; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-api_headers textarea {
          min-height: 12rem; }
        .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd:first-child > h4 {
          width: 100% !important; }
        .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=minute], .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=hour], .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=day], .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=month], .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=week] {
          display: flex;
          flex-direction: column-reverse; }
          .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=minute] h4, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=hour] h4, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=day] h4, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=month] h4, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=week] h4 {
            width: 9rem !important; }
          .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=minute] input, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=hour] input, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=day] input, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=month] input, .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd[name=week] input {
            width: 5rem; }
        .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item dd:last-child {
          align-items: flex-start !important; }
        .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item .pre.tooltip:after {
          white-space: pre; }
        .bot-editor .sync-section .editor-body .editor-section ul .scheduled-item .pre.tooltip:hover:after {
          height: auto;
          font-size: 12px; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl {
          align-items: center; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd:first-child {
            width: 35rem !important; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd:first-child h4 {
              width: 15rem !important; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd:first-child div {
              flex: 1; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd[name=override_f] {
            justify-content: flex-start; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd[name=override_f] input[type=checkbox] {
              height: 16px; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl dd[name=override_f] div label {
              width: 15rem; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl i {
            top: 5px; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl .pre.tooltip:after {
            white-space: pre; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl .pre.tooltip:hover:after {
            height: auto;
            font-size: 11px; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.import-merge-items dl .pre.span.tooltip:hover:after {
            height: auto;
            font-size: 13px; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-row-autocomplete .form-item-autocomplete input[type=text] {
          height: 24px; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-row-radio .form-type-radio {
          display: flex;
          flex-direction: row; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api dd h4 {
          width: 100% !important; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api dd[type=text] {
          width: 35rem;
          margin-left: 1.3rem; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api .form-type-select {
          width: 100%; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api .form-type-select .ui-dropdown {
            height: 3rem; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api .form-type-text {
          width: 100%; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api .pre.tooltip:after {
          white-space: pre; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.send-to-api .pre.tooltip:hover:after {
          height: auto;
          font-size: 11px; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple > dl.mapping-merge-section {
          display: flex; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple > dl.mapping-merge-section dd:first-child i {
            margin-left: 2rem;
            top: 10px; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple > dl.mapping-merge-section dd:last-child {
            flex: unset; }
            .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple > dl.mapping-merge-section dd:last-child ul {
              width: 25rem; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor dl dd:last-child {
          height: 18rem; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor dl dd div.test-btn {
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          bottom: 1rem;
          right: 1rem; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor dl dd div.test-btn button {
            color: #ffffff;
            background-color: #5F5BFF;
            border: none;
            text-transform: capitalize; }
        .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor div.query-title {
          display: flex;
          flex-direction: row;
          align-items: center; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor div.query-title i {
            top: 4px; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor div.query-title .pre.tooltip:after {
            white-space: pre; }
          .bot-editor .sync-section .editor-body .editor-section ul li.form-item-multiple.query-editor div.query-title .pre.tooltip:hover:after {
            height: auto;
            font-size: 11px;
            left: 140% !important;
            text-align: left; }
      .bot-editor .sync-section .editor-body .editor-section .data-mapping {
        padding-top: 0; }
        .bot-editor .sync-section .editor-body .editor-section .data-mapping li {
          border-bottom: 1px dotted #ccc; }
        .bot-editor .sync-section .editor-body .editor-section .data-mapping li:last-child {
          border-bottom: 1px solid #ccc; }
        .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item {
          display: flex; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item h4 {
            font-weight: 400; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item .form-item-autocomplete {
            display: flex;
            flex-direction: row; }
            .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item .form-item-autocomplete input[type=text] {
              height: 24px; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item input[type=text] {
            width: 10rem;
            height: 3rem; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-item ul {
            width: 25rem;
            padding-left: 5rem;
            display: flex;
            align-items: center; }
        .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section {
          width: 120%;
          display: flex;
          flex-direction: column; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-header {
            background: #F6F4F3;
            padding: 0.5rem;
            height: 40px;
            display: flex;
            justify-content: center;
            text-transform: uppercase;
            font-weight: 400; }
            .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-header h4 {
              width: inherit !important;
              justify-content: center;
              display: flex; }
            .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-header .refresh-mapping {
              display: flex;
              justify-content: center; }
          .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body {
            left: 2rem; }
            .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table {
              margin-bottom: 1rem; }
              .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr {
                border-bottom: none;
                height: 4rem; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr input[type=checkbox] {
                  height: 16px; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr :nth-child(2) {
                  width: 14rem; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr td.list-item-orgField p, .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr td.list-item-remoteField p {
                  display: flex;
                  width: 115px;
                  justify-content: flex-end;
                  margin-right: 0;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr td.list-item-sequence {
                  width: 10rem; }
                  .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr td.list-item-sequence input {
                    width: 7rem; }
              .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view tr:hover {
                background-color: transparent; }
              .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view th.th-with-icon .ignore-th-title {
                float: left; }
              .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view th.th-with-icon .ignore-th-icon {
                float: right;
                width: 40px; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view th.th-with-icon .ignore-th-icon .pre.tooltip:after {
                  white-space: pre; }
                .bot-editor .sync-section .editor-body .editor-section .data-mapping .mapping-section .mapping-body .mapping-table table.list-view th.th-with-icon .ignore-th-icon .pre.tooltip:hover:after {
                  height: auto;
                  font-size: 11px;
                  left: -50% !important;
                  font-weight: 500; }
  .bot-editor .sync-section .editor-footer div {
    flex: 1;
    display: flex;
    align-items: center; }
    .bot-editor .sync-section .editor-footer div .switch-space {
      margin-right: 1rem; }
    .bot-editor .sync-section .editor-footer div .form-item-switch {
      width: 4.35rem; }
      .bot-editor .sync-section .editor-footer div .form-item-switch.on:before {
        content: "";
        width: 4rem;
        background: var(--a2); }
      .bot-editor .sync-section .editor-footer div .form-item-switch:before {
        content: "";
        width: 4rem; }

.bot-editor .sync-forms {
  max-width: inherit !important;
  overflow-y: hidden; }
  .bot-editor .sync-forms .sync-editor.hbox {
    height: 100%; }
    .bot-editor .sync-forms .sync-editor.hbox .editor.vbox {
      height: 100%; }

.bot-editor ul.qas {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap; }
  .bot-editor ul.qas > li {
    width: auto;
    min-width: auto;
    border: 1px solid #D0C9C3;
    height: 28px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #D0C9C3;
    border-radius: 4px; }
    .bot-editor ul.qas > li.icon:before, .bot-editor ul.qas > li.form-item-autocomplete.loading-autocomplete:before, .bot-editor .ui-indicator ul.qas > li#indicator:before, .ui-indicator .bot-editor ul.qas > li#indicator:before, .bot-editor .p3-layout .menu-pane ul.qas > li:before, .p3-layout .menu-pane .bot-editor ul.qas > li:before, .bot-editor ul.nodes ol.card ul.qas > li.item.new:before {
      line-height: inherit !important; }
    .bot-editor ul.qas > li.unknown {
      background-color: #DB234B; }
      .bot-editor ul.qas > li.unknown span {
        color: #FFFFFF; }
      .bot-editor ul.qas > li.unknown:before {
        color: #FFFFFF; }
    .bot-editor ul.qas > li > div:first-child {
      border: 0;
      padding-left: 2px;
      line-height: inherit;
      height: inherit;
      background-color: transparent;
      display: block; }

.bot-editor ul.nodes > li.archived .add-new, .bot-editor ul.nodes > li.archived .edit-panel,
.bot-editor ul.nodes > li.archived label.new, .bot-editor ul.nodes > li.archived span.new,
.bot-editor ul.nodes > li.archived ol.new, .bot-editor ul.nodes > li.archived li.new,
.bot-editor ul.nodes > li.archived .upload-btn,
.bot-editor ul.nodes > li.archived dd.trash, .bot-editor ul.nodes > li.archived dd.test, .bot-editor ul.nodes > li.archived dd.copy, .bot-editor ul.nodes > li.archived i.trash,
.bot-editor ul.nodes > li.archived ol.card li.item.new {
  display: none; }

.bot-editor ul.nodes > li.archived.row-imagecard ol.card.imagecard li.linkto + li.item {
  display: none !important; }

.bot-editor ul.nodes > li.archived .notice-off:hover i.icon.email, .bot-editor ul.nodes > li.archived .notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.archived .notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes > li.archived .notice-off:hover i.email#indicator:before {
  display: none; }

.bot-editor ul.nodes > li.archived div.react-btns u[tp='btns'], .bot-editor ul.nodes > li.archived div.react-btns .notice-off:hover i.icon.email, .bot-editor ul.nodes > li.archived div.react-btns .notice-off:hover i.email.form-item-autocomplete.loading-autocomplete:before, .bot-editor ul.nodes > li.archived div.react-btns .notice-off:hover .ui-indicator i.email#indicator:before, .ui-indicator .bot-editor ul.nodes > li.archived div.react-btns .notice-off:hover i.email#indicator:before, .bot-editor ul.nodes > li.archived div.react-btns label.colors:hover u:before {
  display: none; }

.bot-editor section.left-pane ul li.archived dl {
  display: none; }

.bot-editor .infos {
  flex: 0 0 auto; }

.bot-editor .info-cloud {
  margin: 24px;
  padding: 24px;
  border: 1px solid #76E5FD;
  border-radius: 20px;
  background-color: #EAF9FD; }
  .bot-editor .info-cloud i.icon.close, .bot-editor .info-cloud i.close.form-item-autocomplete.loading-autocomplete:before, .bot-editor .info-cloud .ui-indicator i.close#indicator:before, .ui-indicator .bot-editor .info-cloud i.close#indicator:before {
    right: 16px; }
  .bot-editor .info-cloud h2 {
    font-weight: bold; }
  .bot-editor .info-cloud p {
    padding: 8px 0;
    color: #666; }

.bot-editor.platform-web.navi-flow .center-pane.canv {
  background-color: #999;
  box-shadow: inset 0 0 2px 2px #D0C9C3; }

.bot-editor.platform-web.navi-flow main:before {
  background-image: url(/api/service/bg/);
  background-size: cover;
  content: "";
  position: fixed;
  z-index: 0;
  width: calc( 100vw - 460px);
  height: calc( 100vh - 98px);
  top: 98px;
  left: 460px; }

.bot-editor.platform-web.navi-flow ul.nodes {
  background-color: transparent;
  min-height: calc( 100vh - 98px);
  padding-top: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes > li {
    height: calc( 100vh - 98px);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    margin-left: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes > li .title-line {
      margin-left: 20px; }
      .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd {
        opacity: 1; }
      .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.icon.brush, .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.brush.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes > li .title-line .ui-indicator dd.brush#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.brush#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes > li .title-line .simulator > header dd.brush, .simulator > header .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.brush {
        display: block; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card li.items {
    color: #080C1A;
    background-color: white; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card.text-card, .bot-editor.platform-web.navi-flow ul.nodes button.add-new {
    display: none; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text {
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    background-color: transparent !important; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text textarea.msg {
      border: 0 !important;
      width: 640px;
      margin-left: auto;
      margin-right: auto;
      background-color: transparent !important;
      color: #FFFFFF;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text li.text {
      background: transparent !important;
      width: inherit;
      text-align: center;
      margin-top: 10%;
      margin-bottom: 10%; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text li.item {
      display: none !important; }
  .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important; }
    .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns label {
      font-size: 1.0rem;
      height: 32px;
      line-height: 30px;
      border-radius: 16px;
      border-width: 2px;
      max-width: auto !important;
      white-space: nowrap; }
    .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns label.btns {
      border-color: #FFFFFF;
      color: #FFFFFF;
      max-width: auto !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src dd, .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src b {
    color: #FFFFFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src .on b {
    background-color: #FDC73E; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src button.ui-menu {
    color: #FFFFFF;
    margin-right: 0;
    border-right: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src button.ui-menu:after {
      color: #FFFFFF; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src input[type=text] {
    border-radius: 0;
    border: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes .cells-frame {
    text-align: center;
    justify-content: center;
    display: flex;
    padding-right: 0;
    margin-right: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes div.cells {
    display: flex;
    justify-content: center; }
  .bot-editor.platform-web.navi-flow ul.nodes .src-map ol.card {
    margin-left: auto;
    margin-right: auto; }
  .bot-editor.platform-web.navi-flow ul.nodes li.item i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes li.item i.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes li.item i#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes label i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes label i.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes label .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes label i#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes span i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes span i.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes span .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes span i#indicator:before {
    color: #FDC73E; }
  .bot-editor.platform-web.navi-flow ul.nodes .title-line input[type=text] {
    background-color: transparent;
    color: #FFFFFF; }
  .bot-editor.platform-web.navi-flow ul.nodes .title-line input[type=text]:focus {
    color: #FFFFFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd.icon:before, .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes _ .title-line .ui-indicator dd#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes _ .title-line .simulator > header dd:before, .simulator > header .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd:before, .bot-editor.platform-web.navi-flow ul.nodes dd.icon:before, .bot-editor.platform-web.navi-flow ul.nodes dd.form-item-autocomplete.loading-autocomplete:before, .bot-editor.platform-web.navi-flow ul.nodes .ui-indicator dd#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes dd#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes .simulator > header dd:before, .simulator > header .bot-editor.platform-web.navi-flow ul.nodes dd:before {
    color: #FFFFFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .react-ipts {
    text-align: center;
    width: 100%;
    margin-right: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes .react-ipts span.tg {
      background-color: #666;
      color: #FFFFFF;
      border-color: #666;
      box-shadow: 0 0 2px 1px #333; }
  .bot-editor.platform-web.navi-flow ul.nodes .react-ipts-new {
    position: absolute;
    height: 48px;
    width: 100%;
    bottom: 10px;
    z-index: 1;
    text-align: center; }
  .bot-editor.platform-web.navi-flow ul.nodes .react-fhs-new {
    position: absolute;
    height: 48px;
    width: 140px;
    bottom: 10px;
    z-index: 2;
    text-align: center;
    left: calc(50vw - 230px + 220px); }
  .bot-editor.platform-web.navi-flow ul.nodes .next-act-btn {
    display: none; }

section.pop-inline:not(.tags-form)[style*="width: 460px"] {
  width: initial !important;
  min-width: 460px; }

section.pop-inline.time-form {
  min-width: 347px; }

section.pop-inline,
section.subpop-inline {
  min-width: 430px;
  margin: 0;
  position: absolute;
  box-sizing: content-box;
  z-index: 100; }
  section.pop-inline form,
  section.subpop-inline form {
    position: relative;
    border-radius: 10px;
    padding-bottom: 0px;
    padding-top: 28px;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: content-box; }
    section.pop-inline form ul,
    section.subpop-inline form ul {
      padding: 0; }
    section.pop-inline form ul, section.pop-inline form li li h2,
    section.subpop-inline form ul,
    section.subpop-inline form li li h2 {
      color: white;
      line-height: 36px;
      text-align: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    section.pop-inline form li h4,
    section.subpop-inline form li h4 {
      color: white;
      display: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      section.pop-inline form li h4 span.bot-locks:after,
      section.subpop-inline form li h4 span.bot-locks:after {
        font-family: "FontAwesome" !important;
        margin-left: 10px; }
      section.pop-inline form li h4 span.bot-locks:hover,
      section.subpop-inline form li h4 span.bot-locks:hover {
        cursor: pointer;
        background: none !important; }
      section.pop-inline form li h4 span.unlock:after,
      section.subpop-inline form li h4 span.unlock:after {
        content: "";
        color: #c3c3c3 !important; }
      section.pop-inline form li h4 span.lock:after,
      section.subpop-inline form li h4 span.lock:after {
        content: "";
        color: #f8c90a; }
    section.pop-inline form li label,
    section.subpop-inline form li label {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    section.pop-inline form li p,
    section.subpop-inline form li p {
      color: rgba(255, 255, 255, 0.7); }
    section.pop-inline form.edit-all li.form-item-msg,
    section.subpop-inline form.edit-all li.form-item-msg {
      margin-top: 3px; }
    section.pop-inline form li .form-type-checkbox label,
    section.subpop-inline form li .form-type-checkbox label {
      color: white; }
    section.pop-inline form li.time-ipt dl .form-row-number,
    section.subpop-inline form li.time-ipt dl .form-row-number {
      width: 175px; }
    section.pop-inline form li.time-ipt dl .form-row-select .form-type-select,
    section.subpop-inline form li.time-ipt dl .form-row-select .form-type-select {
      width: 148px; }
    section.pop-inline form li.pattern-zipcode-jp dd.form-item-options,
    section.subpop-inline form li.pattern-zipcode-jp dd.form-item-options {
      width: 180px;
      word-break: keep-all; }
    section.pop-inline form li.label-items,
    section.subpop-inline form li.label-items {
      padding-bottom: 10px;
      box-sizing: content-box; }
    section.pop-inline form li.label-items input[type=text],
    section.subpop-inline form li.label-items input[type=text] {
      border-radius: 4px; }
    section.pop-inline form li.label-btns input[type=text],
    section.subpop-inline form li.label-btns input[type=text] {
      border-radius: 16px;
      padding-left: 32px; }
    section.pop-inline form li.buttons,
    section.subpop-inline form li.buttons {
      display: flex;
      flex-direction: row;
      margin: 0;
      justify-content: flex-start;
      height: 32px;
      line-height: 32px; }
      section.pop-inline form li.buttons > div,
      section.subpop-inline form li.buttons > div {
        flex-direction: row;
        height: 40px;
        min-height: 40px; }
      section.pop-inline form li.buttons span,
      section.subpop-inline form li.buttons span {
        padding: 0;
        margin: 6px 2px 6px 2px;
        border-radius: 2px !important;
        color: #FFFFFF;
        white-space: nowrap;
        position: relative;
        cursor: pointer;
        height: 24px;
        line-height: 24px;
        padding-right: 8px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      section.pop-inline form li.buttons span.on, section.pop-inline form li.buttons span:hover,
      section.subpop-inline form li.buttons span.on,
      section.subpop-inline form li.buttons span:hover {
        background: #999;
        color: #FFFFFF; }
    section.pop-inline form li.dots,
    section.subpop-inline form li.dots {
      height: 28px;
      line-height: 28px;
      min-height: 28px; }
      section.pop-inline form li.dots div,
      section.subpop-inline form li.dots div {
        width: 100%;
        height: 100%;
        background-image: url(/images/ico_dots.svg);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: auto 8px;
        opacity: 0.6; }
        section.pop-inline form li.dots div:hover,
        section.subpop-inline form li.dots div:hover {
          transform: scale(1.1, 1.1);
          opacity: 1;
          transition-duration: 0.2s; }
    section.pop-inline form li.exps.ext-btns,
    section.subpop-inline form li.exps.ext-btns {
      display: flex;
      flex-direction: column;
      padding-left: 180px;
      padding-right: 72px; }
      section.pop-inline form li.exps.ext-btns > button,
      section.subpop-inline form li.exps.ext-btns > button {
        background-color: transparent;
        text-decoration: underline;
        font-weight: bold;
        color: #839BFB;
        text-align: left;
        padding-left: 0;
        border: 0;
        margin-top: 0;
        margin-bottom: 8px; }
        section.pop-inline form li.exps.ext-btns > button:after,
        section.subpop-inline form li.exps.ext-btns > button:after {
          content: " >>";
          font-weight: bold;
          font-size: 12px;
          position: absolute;
          top: -1px; }
        section.pop-inline form li.exps.ext-btns > button.vip.ext-btn.icon.biz, section.pop-inline form li.exps.ext-btns > button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form .ui-indicator li.exps.ext-btns > button.vip.ext-btn.biz#indicator:before, .ui-indicator section.pop-inline form li.exps.ext-btns > button.vip.ext-btn.biz#indicator:before,
        section.subpop-inline form li.exps.ext-btns > button.vip.ext-btn.icon.biz,
        section.subpop-inline form li.exps.ext-btns > button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before,
        section.subpop-inline form .ui-indicator li.exps.ext-btns > button.vip.ext-btn.biz#indicator:before,
        .ui-indicator section.subpop-inline form li.exps.ext-btns > button.vip.ext-btn.biz#indicator:before {
          padding-right: 26px; }
    section.pop-inline form li[name=date_start].dt-time,
    section.subpop-inline form li[name=date_start].dt-time {
      display: none; }
    section.pop-inline form li[name=date_start_time].dt-date,
    section.subpop-inline form li[name=date_start_time].dt-date {
      display: none; }
    section.pop-inline form li[name=uri].type-checkbox.type-chk-hide, section.pop-inline form li[name=val].type-checkbox.type-chk-hide, section.pop-inline form li[name=uri].type-radio.type-chk-hide, section.pop-inline form li[name=val].type-radio.type-chk-hide,
    section.subpop-inline form li[name=uri].type-checkbox.type-chk-hide,
    section.subpop-inline form li[name=val].type-checkbox.type-chk-hide,
    section.subpop-inline form li[name=uri].type-radio.type-chk-hide,
    section.subpop-inline form li[name=val].type-radio.type-chk-hide {
      display: none; }
    section.pop-inline form .form-item-background_color,
    section.subpop-inline form .form-item-background_color {
      width: 200px !important; }
      section.pop-inline form .form-item-background_color h4,
      section.subpop-inline form .form-item-background_color h4 {
        display: block !important; }
    section.pop-inline form .form-item-color,
    section.subpop-inline form .form-item-color {
      width: 200px !important; }
      section.pop-inline form .form-item-color h4,
      section.subpop-inline form .form-item-color h4 {
        display: block !important; }
    section.pop-inline form span.colors,
    section.subpop-inline form span.colors {
      width: 16px;
      height: 16px;
      border-radius: 8px;
      z-index: 1000;
      position: absolute;
      left: 8px;
      top: 16px;
      background-color: #00D6C9;
      background-size: cover; }
    section.pop-inline form div .form-item-autocomplete.on,
    section.subpop-inline form div .form-item-autocomplete.on {
      border-color: #5F5BFF; }
    section.pop-inline form div .form-item-autocomplete span,
    section.subpop-inline form div .form-item-autocomplete span {
      color: #222; }
    section.pop-inline form li.form-item-trans_type h4, section.pop-inline form li.form-item-uri_via h4, section.pop-inline form li.form-item-editing_f h4,
    section.subpop-inline form li.form-item-trans_type h4,
    section.subpop-inline form li.form-item-uri_via h4,
    section.subpop-inline form li.form-item-editing_f h4 {
      display: block !important;
      line-height: 32px;
      width: auto;
      padding-right: 16px; }
    section.pop-inline form li.form-item-trans_type div, section.pop-inline form li.form-item-uri_via div, section.pop-inline form li.form-item-editing_f div,
    section.subpop-inline form li.form-item-trans_type div,
    section.subpop-inline form li.form-item-uri_via div,
    section.subpop-inline form li.form-item-editing_f div {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
    section.pop-inline form div.ext,
    section.subpop-inline form div.ext {
      display: flex;
      flex-direction: row; }
      section.pop-inline form div.ext h5, section.pop-inline form div.ext b,
      section.subpop-inline form div.ext h5,
      section.subpop-inline form div.ext b {
        color: #F8F6F5 !important; }
      section.pop-inline form div.ext > .space,
      section.subpop-inline form div.ext > .space {
        flex: 1; }
    section.pop-inline form div.form-type-radio label,
    section.subpop-inline form div.form-type-radio label {
      color: white; }
    section.pop-inline form div.form-type-radio label.on,
    section.subpop-inline form div.form-type-radio label.on {
      background-color: #222; }
    section.pop-inline form div.form-type-radio label:hover,
    section.subpop-inline form div.form-type-radio label:hover {
      background-color: #666; }
    section.pop-inline form dd div.ui-dropdown,
    section.subpop-inline form dd div.ui-dropdown {
      min-width: 100px; }
      section.pop-inline form dd div.ui-dropdown label,
      section.subpop-inline form dd div.ui-dropdown label {
        color: #666; }
    section.pop-inline form dd.space,
    section.subpop-inline form dd.space {
      min-width: 4px; }
    section.pop-inline form dd div .form-item-autocomplete,
    section.subpop-inline form dd div .form-item-autocomplete {
      min-height: 32px;
      box-sizing: border-box;
      padding: 0;
      width: 280px;
      border-radius: 6px;
      background-color: white;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      section.pop-inline form dd div .form-item-autocomplete.on,
      section.subpop-inline form dd div .form-item-autocomplete.on {
        border-color: #FDC73E; }
      section.pop-inline form dd div .form-item-autocomplete span[v],
      section.subpop-inline form dd div .form-item-autocomplete span[v] {
        margin-top: 2px; }
    section.pop-inline form dd div > input[type=text],
    section.subpop-inline form dd div > input[type=text] {
      height: 32px;
      line-height: 32px;
      box-sizing: border-box;
      max-width: 295px;
      margin-top: 0;
      margin-bottom: 0; }
    section.pop-inline form dd div p,
    section.subpop-inline form dd div p {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.7); }
    section.pop-inline form dd .form-item-range,
    section.subpop-inline form dd .form-item-range {
      display: flex;
      flex-direction: row;
      max-width: 295px; }
      section.pop-inline form dd .form-item-range > span,
      section.subpop-inline form dd .form-item-range > span {
        color: #FFFFFF; }
      section.pop-inline form dd .form-item-range input,
      section.subpop-inline form dd .form-item-range input {
        width: 130px;
        min-width: 100px; }
      section.pop-inline form dd .form-item-range span + span,
      section.subpop-inline form dd .form-item-range span + span {
        margin-right: 10px; }
    section.pop-inline form dl.ukeys,
    section.subpop-inline form dl.ukeys {
      width: 100% !important;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      section.pop-inline form dl.ukeys dd,
      section.subpop-inline form dl.ukeys dd {
        min-width: 150px; }
        section.pop-inline form dl.ukeys dd input[name=ukey],
        section.subpop-inline form dl.ukeys dd input[name=ukey] {
          width: 240px;
          min-width: 240px; }
        section.pop-inline form dl.ukeys dd input[name=uval],
        section.subpop-inline form dl.ukeys dd input[name=uval] {
          width: 150px;
          min-width: 150px; }
      section.pop-inline form dl.ukeys dd.space,
      section.subpop-inline form dl.ukeys dd.space {
        width: 10px;
        min-width: 10px; }
    section.pop-inline form footer.exps,
    section.subpop-inline form footer.exps {
      margin-top: 0px; }
      section.pop-inline form footer.exps label.icon.advanced-button, section.pop-inline form footer.exps label.advanced-button.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form footer.exps .ui-indicator label.advanced-button#indicator:before, .ui-indicator section.pop-inline form footer.exps label.advanced-button#indicator:before, section.pop-inline form footer.exps .bot-editor ul.nodes > li > div label.advanced-button.new, .bot-editor ul.nodes > li > div section.pop-inline form footer.exps label.advanced-button.new,
      section.subpop-inline form footer.exps label.icon.advanced-button,
      section.subpop-inline form footer.exps label.advanced-button.form-item-autocomplete.loading-autocomplete:before,
      section.subpop-inline form footer.exps .ui-indicator label.advanced-button#indicator:before,
      .ui-indicator section.subpop-inline form footer.exps label.advanced-button#indicator:before,
      section.subpop-inline form footer.exps .bot-editor ul.nodes > li > div label.advanced-button.new,
      .bot-editor ul.nodes > li > div section.subpop-inline form footer.exps label.advanced-button.new {
        margin-right: 0;
        padding-left: 0px;
        text-indent: 24px; }
    section.pop-inline form > i.icon.trash, section.pop-inline form > i.trash.form-item-autocomplete.loading-autocomplete:before, section.pop-inline .ui-indicator form > i.trash#indicator:before, .ui-indicator section.pop-inline form > i.trash#indicator:before,
    section.subpop-inline form > i.icon.trash,
    section.subpop-inline form > i.trash.form-item-autocomplete.loading-autocomplete:before,
    section.subpop-inline .ui-indicator form > i.trash#indicator:before,
    .ui-indicator section.subpop-inline form > i.trash#indicator:before {
      position: absolute !important;
      display: block;
      width: 20px;
      top: 78px;
      right: 16px;
      color: #FFFFFF; }
    section.pop-inline form footer,
    section.subpop-inline form footer {
      position: relative !important;
      padding-left: 0;
      padding-right: 0;
      background-color: transparent;
      justify-content: flex-end; }
      section.pop-inline form footer button,
      section.subpop-inline form footer button {
        border: 0; }
      section.pop-inline form footer button:hover,
      section.subpop-inline form footer button:hover {
        background: #222; }
      section.pop-inline form footer button.save:hover,
      section.subpop-inline form footer button.save:hover {
        background: #3A3AB5; }
      section.pop-inline form footer.next-time,
      section.subpop-inline form footer.next-time {
        width: 100%;
        justify-content: flex-end; }
      section.pop-inline form footer label,
      section.subpop-inline form footer label {
        color: #FFFFFF; }
      section.pop-inline form footer label.advanced-button,
      section.subpop-inline form footer label.advanced-button {
        text-indent: 12px; }
    section.pop-inline form dd.form-item-next_unit,
    section.subpop-inline form dd.form-item-next_unit {
      line-height: 32px;
      align-items: center; }
    section.pop-inline form dd.form-item-next_unit .form-type-select,
    section.subpop-inline form dd.form-item-next_unit .form-type-select {
      width: 120px;
      line-height: 40px; }
    section.pop-inline form h2.global_error,
    section.subpop-inline form h2.global_error {
      text-align: center;
      color: #FFFFFF;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      width: inherit;
      line-height: 28px;
      height: 32px;
      padding-bottom: 0; }
    section.pop-inline form li.from-user,
    section.subpop-inline form li.from-user {
      margin-bottom: 10px; }
      section.pop-inline form li.from-user dl,
      section.subpop-inline form li.from-user dl {
        display: flex;
        flex-direction: column !important;
        padding-left: 58px;
        position: relative; }
        section.pop-inline form li.from-user dl:before,
        section.subpop-inline form li.from-user dl:before {
          width: 48px;
          height: 48px;
          position: absolute;
          left: 0px;
          top: 4px;
          background-image: url(/images/thumb_user.svg);
          border-radius: 24px;
          background-size: 100% auto; }
        section.pop-inline form li.from-user dl .clear-bg .ui-dropdown,
        section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown {
          background-color: transparent !important;
          color: #FFFFFF; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown label,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown label {
            color: #FFFFFF; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown.on:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown.on:after {
            background-color: transparent !important;
            color: #FFFFFF !important; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:hover label,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:hover label {
            text-shadow: 0 0 4px 2px #000; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:after {
            background-color: transparent !important;
            color: #FFFFFF !important; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:hover:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:hover:after {
            color: #FDC73E !important;
            transition-duration: 0.2s; }
        section.pop-inline form li.from-user dl .form-item-autocomplete,
        section.subpop-inline form li.from-user dl .form-item-autocomplete {
          border-radius: 16px;
          border-top-left-radius: 0;
          line-height: 32px; }
          section.pop-inline form li.from-user dl .form-item-autocomplete input[type=text]::selection,
          section.subpop-inline form li.from-user dl .form-item-autocomplete input[type=text]::selection {
            background: #666 !important;
            color: #FFFFFF; }
    section.pop-inline form li.days label,
    section.subpop-inline form li.days label {
      background-color: rgba(255, 255, 255, 0.7);
      color: #666;
      width: 36px;
      border-radius: 12px;
      padding-left: 0 !important;
      padding-right: 0;
      position: relative;
      text-align: center !important;
      min-width: 36px;
      margin-right: 18px;
      margin-bottom: 4px;
      cursor: pointer; }
      section.pop-inline form li.days label.on,
      section.subpop-inline form li.days label.on {
        background-color: #839BFB;
        color: #FFFFFF; }
      section.pop-inline form li.days label:hover,
      section.subpop-inline form li.days label:hover {
        background-color: #EBF0FF;
        color: #666; }
      section.pop-inline form li.days label input[type=checkbox],
      section.subpop-inline form li.days label input[type=checkbox] {
        opacity: 0;
        position: absolute; }
    section.pop-inline form li.date .form-item-datetime span,
    section.subpop-inline form li.date .form-item-datetime span {
      color: #FFFFFF; }
    section.pop-inline form li.type-kpi dd > label,
    section.subpop-inline form li.type-kpi dd > label {
      height: 36px;
      line-height: 36px;
      color: #FFFFFF; }
    section.pop-inline form li.type-kpi input[type=number],
    section.subpop-inline form li.type-kpi input[type=number] {
      width: 60px;
      max-width: 60px;
      min-width: 60px; }
    section.pop-inline form li.form-item-time_type div.form-type-radio,
    section.subpop-inline form li.form-item-time_type div.form-type-radio {
      display: flex;
      flex-direction: row; }
    section.pop-inline form li.error cite,
    section.subpop-inline form li.error cite {
      display: none; }
    section.pop-inline form li.error after,
    section.subpop-inline form li.error after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #DB234B;
      opacity: 0.5;
      z-index: 1; }
    section.pop-inline form nav.next-act-btn,
    section.subpop-inline form nav.next-act-btn {
      line-height: 22px; }
      section.pop-inline form nav.next-act-btn u,
      section.subpop-inline form nav.next-act-btn u {
        padding-right: 10px;
        cursor: pointer;
        position: relative;
        color: #FFFFFF; }
      section.pop-inline form nav.next-act-btn b, section.pop-inline form nav.next-act-btn i,
      section.subpop-inline form nav.next-act-btn b,
      section.subpop-inline form nav.next-act-btn i {
        color: #FFFFFF; }
      section.pop-inline form nav.next-act-btn u.act-name,
      section.subpop-inline form nav.next-act-btn u.act-name {
        padding-right: 40px;
        padding-left: 10px; }
        section.pop-inline form nav.next-act-btn u.act-name i.icon.signout, section.pop-inline form nav.next-act-btn u.act-name i.signout.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.act-name i.signout#indicator:before, section.pop-inline form nav.next-act-btn u.act-name i.icon.link, section.pop-inline form nav.next-act-btn u.act-name i.link.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.act-name i.link#indicator:before,
        section.subpop-inline form nav.next-act-btn u.act-name i.icon.signout,
        section.subpop-inline form nav.next-act-btn u.act-name i.signout.form-item-autocomplete.loading-autocomplete:before,
        section.subpop-inline form nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before,
        .ui-indicator section.subpop-inline form nav.next-act-btn u.act-name i.signout#indicator:before,
        section.subpop-inline form nav.next-act-btn u.act-name i.icon.link,
        section.subpop-inline form nav.next-act-btn u.act-name i.link.form-item-autocomplete.loading-autocomplete:before,
        section.subpop-inline form nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before,
        .ui-indicator section.subpop-inline form nav.next-act-btn u.act-name i.link#indicator:before {
          display: absolute;
          right: 0px;
          top: 2px;
          width: 16px;
          height: 16px; }
      section.pop-inline form nav.next-act-btn u:hover,
      section.subpop-inline form nav.next-act-btn u:hover {
        text-decoration-color: #FFFFFF; }
      section.pop-inline form nav.next-act-btn u.icon.clock, section.pop-inline form nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.clock#indicator:before, section.pop-inline form nav.next-act-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.clock, .bot-editor ul.nodes div.react-btns label.colors:hover section.pop-inline form nav.next-act-btn u.clock,
      section.subpop-inline form nav.next-act-btn u.icon.clock,
      section.subpop-inline form nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before,
      section.subpop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before,
      .ui-indicator section.subpop-inline form nav.next-act-btn u.clock#indicator:before,
      section.subpop-inline form nav.next-act-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.clock,
      .bot-editor ul.nodes div.react-btns label.colors:hover section.subpop-inline form nav.next-act-btn u.clock {
        margin-left: 10px !important; }
      section.pop-inline form nav.next-act-btn u.icon.clock:before, section.pop-inline form nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before, section.pop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.clock#indicator:before, section.pop-inline form nav.next-act-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.clock:before, .bot-editor ul.nodes div.react-btns label.colors:hover section.pop-inline form nav.next-act-btn u.clock:before,
      section.subpop-inline form nav.next-act-btn u.icon.clock:before,
      section.subpop-inline form nav.next-act-btn u.clock.form-item-autocomplete.loading-autocomplete:before,
      section.subpop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before,
      .ui-indicator section.subpop-inline form nav.next-act-btn u.clock#indicator:before,
      section.subpop-inline form nav.next-act-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.clock:before,
      .bot-editor ul.nodes div.react-btns label.colors:hover section.subpop-inline form nav.next-act-btn u.clock:before {
        line-height: 20px !important; }
    section.pop-inline form .icon, section.pop-inline form .form-item-autocomplete.loading-autocomplete:before, section.pop-inline form table.list-view th.on, table.list-view section.pop-inline form th.on, section.pop-inline form table.list-view th.sortable, table.list-view section.pop-inline form th.sortable, section.pop-inline form .ui-indicator #indicator:before, .ui-indicator section.pop-inline form #indicator:before, section.pop-inline form .search-bar div.queries, .search-bar section.pop-inline form div.queries, section.pop-inline form .simulator > header dd, .simulator > header section.pop-inline form dd, section.pop-inline form .p3-layout .menu-pane li, .p3-layout .menu-pane section.pop-inline form li, section.pop-inline form .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text section.pop-inline form b:before, section.pop-inline form .bot-editor section.actions li h5, .bot-editor section.actions li section.pop-inline form h5, section.pop-inline form .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div section.pop-inline form span.new, section.pop-inline form .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div section.pop-inline form label.new, section.pop-inline form .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes section.pop-inline form div.schedule, section.pop-inline form .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card section.pop-inline form li.item.new, section.pop-inline form .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover section.pop-inline form u, section.pop-inline form section.user-editor section.info header, section.user-editor section.info section.pop-inline form header, section.pop-inline form section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.pop-inline form b:before,
    section.subpop-inline form .icon,
    section.subpop-inline form .form-item-autocomplete.loading-autocomplete:before,
    section.subpop-inline form table.list-view th.on,
    table.list-view section.subpop-inline form th.on,
    section.subpop-inline form table.list-view th.sortable,
    table.list-view section.subpop-inline form th.sortable,
    section.subpop-inline form .ui-indicator #indicator:before,
    .ui-indicator section.subpop-inline form #indicator:before,
    section.subpop-inline form .search-bar div.queries,
    .search-bar section.subpop-inline form div.queries,
    section.subpop-inline form .simulator > header dd,
    .simulator > header section.subpop-inline form dd,
    section.subpop-inline form .p3-layout .menu-pane li,
    .p3-layout .menu-pane section.subpop-inline form li,
    section.subpop-inline form .chat_list_view #simulator footer.send-type-text .type-text b:before,
    .chat_list_view #simulator footer.send-type-text .type-text section.subpop-inline form b:before,
    section.subpop-inline form .bot-editor section.actions li h5,
    .bot-editor section.actions li section.subpop-inline form h5,
    section.subpop-inline form .bot-editor ul.nodes > li > div span.new,
    .bot-editor ul.nodes > li > div section.subpop-inline form span.new,
    section.subpop-inline form .bot-editor ul.nodes > li > div label.new,
    .bot-editor ul.nodes > li > div section.subpop-inline form label.new,
    section.subpop-inline form .bot-editor ul.nodes div.schedule,
    .bot-editor ul.nodes section.subpop-inline form div.schedule,
    section.subpop-inline form .bot-editor ul.nodes ol.card li.item.new,
    .bot-editor ul.nodes ol.card section.subpop-inline form li.item.new,
    section.subpop-inline form .bot-editor ul.nodes div.react-btns label.colors:hover u,
    .bot-editor ul.nodes div.react-btns label.colors:hover section.subpop-inline form u,
    section.subpop-inline form section.user-editor section.info header,
    section.user-editor section.info section.subpop-inline form header,
    section.subpop-inline form section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.subpop-inline form b:before {
      padding-left: 12px;
      text-indent: 24px; }
    section.pop-inline form .icon:before, section.pop-inline form .form-item-autocomplete.loading-autocomplete:before, section.pop-inline form table.list-view th.on:before, table.list-view section.pop-inline form th.on:before, section.pop-inline form table.list-view th.sortable:before, table.list-view section.pop-inline form th.sortable:before, section.pop-inline form .ui-indicator #indicator:before, .ui-indicator section.pop-inline form #indicator:before, section.pop-inline form .search-bar div.queries:before, .search-bar section.pop-inline form div.queries:before, section.pop-inline form .simulator > header dd:before, .simulator > header section.pop-inline form dd:before, section.pop-inline form .p3-layout .menu-pane li:before, .p3-layout .menu-pane section.pop-inline form li:before, section.pop-inline form .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text section.pop-inline form b:before, section.pop-inline form .bot-editor section.actions li h5:before, .bot-editor section.actions li section.pop-inline form h5:before, section.pop-inline form .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div section.pop-inline form span.new:before, section.pop-inline form .bot-editor ul.nodes > li > div label.new:before, .bot-editor ul.nodes > li > div section.pop-inline form label.new:before, section.pop-inline form .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes section.pop-inline form div.schedule:before, section.pop-inline form .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes ol.card section.pop-inline form li.item.new:before, section.pop-inline form .bot-editor ul.nodes div.react-btns label.colors:hover u:before, .bot-editor ul.nodes div.react-btns label.colors:hover section.pop-inline form u:before, section.pop-inline form section.user-editor section.info header:before, section.user-editor section.info section.pop-inline form header:before, section.pop-inline form section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.pop-inline form b:before,
    section.subpop-inline form .icon:before,
    section.subpop-inline form .form-item-autocomplete.loading-autocomplete:before,
    section.subpop-inline form table.list-view th.on:before,
    table.list-view section.subpop-inline form th.on:before,
    section.subpop-inline form table.list-view th.sortable:before,
    table.list-view section.subpop-inline form th.sortable:before,
    section.subpop-inline form .ui-indicator #indicator:before,
    .ui-indicator section.subpop-inline form #indicator:before,
    section.subpop-inline form .search-bar div.queries:before,
    .search-bar section.subpop-inline form div.queries:before,
    section.subpop-inline form .simulator > header dd:before,
    .simulator > header section.subpop-inline form dd:before,
    section.subpop-inline form .p3-layout .menu-pane li:before,
    .p3-layout .menu-pane section.subpop-inline form li:before,
    section.subpop-inline form .chat_list_view #simulator footer.send-type-text .type-text b:before,
    .chat_list_view #simulator footer.send-type-text .type-text section.subpop-inline form b:before,
    section.subpop-inline form .bot-editor section.actions li h5:before,
    .bot-editor section.actions li section.subpop-inline form h5:before,
    section.subpop-inline form .bot-editor ul.nodes > li > div span.new:before,
    .bot-editor ul.nodes > li > div section.subpop-inline form span.new:before,
    section.subpop-inline form .bot-editor ul.nodes > li > div label.new:before,
    .bot-editor ul.nodes > li > div section.subpop-inline form label.new:before,
    section.subpop-inline form .bot-editor ul.nodes div.schedule:before,
    .bot-editor ul.nodes section.subpop-inline form div.schedule:before,
    section.subpop-inline form .bot-editor ul.nodes ol.card li.item.new:before,
    .bot-editor ul.nodes ol.card section.subpop-inline form li.item.new:before,
    section.subpop-inline form .bot-editor ul.nodes div.react-btns label.colors:hover u:before,
    .bot-editor ul.nodes div.react-btns label.colors:hover section.subpop-inline form u:before,
    section.subpop-inline form section.user-editor section.info header:before,
    section.user-editor section.info section.subpop-inline form header:before,
    section.subpop-inline form section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before,
    section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.subpop-inline form b:before {
      text-indent: 6px; }
    section.pop-inline form li[name=trans_type].manual,
    section.subpop-inline form li[name=trans_type].manual {
      padding-bottom: 0;
      border-bottom: 0; }
    section.pop-inline form li[name=trans_type].manual + li.type-act,
    section.subpop-inline form li[name=trans_type].manual + li.type-act {
      padding-top: 0; }
  section.pop-inline div.loading,
  section.subpop-inline div.loading {
    width: inherit;
    display: block;
    height: 80px;
    line-height: 80px;
    position: relative;
    text-align: center; }
  section.pop-inline div.loading b.fa-circle-o-notch,
  section.subpop-inline div.loading b.fa-circle-o-notch {
    position: absolute;
    left: 0;
    top: 8px;
    color: #FFFFFF;
    left: 50%;
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    min-height: 40px;
    min-width: 40px;
    text-align: center;
    margin-left: -20px !important;
    animation: fa-spin 1s infinite linear; }
  section.pop-inline div b.fa-circle-o-notch:before,
  section.subpop-inline div b.fa-circle-o-notch:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 2.2rem; }
  section.pop-inline div.loading h6,
  section.subpop-inline div.loading h6 {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center !important;
    color: #FFFFFF !important;
    top: 50px;
    font-size: 0.9rem;
    content: 'Loading ･･･';
    margin-bottom: 20px; }
  section.pop-inline > dl,
  section.subpop-inline > dl {
    position: absolute;
    right: -30px;
    top: 10px;
    width: 60px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    section.pop-inline > dl dd,
    section.subpop-inline > dl dd {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 10px;
      color: white;
      background-color: #666;
      cursor: pointer; }
      section.pop-inline > dl dd.expand:before,
      section.subpop-inline > dl dd.expand:before {
        content: "";
        width: 20px; }
  section.pop-inline input[type=date],
  section.subpop-inline input[type=date] {
    width: 170px !important; }
  section.pop-inline .timesheet-btn,
  section.subpop-inline .timesheet-btn {
    margin-top: 0px;
    background-color: transparent;
    border: 0px;
    border-color: white;
    padding-left: 0;
    text-indent: 16px; }
  section.pop-inline .timesheet-btn:before,
  section.subpop-inline .timesheet-btn:before {
    line-height: 54px; }
  section.pop-inline .timesheet-btn:hover,
  section.subpop-inline .timesheet-btn:hover {
    background-color: #5A677C; }
  section.pop-inline li.imageviewer-image-editor,
  section.subpop-inline li.imageviewer-image-editor {
    justify-content: center; }
    section.pop-inline li.imageviewer-image-editor > div,
    section.subpop-inline li.imageviewer-image-editor > div {
      flex: 0; }
  section.pop-inline .imageviewer-image,
  section.subpop-inline .imageviewer-image {
    display: none; }
  section.pop-inline .imageviewer-box,
  section.subpop-inline .imageviewer-box {
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center; }
    section.pop-inline .imageviewer-box ol.card,
    section.subpop-inline .imageviewer-box ol.card {
      border-radius: 0px;
      margin: 0px; }
    section.pop-inline .imageviewer-box .card,
    section.subpop-inline .imageviewer-box .card {
      border-radius: 0px; }
      section.pop-inline .imageviewer-box .card li.image,
      section.subpop-inline .imageviewer-box .card li.image {
        width: 100%;
        min-width: 100%; }
      section.pop-inline .imageviewer-box .card i.link.inputing,
      section.subpop-inline .imageviewer-box .card i.link.inputing {
        transform: none !important;
        width: 250px;
        background-color: rgba(47, 50, 58, 0.9);
        box-sizing: border-box;
        margin: 0; }
        section.pop-inline .imageviewer-box .card i.link.inputing:before,
        section.subpop-inline .imageviewer-box .card i.link.inputing:before {
          text-align: center !important;
          position: absolute;
          height: 36px;
          width: 36px;
          left: 0px; }
        section.pop-inline .imageviewer-box .card i.link.inputing input[type=text],
        section.subpop-inline .imageviewer-box .card i.link.inputing input[type=text] {
          display: block; }
      section.pop-inline .imageviewer-box .card input[type=text],
      section.subpop-inline .imageviewer-box .card input[type=text] {
        position: absolute;
        left: 32px;
        display: none;
        top: 4px;
        background: transparent !important;
        border: 0 !important;
        color: white !important;
        font-size: 0.8rem;
        margin: 0;
        width: 220px;
        height: 28px !important;
        line-height: 28px !important;
        min-width: 220px;
        padding-left: 8px !important;
        border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0; }
  section.pop-inline footer button:hover,
  section.subpop-inline footer button:hover {
    background-color: #666; }
  section.pop-inline form.action-schedule-form .form-row-checkbox label,
  section.subpop-inline form.action-schedule-form .form-row-checkbox label {
    text-indent: 0 !important; }
  section.pop-inline form.action-schedule-form .close,
  section.subpop-inline form.action-schedule-form .close {
    background-image: url(/images/ico_close.svg?v=1);
    background-size: auto 24px; }

section.pop-dark {
  background-color: transparent !important; }
  section.pop-dark .forms {
    background-color: rgba(0, 0, 0, 0.9); }
    section.pop-dark .forms form {
      background-color: transparent; }
  section.pop-dark ul li h2, section.pop-dark ul li h4, section.pop-dark ul li h5, section.pop-dark ul li b, section.pop-dark ul li label {
    color: #999; }
  section.pop-dark button {
    color: #999; }
  section.pop-dark section > footer {
    background-color: rgba(0, 0, 0, 0.9); }

section.pop-inline.fullscreen,
section.subpop-inline.fullscreen {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0px; }
  section.pop-inline.fullscreen .timesheet-btn:before,
  section.subpop-inline.fullscreen .timesheet-btn:before {
    left: 13.5rem; }
  section.pop-inline.fullscreen > form,
  section.subpop-inline.fullscreen > form {
    width: auto;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    transition-duration: 0.4s;
    max-height: calc(100vh -20px);
    overflow: hidden;
    overflow-y: auto; }
    section.pop-inline.fullscreen > form li.exps button,
    section.subpop-inline.fullscreen > form li.exps button {
      color: #FFFFFF;
      margin-left: 0;
      display: initial !important;
      background-color: #666;
      border: none;
      line-height: 32px; }
      section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.icon.biz, section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before, section.pop-inline.fullscreen > form li.exps .ui-indicator button.vip.ext-btn.biz#indicator:before, .ui-indicator section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.biz#indicator:before,
      section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.icon.biz,
      section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before,
      section.subpop-inline.fullscreen > form li.exps .ui-indicator button.vip.ext-btn.biz#indicator:before,
      .ui-indicator section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.biz#indicator:before {
        line-height: 33px;
        text-indent: 26px; }
      section.pop-inline.fullscreen > form li.exps button:hover,
      section.subpop-inline.fullscreen > form li.exps button:hover {
        background-color: #222; }
      section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.icon.biz, section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before, section.pop-inline.fullscreen > form li.exps .ui-indicator button.vip.ext-btn.biz#indicator:before, .ui-indicator section.pop-inline.fullscreen > form li.exps button.vip.ext-btn.biz#indicator:before,
      section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.icon.biz,
      section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.biz.form-item-autocomplete.loading-autocomplete:before,
      section.subpop-inline.fullscreen > form li.exps .ui-indicator button.vip.ext-btn.biz#indicator:before,
      .ui-indicator section.subpop-inline.fullscreen > form li.exps button.vip.ext-btn.biz#indicator:before {
        width: fit-content;
        padding-right: 26px; }
    section.pop-inline.fullscreen > form li.exps.next-act button,
    section.subpop-inline.fullscreen > form li.exps.next-act button {
      margin-top: 0px; }
    section.pop-inline.fullscreen > form .form-item-autocomplete.next-act,
    section.subpop-inline.fullscreen > form .form-item-autocomplete.next-act {
      width: calc(100% - 24px);
      flex-direction: row; }
      section.pop-inline.fullscreen > form .form-item-autocomplete.next-act span,
      section.subpop-inline.fullscreen > form .form-item-autocomplete.next-act span {
        background: #666;
        line-height: 16px;
        padding-right: 20px;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 12px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        height: 24px;
        line-height: 24px;
        color: white;
        width: auto;
        padding-left: 12px;
        margin: auto 10px auto 0px; }
        section.pop-inline.fullscreen > form .form-item-autocomplete.next-act span b,
        section.subpop-inline.fullscreen > form .form-item-autocomplete.next-act span b {
          margin: 0px;
          width: 16px;
          height: 16px;
          position: absolute;
          z-index: 1;
          top: 4px;
          right: 4px;
          background-image: url(/images/ico_cross_w.svg);
          background-size: 10px 10px;
          background-position: 50% 50%;
          cursor: hand;
          cursor: pointer; }
        section.pop-inline.fullscreen > form .form-item-autocomplete.next-act span b:hover,
        section.subpop-inline.fullscreen > form .form-item-autocomplete.next-act span b:hover {
          background-color: transparent; }
    section.pop-inline.fullscreen > form footer.exps,
    section.subpop-inline.fullscreen > form footer.exps {
      padding-left: 0px;
      border-top: 0; }
      section.pop-inline.fullscreen > form footer.exps button,
      section.subpop-inline.fullscreen > form footer.exps button {
        color: #FFFFFF; }
    section.pop-inline.fullscreen > form h2,
    section.subpop-inline.fullscreen > form h2 {
      color: #FFFFFF;
      text-align: left;
      border-bottom: 1px solid #D0C9C3;
      width: 100%;
      font-weight: bold; }
    section.pop-inline.fullscreen > form li,
    section.subpop-inline.fullscreen > form li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      section.pop-inline.fullscreen > form li > h4,
      section.subpop-inline.fullscreen > form li > h4 {
        color: #FFFFFF;
        font-weight: 400;
        width: 180px;
        display: block; }
    section.pop-inline.fullscreen > form li > h4, section.pop-inline.fullscreen > form li[type=multiple] > dl > dd > h4,
    section.subpop-inline.fullscreen > form li > h4,
    section.subpop-inline.fullscreen > form li[type=multiple] > dl > dd > h4 {
      color: #FFFFFF;
      font-weight: 400;
      width: 180px !important;
      display: block; }
    section.pop-inline.fullscreen > form li[type=multiple] > dl > dd:nth-of-type(n+2) > h4,
    section.subpop-inline.fullscreen > form li[type=multiple] > dl > dd:nth-of-type(n+2) > h4 {
      width: auto !important; }
    section.pop-inline.fullscreen > form li[type=multiple] > dl > dd,
    section.subpop-inline.fullscreen > form li[type=multiple] > dl > dd {
      min-width: auto;
      width: auto; }
    section.pop-inline.fullscreen > form li[type=hidden],
    section.subpop-inline.fullscreen > form li[type=hidden] {
      border-bottom: 0; }
      section.pop-inline.fullscreen > form li[type=hidden] h4,
      section.subpop-inline.fullscreen > form li[type=hidden] h4 {
        display: none; }
    section.pop-inline.fullscreen > form li.label-btns input[type=text],
    section.subpop-inline.fullscreen > form li.label-btns input[type=text] {
      border-radius: 2px; }
    section.pop-inline.fullscreen > form li.buttons,
    section.subpop-inline.fullscreen > form li.buttons {
      border-top: 0;
      height: 36px;
      line-height: 36px; }
      section.pop-inline.fullscreen > form li.buttons span,
      section.subpop-inline.fullscreen > form li.buttons span {
        color: #999; }
      section.pop-inline.fullscreen > form li.buttons span.on, section.pop-inline.fullscreen > form li.buttons span:hover,
      section.subpop-inline.fullscreen > form li.buttons span.on,
      section.subpop-inline.fullscreen > form li.buttons span:hover {
        background: #666;
        color: #FFFFFF; }
    section.pop-inline.fullscreen > form span.colors,
    section.subpop-inline.fullscreen > form span.colors {
      left: 190px;
      top: 16px; }
    section.pop-inline.fullscreen > form .imageviewer-box,
    section.subpop-inline.fullscreen > form .imageviewer-box {
      margin-left: 65px; }
    section.pop-inline.fullscreen > form nav.next-act-btn label,
    section.subpop-inline.fullscreen > form nav.next-act-btn label {
      color: #FFFFFF; }
    section.pop-inline.fullscreen > form nav.next-act-btn u, section.pop-inline.fullscreen > form nav.next-act-btn b, section.pop-inline.fullscreen > form nav.next-act-btn i,
    section.subpop-inline.fullscreen > form nav.next-act-btn u,
    section.subpop-inline.fullscreen > form nav.next-act-btn b,
    section.subpop-inline.fullscreen > form nav.next-act-btn i {
      color: #FFFFFF; }
    section.pop-inline.fullscreen > form textarea,
    section.subpop-inline.fullscreen > form textarea {
      height: auto; }

section.gact-editor {
  background-color: white;
  width: 520px; }
  section.gact-editor * {
    color: #666; }
  section.gact-editor i.icon.close, section.gact-editor i.close.form-item-autocomplete.loading-autocomplete:before, section.gact-editor .ui-indicator i.close#indicator:before, .ui-indicator section.gact-editor i.close#indicator:before {
    background-image: url(/images/ico_close.svg?v=1); }
  section.gact-editor section.gact-form form ul {
    padding: 0; }
  section.gact-editor section.gact-form form li:not(:has(h2)) {
    padding: 24px; }
  section.gact-editor section.gact-form form li:has(h2) {
    padding-top: unset;
    padding-bottom: unset; }
    section.gact-editor section.gact-form form li:has(h2) h2 {
      width: 100%;
      padding-left: 24px;
      border-bottom: 1px solid #D0C9C3; }
  section.gact-editor footer {
    justify-content: space-between;
    flex-direction: row;
    border-top: 1px solid #D0C9C3;
    background: #F8F6F5; }
    section.gact-editor footer button.icon.biz, section.gact-editor footer button.biz.form-item-autocomplete.loading-autocomplete:before, section.gact-editor footer .ui-indicator button.biz#indicator:before, .ui-indicator section.gact-editor footer button.biz#indicator:before {
      color: #666;
      background: #FFFFFF;
      border: 1px solid #D0C9C3;
      margin-left: 0;
      border: 0; }
      section.gact-editor footer button.icon.biz:hover, section.gact-editor footer button.biz.form-item-autocomplete.loading-autocomplete:hover:before, section.gact-editor footer .ui-indicator button.biz#indicator:hover:before, .ui-indicator section.gact-editor footer button.biz#indicator:hover:before {
        background: #F8F6F5; }

section.dict-editor {
  width: 1080px; }
  section.dict-editor * {
    color: #666; }
  section.dict-editor section.forms {
    display: flex;
    flex-direction: row;
    width: 100%; }
    section.dict-editor section.forms form {
      width: 520px;
      flex: 1; }
      section.dict-editor section.forms form.bot-msg-form {
        width: 580px;
        padding-left: 0;
        padding-right: 0; }
        section.dict-editor section.forms form.bot-msg-form div.exts {
          display: flex;
          flex-direction: row; }
          section.dict-editor section.forms form.bot-msg-form div.exts h4 {
            margin-top: 8px;
            width: 120px;
            font-weight: normal;
            height: 24px;
            line-height: 24px; }
          section.dict-editor section.forms form.bot-msg-form div.exts form {
            padding-left: 0; }
      section.dict-editor section.forms form.user-msg-form {
        padding-left: 0;
        padding-right: 0; }
      section.dict-editor section.forms form ul {
        padding-top: 0; }
      section.dict-editor section.forms form h2 {
        width: 100%;
        font-weight: bold;
        height: 48px;
        line-height: 48px; }
      section.dict-editor section.forms form h4 {
        width: 120px;
        min-width: 120px; }
      section.dict-editor section.forms form h4:after {
        content: ":"; }
      section.dict-editor section.forms form .form-type-radio {
        flex-direction: column; }
      section.dict-editor section.forms form textarea {
        min-height: 40px; }
      section.dict-editor section.forms form .dict-ext {
        display: flex;
        flex-direction: row; }
        section.dict-editor section.forms form .dict-ext form > ul {
          margin: 0px;
          padding: 0px; }
          section.dict-editor section.forms form .dict-ext form > ul > li {
            margin: 0px;
            padding: 0px; }
        section.dict-editor section.forms form .dict-ext .ext {
          display: flex;
          flex-direction: row; }
          section.dict-editor section.forms form .dict-ext .ext .space {
            flex: 1; }
    section.dict-editor section.forms > span.spliter {
      width: 0px;
      font-size: 0;
      border-left: 1px solid #D0C9C3;
      margin-top: 12px; }
  section.dict-editor footer {
    justify-content: space-between;
    flex-direction: row;
    border-top: 1px solid #D0C9C3; }
    section.dict-editor footer .icon.biz, section.dict-editor footer .biz.form-item-autocomplete.loading-autocomplete:before, section.dict-editor footer table.list-view th.biz.on, table.list-view section.dict-editor footer th.biz.on, section.dict-editor footer table.list-view th.biz.sortable, table.list-view section.dict-editor footer th.biz.sortable, section.dict-editor footer .ui-indicator .biz#indicator:before, .ui-indicator section.dict-editor footer .biz#indicator:before, section.dict-editor footer .search-bar div.biz.queries, .search-bar section.dict-editor footer div.biz.queries, section.dict-editor footer .simulator > header dd.biz, .simulator > header section.dict-editor footer dd.biz, section.dict-editor footer .p3-layout .menu-pane li.biz, .p3-layout .menu-pane section.dict-editor footer li.biz, section.dict-editor .chat_list_view #simulator footer.send-type-text .type-text b.biz:before, .chat_list_view #simulator section.dict-editor footer.send-type-text .type-text b.biz:before, section.dict-editor footer .bot-editor section.actions li h5.biz, .bot-editor section.actions li section.dict-editor footer h5.biz, section.dict-editor footer .bot-editor ul.nodes > li > div span.biz.new, .bot-editor ul.nodes > li > div section.dict-editor footer span.biz.new, section.dict-editor footer .bot-editor ul.nodes > li > div label.biz.new, .bot-editor ul.nodes > li > div section.dict-editor footer label.biz.new, section.dict-editor footer .bot-editor ul.nodes div.biz.schedule, .bot-editor ul.nodes section.dict-editor footer div.biz.schedule, section.dict-editor footer .bot-editor ul.nodes ol.card li.biz.item.new, .bot-editor ul.nodes ol.card section.dict-editor footer li.biz.item.new, section.dict-editor footer .bot-editor ul.nodes div.react-btns label.colors:hover u.biz, .bot-editor ul.nodes div.react-btns label.colors:hover section.dict-editor footer u.biz, section.dict-editor footer section.user-editor section.info header.biz, section.user-editor section.info section.dict-editor footer header.biz, section.dict-editor section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.biz:before, section.user-editor section.chats section.dict-editor footer.simulator-footer.send-type-text .type-text b.biz:before {
      margin-left: 0;
      border: 0; }

div.dict-mute-editor section {
  display: flex;
  flex-direction: row; }
  div.dict-mute-editor section div.left {
    flex: 1;
    padding-left: 16px;
    padding-right: 8px; }
  div.dict-mute-editor section div.right {
    flex: 1;
    padding-left: 8px;
    padding-right: 16px; }
  div.dict-mute-editor section textarea {
    width: 100%; }

section.beacon-form {
  width: 720px;
  max-width: 720px; }
  section.beacon-form input {
    color: #666; }
  section.beacon-form .form-item-autocomplete {
    margin-right: 40px; }
    section.beacon-form .form-item-autocomplete input {
      width: 20px !important; }

section.subpop-inline .form-timesheet,
section.subpop-inline.fullscreen .form-timesheet,
section.pop-inline .form-timesheet {
  background-color: rgba(0, 0, 0, 0.7);
  width: auto; }
  section.subpop-inline .form-timesheet li > dl,
  section.subpop-inline.fullscreen .form-timesheet li > dl,
  section.pop-inline .form-timesheet li > dl {
    width: 100% !important; }
  section.subpop-inline .form-timesheet dd.space,
  section.subpop-inline.fullscreen .form-timesheet dd.space,
  section.pop-inline .form-timesheet dd.space {
    pointer-events: none; }
  section.subpop-inline .form-timesheet dd.form-item-week,
  section.subpop-inline.fullscreen .form-timesheet dd.form-item-week,
  section.pop-inline .form-timesheet dd.form-item-week {
    width: 80px; }
  section.subpop-inline .form-timesheet dd.time,
  section.subpop-inline.fullscreen .form-timesheet dd.time,
  section.pop-inline .form-timesheet dd.time {
    min-width: 140px; }
  section.subpop-inline .form-timesheet dd.time.space,
  section.subpop-inline.fullscreen .form-timesheet dd.time.space,
  section.pop-inline .form-timesheet dd.time.space {
    min-width: 0px; }
  section.subpop-inline .form-timesheet .form-type-checkbox > label,
  section.subpop-inline.fullscreen .form-timesheet .form-type-checkbox > label,
  section.pop-inline .form-timesheet .form-type-checkbox > label {
    color: #999;
    height: 28px;
    line-height: 28px; }
  section.subpop-inline .form-timesheet .dash,
  section.subpop-inline.fullscreen .form-timesheet .dash,
  section.pop-inline .form-timesheet .dash {
    display: block;
    height: 28px;
    line-height: 28px;
    width: 28px;
    text-align: center; }
  section.subpop-inline .form-timesheet .space,
  section.subpop-inline.fullscreen .form-timesheet .space,
  section.pop-inline .form-timesheet .space {
    display: block;
    width: 48px; }
  section.subpop-inline .form-timesheet span,
  section.subpop-inline.fullscreen .form-timesheet span,
  section.pop-inline .form-timesheet span {
    color: #999; }
  section.subpop-inline .form-timesheet header,
  section.subpop-inline.fullscreen .form-timesheet header,
  section.pop-inline .form-timesheet header {
    background: transparent;
    text-align: left;
    color: white;
    border-bottom: 1px solid #FFFFFF; }
  section.subpop-inline .form-timesheet footer,
  section.subpop-inline.fullscreen .form-timesheet footer,
  section.pop-inline .form-timesheet footer {
    width: 100%;
    background: transparent; }

.form-timesheet .form-type-checkbox {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center; }
  .form-timesheet .form-type-checkbox label {
    word-wrap: none !important;
    word-break: keep-all;
    height: 28px;
    line-height: 28px;
    min-width: 20px; }

.ext-mask {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .ext-mask .wide-window.exts {
    display: flex;
    flex-direction: row;
    width: 80vw;
    height: 640px;
    background: white;
    padding-top: 0;
    max-width: 910px;
    min-width: 65rem; }
    .ext-mask .wide-window.exts .ui-tab-menu {
      background: white;
      min-width: 220px;
      overflow-y: scroll; }
      .ext-mask .wide-window.exts .ui-tab-menu dd {
        color: var(--d2);
        margin-right: 0;
        text-indent: 8px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 2rem;
        min-height: 44px; }
        .ext-mask .wide-window.exts .ui-tab-menu dd span.bot-locks:after {
          height: 32px;
          line-height: 32px;
          font-family: "FontAwesome" !important;
          position: absolute;
          right: 10px;
          top: 7px;
          opacity: .8; }
        .ext-mask .wide-window.exts .ui-tab-menu dd span.bot-locks:hover:after {
          cursor: pointer;
          opacity: 1;
          transform: scale(1.3);
          transition-duration: .2s; }
        .ext-mask .wide-window.exts .ui-tab-menu dd span.unlock:after {
          content: ""; }
        .ext-mask .wide-window.exts .ui-tab-menu dd span.lock:after {
          content: "";
          color: #f8c90a; }
      .ext-mask .wide-window.exts .ui-tab-menu dd.slack {
        text-transform: capitalize; }
      .ext-mask .wide-window.exts .ui-tab-menu dd.on {
        border-radius: 0;
        background: var(--l1); }
      .ext-mask .wide-window.exts .ui-tab-menu dd:before {
        left: 16px; }
    .ext-mask .wide-window.exts .ui-tab-menu-container {
      position: relative;
      flex: 1; }
      .ext-mask .wide-window.exts .ui-tab-menu-container ul.webhook-params {
        display: block;
        height: calc(100% - 48px);
        overflow-y: auto; }
        .ext-mask .wide-window.exts .ui-tab-menu-container ul.webhook-params > li h4 {
          width: 100%;
          text-align: left; }
      .ext-mask .wide-window.exts .ui-tab-menu-container ul.salesforce-params, .ext-mask .wide-window.exts .ui-tab-menu-container ul.hubspot-params, .ext-mask .wide-window.exts .ui-tab-menu-container ul.gsheet-params, .ext-mask .wide-window.exts .ui-tab-menu-container ul.kintone-params, .ext-mask .wide-window.exts .ui-tab-menu-container ul.ms365-params {
        display: block;
        height: calc(100% - 48px);
        overflow-y: auto; }
        .ext-mask .wide-window.exts .ui-tab-menu-container ul.salesforce-params > li h4, .ext-mask .wide-window.exts .ui-tab-menu-container ul.hubspot-params > li h4, .ext-mask .wide-window.exts .ui-tab-menu-container ul.gsheet-params > li h4, .ext-mask .wide-window.exts .ui-tab-menu-container ul.kintone-params > li h4, .ext-mask .wide-window.exts .ui-tab-menu-container ul.ms365-params > li h4 {
          width: 100%;
          text-align: left; }
      .ext-mask .wide-window.exts .ui-tab-menu-container ul > li h4 {
        color: #999; }
      .ext-mask .wide-window.exts .ui-tab-menu-container ul.webhook-params > li > p {
        color: #999; }
        .ext-mask .wide-window.exts .ui-tab-menu-container ul.webhook-params > li > p > b, .ext-mask .wide-window.exts .ui-tab-menu-container ul.webhook-params > li > p > span {
          color: #999; }
      .ext-mask .wide-window.exts .ui-tab-menu-container form {
        height: 100%;
        min-width: 640px;
        padding-right: 40px; }
      .ext-mask .wide-window.exts .ui-tab-menu-container div.ms365-registration {
        height: calc(100% - 6rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .ext-mask .wide-window.exts .ui-tab-menu-container div.ms365-registration button {
          background-color: var(--a2);
          color: #fff;
          border: 1px solid var(--a2);
          margin-left: 0 !important; }
      .ext-mask .wide-window.exts .ui-tab-menu-container footer {
        position: absolute;
        height: 48px;
        bottom: 0;
        left: 0;
        max-width: 690px; }
        .ext-mask .wide-window.exts .ui-tab-menu-container footer button {
          color: #999; }
        .ext-mask .wide-window.exts .ui-tab-menu-container footer button:hover {
          background-color: #999; }
        .ext-mask .wide-window.exts .ui-tab-menu-container footer.action-ext {
          line-height: unset; }
    .ext-mask .wide-window.exts .rms-form ul {
      display: block;
      height: calc(100% - 48px);
      overflow-y: auto; }
      .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] h4 {
        width: min-content;
        text-align: left;
        text-transform: none; }
      .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] h5 {
        height: 32px;
        line-height: 32px;
        padding-right: 16px;
        padding-left: 10px;
        color: #999; }
      .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl {
        width: 100% !important; }
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl .sapce {
          width: 0px; }
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd {
          display: block;
          width: min-content;
          min-width: 120px; }
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_day] > div, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_hour] > div,
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_day] > div, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_hour] > div {
          width: 120px; }
          .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_day] > div > div, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_hour] > div > div,
          .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_day] > div > div, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_hour] > div > div {
            width: 100%; }
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_day] .form-item-autocomplete, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_hour] .form-item-autocomplete,
        .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_day] .form-item-autocomplete, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_hour] .form-item-autocomplete {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap; }
          .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_day] .form-item-autocomplete input, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=before_hour] .form-item-autocomplete input,
          .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_day] .form-item-autocomplete input, .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] > dl > dd[name=after_hour] .form-item-autocomplete input {
            min-width: 10px; }
      .ext-mask .wide-window.exts .rms-form ul > li[name=temp_confirm_f] h4 {
        align-self: baseline;
        line-height: 32px; }
      .ext-mask .wide-window.exts .rms-form ul > li[name=temp_confirm_f] p {
        padding: 0px 3px; }

.popover.error, section.error.pop-inline {
  background: #DB234B; }
  .popover.error section p, section.error.pop-inline section p {
    color: white; }
  .popover.error.top:after, section.error.top.pop-inline:after {
    border-top-color: #DB234B !important;
    right: 80px; }
  .popover.error.right:after, section.error.right.pop-inline:after {
    border-right-color: #DB234B !important;
    top: 8px; }
  .popover.error#action_edit_err, section.error#action_edit_err.pop-inline {
    background-color: rgba(0, 0, 0, 0.7); }
    .popover.error#action_edit_err::after, section.error#action_edit_err.pop-inline::after {
      border-top-color: rgba(0, 0, 0, 0.7) !important; }
    .popover.error#action_edit_err .close, section.error#action_edit_err.pop-inline .close {
      display: none; }

.popover.vars.json-vars dl, section.vars.json-vars.pop-inline dl {
  position: relative;
  padding: 0 !important;
  width: 100%; }

.popover.vars.json-vars dd, section.vars.json-vars.pop-inline dd {
  width: inherit;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: none;
  margin: 0 !important;
  border-radius: 0 !important;
  text-align: left;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 0px !important; }
  .popover.vars.json-vars dd:hover, section.vars.json-vars.pop-inline dd:hover {
    background-color: #FDC73E !important;
    color: #FFFFFF !important; }
    .popover.vars.json-vars dd:hover b, section.vars.json-vars.pop-inline dd:hover b {
      background: transparent; }
  .popover.vars.json-vars dd b, section.vars.json-vars.pop-inline dd b {
    background-color: #5F5BFF;
    color: white;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px; }

.popover.fb-settings, section.fb-settings.pop-inline {
  position: fixed; }
  .popover.fb-settings:after, section.fb-settings.pop-inline:after {
    left: 590px !important; }
  .popover.fb-settings form, section.fb-settings.pop-inline form {
    max-height: 240px;
    overflow-y: auto; }
    .popover.fb-settings form li, section.fb-settings.pop-inline form li {
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      .popover.fb-settings form li button, section.fb-settings.pop-inline form li button {
        margin-top: auto;
        margin-bottom: 0;
        height: 24px;
        line-height: 24px;
        background-color: #00D6C9;
        border-color: #009F96;
        font-weight: 400;
        color: #FFFFFF; }
      .popover.fb-settings form li button.exists, section.fb-settings.pop-inline form li button.exists {
        background-color: #ccc;
        border-color: #999;
        color: white;
        color: #666; }
      .popover.fb-settings form li label, section.fb-settings.pop-inline form li label {
        padding-left: 16px;
        height: 24px;
        line-height: 24px; }
      .popover.fb-settings form li:hover, section.fb-settings.pop-inline form li:hover {
        background-color: #666; }
  .popover.fb-settings section > h2, section.fb-settings.pop-inline section > h2 {
    text-align: center;
    position: relative; }
    .popover.fb-settings section > h2:before, section.fb-settings.pop-inline section > h2:before {
      content: '';
      height: 1px;
      width: 320px;
      left: 0;
      position: absolute;
      top: 11px;
      background-color: black; }
    .popover.fb-settings section > h2:after, section.fb-settings.pop-inline section > h2:after {
      content: '';
      height: 1px;
      width: 320px;
      right: 0;
      position: absolute;
      top: 11px;
      background-color: black; }
  .popover.fb-settings .paste-area code, section.fb-settings.pop-inline .paste-area code {
    width: 100%;
    background: white; }
  .popover.fb-settings .paste-area button, section.fb-settings.pop-inline .paste-area button {
    border-radius: 20px;
    color: #5F5BFF;
    font-weight: 500;
    border: none;
    background-color: rgba(95, 91, 255, 0.13);
    width: 80px !important;
    height: 35px;
    line-height: 33px; }
  .popover.fb-settings .paste-area button:before, section.fb-settings.pop-inline .paste-area button:before {
    font-family: "FontAwesome";
    content: "\f0c5";
    margin-right: 3px; }
  .popover.fb-settings form li label, section.fb-settings.pop-inline form li label {
    color: #e19f41; }
  .popover.fb-settings form li button, section.fb-settings.pop-inline form li button {
    background-color: #5F5BFF;
    height: 32px;
    line-height: 31px;
    border: none; }
  .popover.fb-settings form li button:before, section.fb-settings.pop-inline form li button:before {
    font-family: 'FontAwesome';
    content: '\f0c1';
    margin-right: 5px; }
  .popover.fb-settings form li button.on:before, section.fb-settings.pop-inline form li button.on:before {
    font-family: 'FontAwesome';
    content: '\f127';
    margin-right: 5px; }
  .popover.fb-settings footer, section.fb-settings.pop-inline footer {
    display: none; }

.popup.web-settings {
  width: 60rem; }
  .popup.web-settings form {
    flex: 1;
    padding-right: 0; }
  .popup.web-settings div.codes {
    flex: 1; }
    .popup.web-settings div.codes h4 {
      font-size: 13px;
      font-weight: normal; }
    .popup.web-settings div.codes .paste-area {
      padding-left: 0; }
  .popup.web-settings footer {
    border-top: 1px solid #D0C9C3; }
    .popup.web-settings footer .keep-label {
      margin-left: 16px; }

.paste-area code {
  background: #D0C9C3;
  color: #666;
  padding-right: 90px;
  overflow-wrap: break-word;
  width: 30rem; }

.paste-area.pixel code {
  background: #D0C9C3;
  color: #666;
  overflow-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.paste-area button {
  position: absolute;
  width: 64px !important;
  height: 28px;
  line-height: 28px;
  right: 24px;
  background-color: #666;
  top: 24px;
  padding: 0;
  color: #FFFFFF; }

.popover.team-settings, section.team-settings.pop-inline {
  position: fixed;
  overflow: hidden; }
  .popover.team-settings:after, section.team-settings.pop-inline:after {
    left: 590px !important; }
  .popover.team-settings form li h4, section.team-settings.pop-inline form li h4 {
    margin-right: 15px; }
  .popover.team-settings form li input[type=text], section.team-settings.pop-inline form li input[type=text] {
    width: calc(100% - 5px); }
  .popover.team-settings .paste-area, section.team-settings.pop-inline .paste-area {
    padding-top: 0; }
    .popover.team-settings .paste-area h2, section.team-settings.pop-inline .paste-area h2 {
      position: relative;
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      margin-left: 0; }
    .popover.team-settings .paste-area code, section.team-settings.pop-inline .paste-area code {
      background: #D0C9C3;
      color: #666;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 10px;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 700px;
      overflow-wrap: break-word !important; }
    .popover.team-settings .paste-area button, section.team-settings.pop-inline .paste-area button {
      position: absolute;
      width: 64px !important;
      height: 28px;
      line-height: 28px;
      right: 10px;
      background-color: #666;
      top: 24px;
      padding: 0;
      color: #FFFFFF; }
  .popover.team-settings footer, section.team-settings.pop-inline footer {
    background: transparent;
    flex-direction: row;
    justify-content: space-between; }
    .popover.team-settings footer p, section.team-settings.pop-inline footer p {
      text-align: right;
      width: inherit;
      height: inherit;
      line-height: inherit;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0; }
      .popover.team-settings footer p a, section.team-settings.pop-inline footer p a {
        color: #FDC73E; }
    .popover.team-settings footer button, section.team-settings.pop-inline footer button {
      color: white; }

.popover.line-settings, section.line-settings.pop-inline {
  position: fixed;
  overflow: hidden; }
  .popover.line-settings:after, section.line-settings.pop-inline:after {
    left: 590px !important; }
  .popover.line-settings form, section.line-settings.pop-inline form {
    max-height: calc(100vh - 380px);
    min-height: 240px;
    overflow-y: auto; }
    .popover.line-settings form ul, section.line-settings.pop-inline form ul {
      width: 640px;
      margin-left: 16px;
      margin-right: 16px;
      padding-top: 0; }
    .popover.line-settings form li, section.line-settings.pop-inline form li {
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      .popover.line-settings form li h4, section.line-settings.pop-inline form li h4 {
        width: 200px;
        line-height: 32px; }
      .popover.line-settings form li button, section.line-settings.pop-inline form li button {
        margin-top: auto;
        margin-bottom: 0;
        height: 24px;
        line-height: 24px;
        background-color: #00D6C9;
        border-color: #009F96; }
      .popover.line-settings form li input[type=text], section.line-settings.pop-inline form li input[type=text],
      .popover.line-settings form li .ui-dropdown,
      section.line-settings.pop-inline form li .ui-dropdown {
        width: 320px; }
        .popover.line-settings form li input[type=text] label, section.line-settings.pop-inline form li input[type=text] label,
        .popover.line-settings form li .ui-dropdown label,
        section.line-settings.pop-inline form li .ui-dropdown label {
          color: #666; }
      .popover.line-settings form li button.exists, section.line-settings.pop-inline form li button.exists {
        background-color: #ccc;
        border-color: #999;
        color: white; }
      .popover.line-settings form li label, section.line-settings.pop-inline form li label {
        padding-left: 10px; }
      .popover.line-settings form li div.form-type-select, section.line-settings.pop-inline form li div.form-type-select {
        height: 32px;
        line-height: 32px; }
      .popover.line-settings form li a, section.line-settings.pop-inline form li a {
        line-height: 32px;
        color: #FDC73E; }
      .popover.line-settings form li.height-auto, section.line-settings.pop-inline form li.height-auto {
        height: auto; }
        .popover.line-settings form li.height-auto > div, section.line-settings.pop-inline form li.height-auto > div {
          justify-content: center; }
        .popover.line-settings form li.height-auto a, section.line-settings.pop-inline form li.height-auto a {
          line-height: 20px;
          color: #FDC73E;
          word-break: break-all; }
    .popover.line-settings form li[name=liff_domain], section.line-settings.pop-inline form li[name=liff_domain] {
      height: auto; }
      .popover.line-settings form li[name=liff_domain] .form-type-select, section.line-settings.pop-inline form li[name=liff_domain] .form-type-select {
        height: auto; }
      .popover.line-settings form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown, section.line-settings.pop-inline form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown {
        background: #C7655D; }
        .popover.line-settings form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown label, section.line-settings.pop-inline form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown label {
          color: #D0C9C3; }
      .popover.line-settings form li[name=liff_domain].domain-line p.desc-liff_domain i.icon.infor, section.line-settings.pop-inline form li[name=liff_domain].domain-line p.desc-liff_domain i.icon.infor, .popover.line-settings form li[name=liff_domain].domain-line p.desc-liff_domain i.infor.form-item-autocomplete.loading-autocomplete:before, section.line-settings.pop-inline form li[name=liff_domain].domain-line p.desc-liff_domain i.infor.form-item-autocomplete.loading-autocomplete:before, .popover.line-settings form li[name=liff_domain].domain-line p.desc-liff_domain .ui-indicator i.infor#indicator:before, .ui-indicator .popover.line-settings form li[name=liff_domain].domain-line p.desc-liff_domain i.infor#indicator:before, section.line-settings.pop-inline form li[name=liff_domain].domain-line p.desc-liff_domain .ui-indicator i.infor#indicator:before, .ui-indicator section.line-settings.pop-inline form li[name=liff_domain].domain-line p.desc-liff_domain i.infor#indicator:before {
        color: #C7655D; }
      .popover.line-settings form li[name=liff_domain].domain-line p.desc-liff_domain span, section.line-settings.pop-inline form li[name=liff_domain].domain-line p.desc-liff_domain span {
        padding-left: 20px;
        color: #C7655D; }
  .popover.line-settings img.qr, section.line-settings.pop-inline img.qr {
    position: absolute;
    right: 24px;
    top: 150px;
    border: 1px solid white;
    width: 140px;
    height: 140px; }
  .popover.line-settings section.line-manual, section.line-settings.pop-inline section.line-manual {
    background: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0; }
  .popover.line-settings .paste-area, section.line-settings.pop-inline .paste-area {
    padding-top: 0; }
    .popover.line-settings .paste-area h2, section.line-settings.pop-inline .paste-area h2 {
      position: relative;
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      margin-left: 0; }
    .popover.line-settings .paste-area code, section.line-settings.pop-inline .paste-area code {
      background: #D0C9C3;
      color: #666;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 10px;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 700px;
      overflow-wrap: break-word !important; }
    .popover.line-settings .paste-area button, section.line-settings.pop-inline .paste-area button {
      position: absolute;
      width: 64px !important;
      height: 28px;
      line-height: 28px;
      right: 10px;
      background-color: #666;
      top: 24px;
      padding: 0;
      color: #FFFFFF; }
  .popover.line-settings footer, section.line-settings.pop-inline footer {
    background: transparent;
    flex-direction: row;
    justify-content: space-between; }
    .popover.line-settings footer p, section.line-settings.pop-inline footer p {
      text-align: right;
      width: inherit;
      height: inherit;
      line-height: inherit;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0; }
      .popover.line-settings footer p a, section.line-settings.pop-inline footer p a {
        color: #FDC73E; }
    .popover.line-settings footer button, section.line-settings.pop-inline footer button {
      color: white; }

.popover.group-form, section.group-form.pop-inline {
  padding: 0 !important; }
  .popover.group-form input[type=text], section.group-form.pop-inline input[type=text] {
    height: 40px;
    line-height: 40px; }
  .popover.group-form form, section.group-form.pop-inline form {
    text-align: left;
    padding: 25px 0 25px 25px;
    border-bottom: 1px solid #D0C9C3; }
  .popover.group-form footer, section.group-form.pop-inline footer {
    background: transparent;
    border-top: none;
    justify-content: flex-end; }
    .popover.group-form footer .icon.save, section.group-form.pop-inline footer .icon.save, .popover.group-form footer .save.form-item-autocomplete.loading-autocomplete:before, section.group-form.pop-inline footer .save.form-item-autocomplete.loading-autocomplete:before, .popover.group-form footer table.list-view th.save.on, table.list-view .popover.group-form footer th.save.on, section.group-form.pop-inline footer table.list-view th.save.on, table.list-view section.group-form.pop-inline footer th.save.on, .popover.group-form footer table.list-view th.save.sortable, table.list-view .popover.group-form footer th.save.sortable, section.group-form.pop-inline footer table.list-view th.save.sortable, table.list-view section.group-form.pop-inline footer th.save.sortable, .popover.group-form footer .ui-indicator .save#indicator:before, .ui-indicator .popover.group-form footer .save#indicator:before, section.group-form.pop-inline footer .ui-indicator .save#indicator:before, .ui-indicator section.group-form.pop-inline footer .save#indicator:before, .popover.group-form footer .search-bar div.save.queries, .search-bar .popover.group-form footer div.save.queries, section.group-form.pop-inline footer .search-bar div.save.queries, .search-bar section.group-form.pop-inline footer div.save.queries, .popover.group-form footer .simulator > header dd.save, .simulator > header .popover.group-form footer dd.save, section.group-form.pop-inline footer .simulator > header dd.save, .simulator > header section.group-form.pop-inline footer dd.save, .popover.group-form footer .p3-layout .menu-pane li.save, .p3-layout .menu-pane .popover.group-form footer li.save, section.group-form.pop-inline footer .p3-layout .menu-pane li.save, .p3-layout .menu-pane section.group-form.pop-inline footer li.save, .popover.group-form .chat_list_view #simulator footer.send-type-text .type-text b.save:before, .chat_list_view #simulator .popover.group-form footer.send-type-text .type-text b.save:before, section.group-form.pop-inline .chat_list_view #simulator footer.send-type-text .type-text b.save:before, .chat_list_view #simulator section.group-form.pop-inline footer.send-type-text .type-text b.save:before, .popover.group-form footer .bot-editor section.actions li h5.save, .bot-editor section.actions li .popover.group-form footer h5.save, section.group-form.pop-inline footer .bot-editor section.actions li h5.save, .bot-editor section.actions li section.group-form.pop-inline footer h5.save, .popover.group-form footer .bot-editor ul.nodes > li > div span.save.new, .bot-editor ul.nodes > li > div .popover.group-form footer span.save.new, section.group-form.pop-inline footer .bot-editor ul.nodes > li > div span.save.new, .bot-editor ul.nodes > li > div section.group-form.pop-inline footer span.save.new, .popover.group-form footer .bot-editor ul.nodes > li > div label.save.new, .bot-editor ul.nodes > li > div .popover.group-form footer label.save.new, section.group-form.pop-inline footer .bot-editor ul.nodes > li > div label.save.new, .bot-editor ul.nodes > li > div section.group-form.pop-inline footer label.save.new, .popover.group-form footer .bot-editor ul.nodes div.save.schedule, .bot-editor ul.nodes .popover.group-form footer div.save.schedule, section.group-form.pop-inline footer .bot-editor ul.nodes div.save.schedule, .bot-editor ul.nodes section.group-form.pop-inline footer div.save.schedule, .popover.group-form footer .bot-editor ul.nodes ol.card li.save.item.new, .bot-editor ul.nodes ol.card .popover.group-form footer li.save.item.new, section.group-form.pop-inline footer .bot-editor ul.nodes ol.card li.save.item.new, .bot-editor ul.nodes ol.card section.group-form.pop-inline footer li.save.item.new, .popover.group-form footer .bot-editor ul.nodes div.react-btns label.colors:hover u.save, .bot-editor ul.nodes div.react-btns label.colors:hover .popover.group-form footer u.save, section.group-form.pop-inline footer .bot-editor ul.nodes div.react-btns label.colors:hover u.save, .bot-editor ul.nodes div.react-btns label.colors:hover section.group-form.pop-inline footer u.save, .popover.group-form footer section.user-editor section.info header.save, section.user-editor section.info .popover.group-form footer header.save, section.group-form.pop-inline footer section.user-editor section.info header.save, section.user-editor section.info section.group-form.pop-inline footer header.save, .popover.group-form section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.save:before, section.user-editor section.chats .popover.group-form footer.simulator-footer.send-type-text .type-text b.save:before, section.group-form.pop-inline section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.save:before, section.user-editor section.chats section.group-form.pop-inline footer.simulator-footer.send-type-text .type-text b.save:before {
      margin-left: 0px; }
  .popover.group-form input[disabled], section.group-form.pop-inline input[disabled] {
    background-color: #666;
    user-select: none; }
  .popover.group-form header, section.group-form.pop-inline header {
    background-color: transparent;
    border-bottom: 1px solid #D0C9C3; }
    .popover.group-form header i.icon.close, section.group-form.pop-inline header i.icon.close, .popover.group-form header i.close.form-item-autocomplete.loading-autocomplete:before, section.group-form.pop-inline header i.close.form-item-autocomplete.loading-autocomplete:before, .popover.group-form header .ui-indicator i.close#indicator:before, .ui-indicator .popover.group-form header i.close#indicator:before, section.group-form.pop-inline header .ui-indicator i.close#indicator:before, .ui-indicator section.group-form.pop-inline header i.close#indicator:before {
      background-image: url(/images/ico_close_no_bg.svg?v=1); }

.popover.group-form.schedule-task, section.group-form.schedule-task.pop-inline {
  width: 300px !important; }
  .popover.group-form.schedule-task footer, section.group-form.schedule-task.pop-inline footer {
    justify-content: center; }
    .popover.group-form.schedule-task footer button.export, section.group-form.schedule-task.pop-inline footer button.export {
      margin: 0; }

@keyframes shaking-anime {
  0% {
    transform: translateX(-10%); }
  10% {
    transform: translateX(9%); }
  20% {
    transform: translateX(-8%); }
  30% {
    transform: translateX(7%); }
  40% {
    transform: translateX(-6%); }
  50% {
    transform: translateX(5%); }
  60% {
    transform: translateX(-4%); }
  70% {
    transform: translateX(3%); }
  80% {
    transform: translateX(-2%); }
  90% {
    transform: translateX(1%); }
  100% {
    transform: translateX(0%); } }

.shaking {
  animation: shaking-anime 0.5s; }

article.templates-mask {
  display: flex; }

section.popup.templates {
  display: flex;
  flex-direction: row;
  margin: auto;
  max-height: calc(100vh - 16vh);
  min-height: 64vh; }
  section.popup.templates section.left-pane {
    width: 248px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #F8F6F5;
    border-radius: 4px 0 0 4px; }
    section.popup.templates section.left-pane ul {
      padding-left: 0;
      padding-right: 0; }
    section.popup.templates section.left-pane li {
      padding-left: 24px;
      padding-right: 24px;
      margin: unset; }
      section.popup.templates section.left-pane li h5 {
        max-width: 100%; }
    section.popup.templates section.left-pane li.on {
      background-color: #D8D8D8;
      color: #222; }
    section.popup.templates section.left-pane li.folders i.fldr {
      color: #D0C9C3;
      font-size: 1.6rem;
      height: 100%;
      line-height: 48px; }
    section.popup.templates section.left-pane li.folders h5 {
      text-indent: 1.8rem; }
  section.popup.templates section.center-pane {
    display: flex;
    flex-direction: column;
    width: 100%; }
    section.popup.templates section.center-pane section {
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
      height: 480px; }
      section.popup.templates section.center-pane section ul {
        padding-left: 48px;
        padding-right: 48px;
        padding-top: 12px;
        padding-bottom: 32px; }
      section.popup.templates section.center-pane section li {
        height: 44px;
        line-height: 44px; }
        section.popup.templates section.center-pane section li h5 {
          padding-left: 4px;
          max-width: 500px;
          overflow: hidden; }
        section.popup.templates section.center-pane section li b {
          position: absolute;
          min-width: 80px;
          width: fit-content;
          padding: 0 0.6rem;
          height: 20px;
          line-height: 20px;
          right: 24px;
          top: 12px;
          background: #ccc;
          color: white;
          text-align: center;
          text-indent: 0;
          border-radius: 4px; }
          section.popup.templates section.center-pane section li b.image {
            background: #666; }
          section.popup.templates section.center-pane section li b.video {
            background: #666; }
          section.popup.templates section.center-pane section li b.imagemap {
            background: #00D6C9; }
          section.popup.templates section.center-pane section li b.imagecarousel, section.popup.templates section.center-pane section li b.card, section.popup.templates section.center-pane section li b.list, section.popup.templates section.center-pane section li b.view-type {
            background: #5F5BFF; }
          section.popup.templates section.center-pane section li b.if {
            background: #FDC73E; }
          section.popup.templates section.center-pane section li b:before {
            text-align: center;
            width: 80px; }
          section.popup.templates section.center-pane section li b.text:before {
            content: "text"; }
          section.popup.templates section.center-pane section li b.image:before {
            content: "image"; }
          section.popup.templates section.center-pane section li b.video:before {
            content: "video"; }
          section.popup.templates section.center-pane section li b.imagemap:before {
            content: "imagemap"; }
          section.popup.templates section.center-pane section li b.imagecarousel:before {
            content: "imagecarousel"; }
          section.popup.templates section.center-pane section li b.card:before {
            content: "card"; }
          section.popup.templates section.center-pane section li b.list:before {
            content: "list"; }
          section.popup.templates section.center-pane section li b.if:before {
            content: "if-else"; }
    section.popup.templates section.center-pane footer {
      border-bottom-right-radius: 4px; }
      section.popup.templates section.center-pane footer button.icon.import, section.popup.templates section.center-pane footer button.import.form-item-autocomplete.loading-autocomplete:before, section.popup.templates section.center-pane footer .ui-indicator button.import#indicator:before, .ui-indicator section.popup.templates section.center-pane footer button.import#indicator:before {
        background: #5F5BFF;
        color: white;
        border-color: #3A3AB5; }
  section.popup.templates ul {
    padding-left: 24px;
    padding-right: 24px; }
    section.popup.templates ul li {
      height: 48px;
      line-height: 48px;
      border-bottom: 1px solid #D0C9C3;
      padding-left: 0; }
    section.popup.templates ul li:last-child {
      border-bottom: 0; }

section.view-folder-popup div.import-into-folder {
  padding: 1.4rem 1.4rem 0 1.4rem; }
  section.view-folder-popup div.import-into-folder span.autocomplete-select {
    color: black; }

section.broadcasting {
  flex-direction: row; }
  section.broadcasting.mail-text {
    width: 840px;
    height: 480px; }
    section.broadcasting.mail-text textarea {
      margin: 10px;
      height: calc(100% - 20px - 48px); }
  section.broadcasting .time-picker {
    height: auto;
    height: 48px;
    line-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid #D0C9C3;
    display: flex;
    flex-direction: row;
    background-color: #F8F6F5;
    align-items: center; }
    section.broadcasting .time-picker li dl {
      width: 100% !important; }
    section.broadcasting .time-picker dd {
      line-height: 40px; }
    section.broadcasting .time-picker h3 {
      font-weight: bold;
      padding-right: 10px; }
    section.broadcasting .time-picker form {
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 16px;
      flex: 1; }
    section.broadcasting .time-picker form > ul {
      margin: 0;
      padding: 0; }
    section.broadcasting .time-picker dd > div {
      display: flex;
      align-items: center; }
    section.broadcasting .time-picker button.send {
      background: #00D6C9;
      color: #FFFFFF;
      margin-right: 16px;
      border: 0; }
  section.broadcasting div.container {
    display: flex;
    flex-direction: row;
    height: inherit;
    position: relative;
    height: auto;
    flex: 1;
    min-height: auto;
    height: auto;
    overflow: hidden; }
    section.broadcasting div.container > div {
      flex: 1;
      position: relative;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      section.broadcasting div.container > div section.nodes-frame {
        overflow-y: auto;
        height: calc( 100% - 48px); }
      section.broadcasting div.container > div > footer {
        background: #F8F6F5;
        height: 48px;
        flex-direction: row-reverse; }
        section.broadcasting div.container > div > footer button.send {
          background: #00D6C9;
          color: #FFFFFF;
          border: 1px solid #009F96; }
    section.broadcasting div.container .navi-flow {
      display: flex;
      flex-direction: row;
      height: 100%; }
    section.broadcasting div.container .c-menu {
      margin: 10px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      section.broadcasting div.container .c-menu label {
        margin-right: 12px; }
    section.broadcasting div.container .c-title {
      margin: 10px; }
  section.broadcasting footer {
    position: relative; }

.popover.action-types, section.action-types.pop-inline {
  background-color: #222; }
  .popover.action-types ul, section.action-types.pop-inline ul {
    padding: 6px 10px 6px 10px; }
  .popover.action-types li, section.action-types.pop-inline li {
    color: #666;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    font-size: 11px;
    color: white; }
  .popover.action-types li:hover, section.action-types.pop-inline li:hover {
    color: #F8F6F5;
    background-color: #FDC73E; }

section.pop-inline,
section.subpop-inline {
  z-index: 101; }

/*for chat test*/
#chat_pane {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 480px;
  min-width: 480px;
  max-width: 480px;
  height: 100vh;
  background-color: white;
  z-index: 999;
  box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  animation: show-right-pane .15s ease-out; }
  #chat_pane .hide {
    animation: show-right-pane .10s ease-out;
    animation-direction: reverse; }
  #chat_pane > * {
    width: inherit;
    min-width: inherit; }
  #chat_pane section {
    margin-top: 60px;
    height: calc( 100vh - 120px); }
  #chat_pane header {
    position: absolute;
    height: 60px;
    z-index: 999;
    left: auto;
    right: 0;
    top: 0; }
  #chat_pane header h2 {
    border: 0;
    text-align: left;
    height: 60px;
    line-height: 60px; }
  #chat_pane header i {
    right: 8px;
    top: 17px; }
  #chat_pane footer {
    position: absolute;
    height: 60px;
    z-index: 1;
    left: auto;
    right: 0;
    bottom: 0;
    width: inherit;
    min-width: 360px; }
  #chat_pane footer input {
    width: inherit;
    height: inherit;
    margin: 0;
    display: block;
    float: left;
    font-size: .8rem;
    border: 0;
    padding-left: 5px; }
  #chat_pane footer input:focus {
    outline: none;
    -webkit-appearance: none; }
  #chat_pane #chats {
    height: calc( 100vh - 120px); }
  #chat_pane #chats > li.left p {
    background-color: #ECF1F5; }
  #chat_pane #chats > li {
    padding-left: 55px;
    margin-left: 5px; }
  #chat_pane #chats p.typing {
    position: absolute;
    bottom: 0px;
    left: 5px;
    font-size: 12px;
    width: 300px;
    height: 28px; }

@keyframes blink {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

@keyframes show-right-pane {
  0% {
    right: calc( 240px + 640px - 100vw); }
  100% {
    right: 0; } }

@keyframes show-right {
  0% {
    right: calc( 0px - 100vw); }
  100% {
    right: 0; } }
  #chat_pane #mask {
    width: inherit;
    left: auto; }
  #chat_pane main:before {
    background-image: none;
    /* for bugfixed */ }
  #chat_pane #chat_menu footer {
    min-width: auto; }
  #chat_pane #chat_menu #calendar > li {
    display: flex;
    justify-content: space-between !important; }
    #chat_pane #chat_menu #calendar > li.on b {
      font-weight: bold; }
    #chat_pane #chat_menu #calendar > li.disabled {
      background-color: #e0e3e7;
      color: #9DA5BE; }
    #chat_pane #chat_menu #calendar > li.sel {
      background-color: #0084ff; }
    #chat_pane #chat_menu #calendar > li.sel span {
      color: #fff; }
    #chat_pane #chat_menu #calendar > li.sel b.w0, #chat_pane #chat_menu #calendar > li ul#dates li.sel b.w6 {
      color: #fff; }
    #chat_pane #chat_menu #calendar > li b {
      font-weight: normal;
      font-size: 0.9rem; }
    #chat_pane #chat_menu #calendar > li b.w0 {
      color: #FF1A10; }
    #chat_pane #chat_menu #calendar > li b.w6 {
      color: #0056FF; }
    #chat_pane #chat_menu #calendar > li span.time {
      padding-right: 10px; }
  #chat_pane #chat_menu > #mask {
    position: absolute;
    width: 100%;
    height: calc(100% - 48px);
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1); }
  #chat_pane #chat_menu > #mask .time-picker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 100%;
    margin: 0px;
    overflow-y: scroll;
    box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, 0.2);
    animation: show-right-pane .15s ease-out; }
    #chat_pane #chat_menu > #mask .time-picker li {
      text-align: center; }
    #chat_pane #chat_menu > #mask .time-picker li.on {
      background-color: #0084ff;
      color: #fff; }
    #chat_pane #chat_menu > #mask .time-picker li.disabled {
      background-color: #e0e3e7;
      color: #9DA5BE; }
  #chat_pane #chat_menu > #mask .time-picker.web {
    animation: show-right .15s ease-out; }

section.bonp-styles {
  position: fixed;
  width: 300px;
  height: 426px;
  right: 20px;
  top: 100px;
  background-color: #FFFFFF;
  z-index: 999;
  border-radius: 4px;
  display: flex;
  flex-direction: column; }
  section.bonp-styles form {
    background: transparent; }
    section.bonp-styles form input + u {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin-left: 10px;
      display: block;
      position: absolute;
      left: 220px;
      top: 6px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      cursor: pointer; }
      section.bonp-styles form input + u:hover {
        transform: scale(1.05, 1.05); }
    section.bonp-styles form .form-item-image {
      width: 260px;
      background-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  section.bonp-styles footer button {
    background-color: #00D6C9;
    border-color: #09EADC;
    color: #FFFFFF; }
  section.bonp-styles footer button:hover {
    background-color: #09EADC;
    border-color: #09EADC;
    color: #FFFFFF; }

.popup.colors {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  width: 624px !important;
  height: 284px;
  box-sizing: border-box; }
  .popup.colors.with-icons {
    height: 340px; }
  .popup.colors > section {
    padding: 20px 60px 20px 60px;
    margin: 0; }
  .popup.colors ul.icons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; }
    .popup.colors ul.icons li {
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 2px;
      background-size: auto 20px;
      background-repeat: no-repeat;
      border-radius: 4px;
      background-color: white; }
  .popup.colors dl {
    flex-direction: column;
    display: inline-block; }
  .popup.colors dd {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .popup.colors dd:hover {
      transition-duration: 0.1s;
      transform: scale(1.2, 1.2);
      border-color: white; }
  .popup.colors dd.transparent {
    background-color: #FFFFFF !important;
    background-image: url(/images/ico-transparent.svg);
    background-size: 80% 80%;
    background-position: 50% 50%;
    border: 1px solid #D0C9C3; }
  .popup.colors dt {
    min-height: 48px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-items: center; }

.popover.widgets, section.widgets.pop-inline {
  width: 480px; }
  .popover.widgets ul, section.widgets.pop-inline ul {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 460px; }
  .popover.widgets li, section.widgets.pop-inline li {
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    width: 220px; }
  .popover.widgets li:before, section.widgets.pop-inline li:before {
    width: 20px;
    background-size: auto 20px; }
  .popover.widgets li.close:before, section.widgets.pop-inline li.close:before {
    content: "";
    background-image: url(/images/ico_close.svg);
    width: 16px;
    background-size: auto 16px;
    background-position: center; }
  .popover.widgets li.icon.ecoma-w:before, section.widgets.pop-inline li.icon.ecoma-w:before, .popover.widgets li.ecoma-w.form-item-autocomplete.loading-autocomplete:before, section.widgets.pop-inline li.ecoma-w.form-item-autocomplete.loading-autocomplete:before, .popover.widgets .ui-indicator li.ecoma-w#indicator:before, .ui-indicator .popover.widgets li.ecoma-w#indicator:before, section.widgets.pop-inline .ui-indicator li.ecoma-w#indicator:before, .ui-indicator section.widgets.pop-inline li.ecoma-w#indicator:before, .popover.widgets .p3-layout .menu-pane li.ecoma-w:before, .p3-layout .menu-pane .popover.widgets li.ecoma-w:before, section.widgets.pop-inline .p3-layout .menu-pane li.ecoma-w:before, .p3-layout .menu-pane section.widgets.pop-inline li.ecoma-w:before, .popover.widgets .bot-editor ul.nodes ol.card li.ecoma-w.item.new:before, .bot-editor ul.nodes ol.card .popover.widgets li.ecoma-w.item.new:before, section.widgets.pop-inline .bot-editor ul.nodes ol.card li.ecoma-w.item.new:before, .bot-editor ul.nodes ol.card section.widgets.pop-inline li.ecoma-w.item.new:before {
    margin-top: 8px; }

.form-item-days .form-type-checkbox {
  flex-direction: row;
  flex-wrap: wrap; }
  .form-item-days .form-type-checkbox label {
    color: #666; }
  .form-item-days .form-type-checkbox label.on {
    background: #839BFB; }

.popup.white.new-bot, section.popup.new-bot.dict-editor, .popup.white.member-edit, section.popup.member-edit.dict-editor, .popup.white.company-edit, section.popup.company-edit.dict-editor {
  width: 720px; }
  .popup.white.new-bot h2, section.popup.new-bot.dict-editor h2, .popup.white.member-edit h2, section.popup.member-edit.dict-editor h2, .popup.white.company-edit h2, section.popup.company-edit.dict-editor h2 {
    padding-left: 0; }
  .popup.white.new-bot h4, section.popup.new-bot.dict-editor h4, .popup.white.member-edit h4, section.popup.member-edit.dict-editor h4, .popup.white.company-edit h4, section.popup.company-edit.dict-editor h4 {
    width: 180px;
    padding-left: 8px; }
  .popup.white.new-bot .form-type-checkbox, section.popup.new-bot.dict-editor .form-type-checkbox, .popup.white.member-edit .form-type-checkbox, section.popup.member-edit.dict-editor .form-type-checkbox, .popup.white.company-edit .form-type-checkbox, section.popup.company-edit.dict-editor .form-type-checkbox {
    margin-right: 60px;
    flex-wrap: wrap; }
  .popup.white.new-bot footer .buttons, section.popup.new-bot.dict-editor footer .buttons, .popup.white.member-edit footer .buttons, section.popup.member-edit.dict-editor footer .buttons, .popup.white.company-edit footer .buttons, section.popup.company-edit.dict-editor footer .buttons {
    width: 100%;
    flex-direction: row;
    display: flex;
    align-items: center; }
    .popup.white.new-bot footer .buttons .cur-paln, section.popup.new-bot.dict-editor footer .buttons .cur-paln, .popup.white.member-edit footer .buttons .cur-paln, section.popup.member-edit.dict-editor footer .buttons .cur-paln, .popup.white.company-edit footer .buttons .cur-paln, section.popup.company-edit.dict-editor footer .buttons .cur-paln {
      text-decoration: underline;
      cursor: pointer; }

.popup.new-action-popup section {
  border-bottom: 1px solid #D0C9C3;
  display: flex;
  justify-content: center;
  align-items: center; }

.popup.new-action-popup input {
  margin: 24px 0;
  width: 87%; }

.popup.white.new-bot, section.popup.new-bot.dict-editor {
  overflow: scroll;
  max-height: 90vh; }
  .popup.white.new-bot .form-type-radio, section.popup.new-bot.dict-editor .form-type-radio {
    flex-wrap: wrap; }

.popup.white.editors-form, section.popup.editors-form.dict-editor {
  width: 880px; }
  .popup.white.editors-form .form-item-uid, section.popup.editors-form.dict-editor .form-item-uid {
    width: auto; }
    .popup.white.editors-form .form-item-uid .form-item-autocomplete, section.popup.editors-form.dict-editor .form-item-uid .form-item-autocomplete {
      width: 300px; }
  .popup.white.editors-form .form-item-scope .ui-dropdown, section.popup.editors-form.dict-editor .form-item-scope .ui-dropdown {
    height: 38px;
    line-height: 38px; }
  .popup.white.editors-form .form-item-privileges .form-type-checkbox, section.popup.editors-form.dict-editor .form-item-privileges .form-type-checkbox {
    flex-wrap: wrap; }
  .popup.white.editors-form .form-item-privileges label, section.popup.editors-form.dict-editor .form-item-privileges label {
    width: 160px; }

main.tab-ivr .center-pane {
  display: flex;
  flex-direction: row !important; }
  main.tab-ivr .center-pane textarea {
    resize: vertical; }
  main.tab-ivr .center-pane .separator {
    flex: 0;
    flex-basis: 5px;
    cursor: col-resize;
    border-right: 1px solid #D0C9C3;
    background-color: #F8F6F5; }
  main.tab-ivr .center-pane .form-item-schedule {
    padding-top: 10px; }
    main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule {
      padding: 12px 16px;
      border-radius: 8px;
      border: 1px solid #ccc;
      position: relative; }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule[data-id="0"]::before {
        content: 'デフォルト(時間帯以外)';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 1;
        color: rgba(255, 255, 255, 0.9);
        font-size: 1.75em;
        border-radius: 6px; }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule:not(:first-of-type) {
        margin-top: 10px; }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule::after {
        content: attr(data-id);
        z-index: 2;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        color: #666;
        border: solid 1px #ccc;
        background-color: #fff;
        border-radius: 100%;
        top: 0;
        left: 0;
        transform: translate(-40%, -40%); }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-days {
        display: flex; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-days > span {
          display: flex;
          justify-content: center;
          align-items: center; }
          main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-days > span:not(:first-of-type) {
            margin-left: 10px; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-days label {
          margin: 0;
          padding: 0; }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-time {
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-time select {
          flex: 1;
          margin-left: 4px; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-time > label {
          padding: 0;
          margin: 0; }
          main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-time > label:not(:first-of-type) {
            margin-left: 10px; }
      main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-delete {
        position: absolute;
        display: none;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        color: #666;
        border: solid 1px #ccc;
        background-color: #fff;
        border-radius: 100%;
        top: 0;
        right: 0;
        transform: translate(40%, -40%);
        text-decoration: none;
        font-size: 24px;
        transition: all .3s; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-delete:hover {
          background-color: #5F5BFF;
          color: #fff; }
        main.tab-ivr .center-pane .form-item-schedule .form-type-schedule .group-schedules .group-schedule .schedule-delete::after {
          content: '\00d7'; }
    main.tab-ivr .center-pane .form-item-schedule .form-type-schedule button {
      margin-top: 10px;
      margin-left: 0;
      text-indent: 0; }
  main.tab-ivr .center-pane .form-item-upload .form-type-file {
    justify-content: center; }
    main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file {
      width: initial;
      height: initial;
      background-color: initial;
      border-radius: 4px;
      border: solid 1px #bbb; }
      main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div {
        display: flex; }
        main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div::before, main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div::after {
          display: none; }
        main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div span {
          --progress: 0;
          position: relative;
          width: initial;
          height: initial;
          padding: 4px 8px;
          overflow: hidden;
          transition: all .2s; }
          main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div span:hover {
            background-color: #5F5BFF;
            color: white; }
          main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div span::after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.5s; }
          main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div span.playing::after {
            background-color: #79c75a;
            opacity: 0.5;
            transform-origin: left;
            transform: scaleX(var(--progress)); }
        main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div .play-button {
          border-left: solid 1px #bbb;
          width: 36px;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all .2s; }
          main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div .play-button:hover {
            background-color: #5F5BFF; }
            main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div .play-button:hover::after {
              border-left: solid 10px white; }
          main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div .play-button::after {
            content: '';
            width: 0px;
            height: 0px;
            display: block;
            transition: all .2s;
            border: solid transparent 0px;
            border-left: solid 10px #5f5bff;
            border-top: solid 5px transparent;
            border-bottom: solid 5px transparent;
            border-right: solid 0px transparent; }
        main.tab-ivr .center-pane .form-item-upload .form-type-file .form-item-file > div input[type='file'] {
          display: none; }
  main.tab-ivr .center-pane .flow {
    border-right: 1px solid #D0C9C3;
    flex: 0 1 60%;
    min-width: 360px;
    padding: 32px 0;
    height: initial;
    position: relative;
    overflow: hidden;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center; }
    main.tab-ivr .center-pane .flow-hud {
      position: absolute;
      top: 20px;
      right: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      main.tab-ivr .center-pane .flow-hud > *:not(:first-child) {
        margin-left: 10px; }
      main.tab-ivr .center-pane .flow-hud .zoom-indication {
        width: 32px;
        display: flex;
        justify-content: center;
        align-items: center; }
      main.tab-ivr .center-pane .flow-hud .zoom-btn {
        cursor: pointer;
        padding: 4px;
        border-radius: 4px;
        border: solid 1px currentColor;
        display: flex;
        height: 12px;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        transition: all .2s;
        color: #666; }
        main.tab-ivr .center-pane .flow-hud .zoom-btn:hover {
          background-color: #666;
          color: #fff; }
    main.tab-ivr .center-pane .flow .lines {
      position: relative;
      height: 80px;
      margin-bottom: -26px;
      z-index: 1;
      pointer-events: none;
      overflow: visible;
      width: 100%; }
    main.tab-ivr .center-pane .flow .layer {
      display: flex;
      justify-content: center;
      align-items: center; }
      main.tab-ivr .center-pane .flow .layer > * {
        display: block;
        padding: 10px 20px;
        border: solid 2px #666;
        border-radius: 4px;
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 10px;
        white-space: nowrap;
        transition: background-color .3s, color .3s; }
        main.tab-ivr .center-pane .flow .layer > *.on {
          background-color: #00D6C9 !important;
          color: white;
          border-color: #00a399; }
        main.tab-ivr .center-pane .flow .layer > *:hover {
          cursor: pointer;
          background-color: rgba(0, 214, 201, 0.5); }
  main.tab-ivr .center-pane button.save:disabled {
    cursor: default !important;
    opacity: 0.4 !important;
    background-color: white !important;
    color: #666 !important; }
  main.tab-ivr .center-pane .details .container {
    max-width: 600px;
    margin: 0 auto; }
    main.tab-ivr .center-pane .details .container form .form-type-radio {
      flex-direction: row;
      flex-wrap: wrap; }
    main.tab-ivr .center-pane .details .container footer {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      padding-left: calc(120px + 16px); }
      main.tab-ivr .center-pane .details .container footer button {
        margin: 0; }
        main.tab-ivr .center-pane .details .container footer button:not(:first-of-type) {
          margin-left: 16px; }
  main.tab-ivr .center-pane .coming-soon {
    position: fixed;
    display: block;
    bottom: 0;
    left: 50%;
    margin-bottom: 60px;
    font-size: 18px;
    color: #d66;
    transform: translateX(-50%); }

main.tab-vert .left-pane.action-pane, main.tab-vert .left-pane.group-pane.archived {
  display: none; }

main.tab-vert .center-pane {
  position: relative; }
  main.tab-vert .center-pane #vert_app {
    width: 100%;
    height: 100%; }

.form-row-phone {
  overflow: visible; }

.form-type-phone .group-phone {
  width: 100%;
  display: flex;
  width: calc(100% - 24px); }
  .form-type-phone .group-phone select {
    max-width: 100px; }
    .form-type-phone .group-phone select:disabled {
      opacity: 0.5; }
  .form-type-phone .group-phone input {
    flex: 1;
    margin-left: 2px; }
    .form-type-phone .group-phone input:disabled {
      opacity: 0.5; }

.form-type-phone a.help {
  color: #5F5BFF;
  display: block;
  align-self: flex-end;
  margin-right: 24px;
  position: relative; }
  .form-type-phone a.help:hover .help-details {
    opacity: 1;
    transform: translate(calc(-100% - 20px), -50px) scale(1); }
  .form-type-phone a.help .help-details {
    /* disabled */
    display: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    background-color: white;
    padding: 10px;
    min-width: 300px;
    transform: translate(calc(-100% - 20px), -50px) scale(0.2);
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    background-color: #F9F9F9;
    transition-property: opacity transform;
    transition-timing-function: cubic-bezier(0.19, 0.98, 0.53, 1.43);
    transition-duration: 0.2s; }

.ivr-number-help {
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s; }
  .ivr-number-help.on {
    opacity: 1;
    pointer-events: all; }
    .ivr-number-help.on .contents {
      transform: scale(1); }
  .ivr-number-help .contents {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    transform: scale(0.7);
    transition: transform cubic-bezier(0.19, 0.98, 0.53, 1.43) 0.2s;
    text-align: center; }
    .ivr-number-help .contents img {
      margin-bottom: 10px; }
    .ivr-number-help .contents .branch {
      display: flex;
      margin-top: 20px; }
      .ivr-number-help .contents .branch > * {
        flex: 1; }
        .ivr-number-help .contents .branch > *:not(:first-of-type) {
          margin-left: 20px; }
    .ivr-number-help .contents .apply, .ivr-number-help .contents .apply:link, .ivr-number-help .contents .apply:visited {
      background-color: #00D6C9;
      position: relative;
      color: white;
      text-decoration: none;
      padding: 10px;
      display: inline-block;
      border-radius: 5px;
      margin-top: 20px;
      overflow: hidden;
      width: 198px;
      white-space: nowrap; }
    .ivr-number-help .contents .apply::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-image: repeating-linear-gradient(-45deg, #8380fe, #8380fe 10px, #5F5BFF 10px, #5F5BFF 20px);
      transition: width 0.3s;
      animation: applied 1s linear infinite;
      background-repeat: repeat-x; }
    .ivr-number-help .contents .apply.applied::before {
      width: 100%; }
    .ivr-number-help .contents .apply span {
      display: block;
      position: relative;
      z-index: 1;
      color: inherit; }
    .ivr-number-help .contents h1 {
      padding: 0;
      margin: 10px 0;
      height: initial;
      line-height: initial; }

.form-type-keypad {
  display: grid;
  display: -ms-grid;
  grid-gap: 4px;
  grid-template-columns: repeat(3, 1fr);
  max-width: 240px; }
  .form-type-keypad > * {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ddd;
    border-radius: 6px;
    padding: 12px 0;
    transition: color .3s, background-color .3s; }
    .form-type-keypad > *, .form-type-keypad > *:link, .form-type-keypad > *:visited {
      text-decoration: none;
      font-size: 18px;
      font-weight: bold; }
    .form-type-keypad > *.on {
      color: white;
      background-color: #00D6C9 !important; }

button:disabled {
  cursor: default !important;
  opacity: 0.4 !important; }
  button:disabled:hover {
    color: inherit !important; }

[class*="icon-"]::before {
  position: initial;
  top: initial;
  left: initial;
  bottom: initial; }

p.mail-pass-setting {
  margin-left: 180px; }

@keyframes applied {
  from {
    background-position-x: 0px; }
  to {
    background-position-x: 28px; } }

.popup.miniapp-bucket-form {
  width: 40rem; }
  .popup.miniapp-bucket-form form ul li {
    margin-right: 2rem; }
    .popup.miniapp-bucket-form form ul li h4 {
      min-width: 0;
      width: auto;
      margin-right: 1rem; }

.tab-gpt section.left-pane {
  min-width: 248px;
  width: 248px; }
  .tab-gpt section.left-pane.action-pane {
    min-width: 220px;
    width: 220px; }
    .tab-gpt section.left-pane.action-pane ul {
      min-width: 220px; }
      .tab-gpt section.left-pane.action-pane ul > h5, .tab-gpt section.left-pane.action-pane ul > li {
        min-width: 220px; }
      .tab-gpt section.left-pane.action-pane ul > h5 {
        cursor: default; }
  .tab-gpt section.left-pane .fa-graduation-cap::before, .tab-gpt section.left-pane .fa-book::before {
    transform: translateX(-4px); }
  .tab-gpt section.left-pane ul {
    min-width: 248px; }
    .tab-gpt section.left-pane ul > h5, .tab-gpt section.left-pane ul > li {
      min-width: 248px; }
    .tab-gpt section.left-pane ul .acg-section-title {
      padding: 20px 16px 4px 28px;
      font-weight: bold;
      font-size: 11px;
      max-width: unset;
      text-align: left;
      opacity: 0.4; }
    .tab-gpt section.left-pane ul li + .acg-section-title {
      margin-top: 20px; }
    .tab-gpt section.left-pane ul li {
      overflow: visible; }
      .tab-gpt section.left-pane ul li:last-child {
        margin-bottom: 48px; }
      .tab-gpt section.left-pane ul li.note {
        position: relative; }
        .tab-gpt section.left-pane ul li.note p.note {
          position: absolute;
          bottom: 4px;
          right: 0;
          font-size: 10px;
          height: 10px;
          line-height: 10px;
          padding: 0;
          padding-right: 28px;
          margin: 0;
          opacity: 0.4; }
        .tab-gpt section.left-pane ul li.note i.note {
          position: absolute;
          bottom: 0;
          top: unset;
          transform: translateY(3px); }
          .tab-gpt section.left-pane ul li.note i.note.pdf {
            right: 14px; }
          .tab-gpt section.left-pane ul li.note i.note.csv:before, .tab-gpt section.left-pane ul li.note i.note.googlespreadsheet:before {
            width: 16px;
            background-position: center;
            background-size: contain; }
          .tab-gpt section.left-pane ul li.note i.note.excel:before {
            width: 16px;
            content: '';
            background: url(/images/ico_excel.svg) center/contain no-repeat; }
        .tab-gpt section.left-pane ul li.note div.note {
          position: absolute;
          bottom: 0;
          right: 0;
          display: flex;
          flex-direction: row;
          align-items: flex-end; }
          .tab-gpt section.left-pane ul li.note div.note p.note {
            font-size: 10px;
            height: 10px;
            line-height: 10px;
            padding: 0 28px 0 4px;
            margin: 0; }
          .tab-gpt section.left-pane ul li.note div.note .icons {
            position: relative;
            display: flex; }
            .tab-gpt section.left-pane ul li.note div.note .icons i.note {
              position: relative;
              right: unset;
              width: 20px;
              min-width: 20px;
              min-height: 24px; }
              .tab-gpt section.left-pane ul li.note div.note .icons i.note:before {
                left: 50%;
                transform: translateX(-50%); }
            .tab-gpt section.left-pane ul li.note div.note .icons + p.note {
              position: relative;
              padding: 0 28px 0 2px; }
      .tab-gpt section.left-pane ul li .status {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        right: 28px;
        transform: translate(-50%, -50%);
        border: 1px solid #eee; }
        .tab-gpt section.left-pane ul li .status[status="2"] {
          background-color: #30B830; }
        .tab-gpt section.left-pane ul li .status[status="1"] {
          background-color: #D7E03E; }
        .tab-gpt section.left-pane ul li .status[status="0"] {
          background-color: #B83030; }
      .tab-gpt section.left-pane ul li .test-status {
        width: 8px;
        height: 30px;
        position: absolute;
        top: 0;
        right: 60px;
        color: #666; }
      .tab-gpt section.left-pane ul li h5 {
        max-width: calc(100% - 80px); }
  .tab-gpt section.left-pane footer {
    padding-bottom: 0;
    min-width: 248px; }
    .tab-gpt section.left-pane footer .editing input {
      position: relative;
      left: 20px;
      width: calc(100% - 85px); }
  .tab-gpt section.left-pane ul[dataset-tab="settings"] li.acg-settings,
  .tab-gpt section.left-pane ul[dataset-tab="qa"] li.acg-qa,
  .tab-gpt section.left-pane ul[dataset-tab="doc"] li.acg-doc,
  .tab-gpt section.left-pane ul[dataset-tab="website"] li.acg-website,
  .tab-gpt section.left-pane ul[dataset-tab="action"] li.acg-action,
  .tab-gpt section.left-pane ul[dataset-tab="wiki"] li.acg-wiki,
  .tab-gpt section.left-pane ul[dataset-tab="testcase"] li.acg-testcase,
  .tab-gpt section.left-pane ul[dataset-tab="unknown"] li.acg-unknown {
    background-color: #F8F6F5;
    font-weight: 600; }

.tab-gpt .center-pane {
  display: flex;
  flex-direction: row; }
  .tab-gpt .center-pane.settings {
    flex-direction: column; }
  .tab-gpt .center-pane .search-bar {
    display: flex;
    align-items: center; }
    .tab-gpt .center-pane .search-bar div {
      flex: 1; }
    .tab-gpt .center-pane .search-bar button {
      flex: 0; }
    .tab-gpt .center-pane .search-bar div + button {
      margin-left: auto; }
    .tab-gpt .center-pane .search-bar input {
      width: 100%; }
  .tab-gpt .center-pane .test_apikey {
    display: flex;
    grid-gap: 8px;
    padding: 16px 32px;
    padding-left: 12px;
    visibility: visible;
    border-radius: 4px;
    z-index: 100; }
    .tab-gpt .center-pane .test_apikey h4 {
      width: max-content;
      flex: 0 0 auto;
      font-weight: normal;
      text-transform: none; }
    .tab-gpt .center-pane .test_apikey input {
      width: 440px;
      flex: 0 0 auto;
      padding: 2px 6px; }
    .tab-gpt .center-pane .test_apikey .icon.close, .tab-gpt .center-pane .test_apikey .close.form-item-autocomplete.loading-autocomplete:before, .tab-gpt .center-pane .test_apikey table.list-view th.close.on, table.list-view .tab-gpt .center-pane .test_apikey th.close.on, .tab-gpt .center-pane .test_apikey table.list-view th.close.sortable, table.list-view .tab-gpt .center-pane .test_apikey th.close.sortable, .tab-gpt .center-pane .test_apikey .ui-indicator .close#indicator:before, .ui-indicator .tab-gpt .center-pane .test_apikey .close#indicator:before, .tab-gpt .center-pane .test_apikey .search-bar div.close.queries, .search-bar .tab-gpt .center-pane .test_apikey div.close.queries, .tab-gpt .center-pane .test_apikey .simulator > header dd.close, .simulator > header .tab-gpt .center-pane .test_apikey dd.close, .tab-gpt .center-pane .test_apikey .p3-layout .menu-pane li.close, .p3-layout .menu-pane .tab-gpt .center-pane .test_apikey li.close, .tab-gpt .center-pane .test_apikey .chat_list_view #simulator footer.send-type-text .type-text b.close:before, .chat_list_view #simulator footer.send-type-text .type-text .tab-gpt .center-pane .test_apikey b.close:before, .tab-gpt .center-pane .test_apikey .bot-editor section.actions li h5.close, .bot-editor section.actions li .tab-gpt .center-pane .test_apikey h5.close, .tab-gpt .center-pane .test_apikey .bot-editor ul.nodes > li > div span.close.new, .bot-editor ul.nodes > li > div .tab-gpt .center-pane .test_apikey span.close.new, .tab-gpt .center-pane .test_apikey .bot-editor ul.nodes > li > div label.close.new, .bot-editor ul.nodes > li > div .tab-gpt .center-pane .test_apikey label.close.new, .tab-gpt .center-pane .test_apikey .bot-editor ul.nodes div.close.schedule, .bot-editor ul.nodes .tab-gpt .center-pane .test_apikey div.close.schedule, .tab-gpt .center-pane .test_apikey .bot-editor ul.nodes ol.card li.close.item.new, .bot-editor ul.nodes ol.card .tab-gpt .center-pane .test_apikey li.close.item.new, .tab-gpt .center-pane .test_apikey .bot-editor ul.nodes div.react-btns label.colors:hover u.close, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane .test_apikey u.close, .tab-gpt .center-pane .test_apikey section.user-editor section.info header.close, section.user-editor section.info .tab-gpt .center-pane .test_apikey header.close, .tab-gpt .center-pane .test_apikey section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.close:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .tab-gpt .center-pane .test_apikey b.close:before {
      top: 6px;
      right: 4px; }
  .tab-gpt .center-pane .list-frame {
    height: calc(100% - 72px); }
    .tab-gpt .center-pane .list-frame.gpt-list-website th:nth-child(2),
    .tab-gpt .center-pane .list-frame.gpt-list-website th:nth-child(3),
    .tab-gpt .center-pane .list-frame.gpt-list-website td:nth-child(2),
    .tab-gpt .center-pane .list-frame.gpt-list-website td:nth-child(3) {
      max-width: 15%; }
    .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr {
      display: flex; }
      .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > *:last-child {
        flex: 0 0 50px; }
        .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > *:last-child.unknown {
          background-position: 50% 50%;
          background-size: 10px auto; }
          .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > *:last-child.unknown.saved {
            background-image: url(/images/ico_check_w_blue.svg); }
          .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > *:last-child.unknown.unsaved {
            background-image: url(/images/ico_close_red.svg); }
          .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > *:last-child.unknown:after {
            transform: translateX(-77%) !important; }
      .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > td, .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > th {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 16px !important; }
        .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > td.checkbox, .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > th.checkbox {
          display: flex; }
        .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > td.info, .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > th.info {
          display: flex;
          overflow: visible; }
          .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > td.info .infor, .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > th.info .infor {
            margin-left: 16px;
            color: #D0C9C3; }
            .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > td.info .infor:after, .tab-gpt .center-pane .list-frame .list-view:not(.empty) tr > th.info .infor:after {
              transform: translateX(-80%) !important; }
  .tab-gpt .center-pane .list-footer {
    display: flex;
    flex-direction: row-reverse;
    padding: 16px 32px 32px 32px; }
    .tab-gpt .center-pane .list-footer > button.add:after {
      transform: translateX(-60%) !important; }
    .tab-gpt .center-pane .list-footer > button:last-of-type {
      margin-left: auto; }
  .tab-gpt .center-pane footer .buttons {
    align-items: center; }
    .tab-gpt .center-pane footer .buttons .csv-actions {
      display: flex; }
    .tab-gpt .center-pane footer .buttons .icon.gpt::before, .tab-gpt .center-pane footer .buttons table.list-view th.gpt.on::before, table.list-view .tab-gpt .center-pane footer .buttons th.gpt.on::before, .tab-gpt .center-pane footer .buttons table.list-view th.gpt.sortable::before, table.list-view .tab-gpt .center-pane footer .buttons th.gpt.sortable::before, .tab-gpt .center-pane footer .buttons .search-bar div.gpt.queries::before, .search-bar .tab-gpt .center-pane footer .buttons div.gpt.queries::before, .tab-gpt .center-pane footer .buttons .simulator > header dd.gpt::before, .simulator > header .tab-gpt .center-pane footer .buttons dd.gpt::before, .tab-gpt .center-pane footer .buttons .p3-layout .menu-pane li.gpt::before, .p3-layout .menu-pane .tab-gpt .center-pane footer .buttons li.gpt::before, .tab-gpt .center-pane footer .buttons .bot-editor section.actions li h5.gpt::before, .bot-editor section.actions li .tab-gpt .center-pane footer .buttons h5.gpt::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes > li > div span.gpt.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane footer .buttons span.gpt.new::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes > li > div label.gpt.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane footer .buttons label.gpt.new::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes div.gpt.schedule::before, .bot-editor ul.nodes .tab-gpt .center-pane footer .buttons div.gpt.schedule::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes ol.card li.gpt.item.new::before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane footer .buttons li.gpt.item.new::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes div.react-btns label.colors:hover u.gpt::before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane footer .buttons u.gpt::before, .tab-gpt .center-pane footer .buttons section.user-editor section.info header.gpt::before, section.user-editor section.info .tab-gpt .center-pane footer .buttons header.gpt::before {
      filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(338deg) brightness(99%) contrast(99%); }
    .tab-gpt .center-pane footer .buttons .icon.gpt:hover::before, .tab-gpt .center-pane footer .buttons table.list-view th.gpt.on:hover::before, table.list-view .tab-gpt .center-pane footer .buttons th.gpt.on:hover::before, .tab-gpt .center-pane footer .buttons table.list-view th.gpt.sortable:hover::before, table.list-view .tab-gpt .center-pane footer .buttons th.gpt.sortable:hover::before, .tab-gpt .center-pane footer .buttons .search-bar div.gpt.queries:hover::before, .search-bar .tab-gpt .center-pane footer .buttons div.gpt.queries:hover::before, .tab-gpt .center-pane footer .buttons .simulator > header dd.gpt:hover::before, .simulator > header .tab-gpt .center-pane footer .buttons dd.gpt:hover::before, .tab-gpt .center-pane footer .buttons .p3-layout .menu-pane li.gpt:hover::before, .p3-layout .menu-pane .tab-gpt .center-pane footer .buttons li.gpt:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor section.actions li h5.gpt:hover::before, .bot-editor section.actions li .tab-gpt .center-pane footer .buttons h5.gpt:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes > li > div span.gpt.new:hover::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane footer .buttons span.gpt.new:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes > li > div label.gpt.new:hover::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane footer .buttons label.gpt.new:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes div.gpt.schedule:hover::before, .bot-editor ul.nodes .tab-gpt .center-pane footer .buttons div.gpt.schedule:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes ol.card li.gpt.item.new:hover::before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane footer .buttons li.gpt.item.new:hover::before, .tab-gpt .center-pane footer .buttons .bot-editor ul.nodes div.react-btns label.colors:hover u.gpt:hover::before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane footer .buttons u.gpt:hover::before, .tab-gpt .center-pane footer .buttons section.user-editor section.info header.gpt:hover::before, section.user-editor section.info .tab-gpt .center-pane footer .buttons header.gpt:hover::before {
      filter: invert(0%) sepia(46%) saturate(15%) hue-rotate(144deg) brightness(88%) contrast(73%); }
  .tab-gpt .center-pane .alt-cron, .tab-gpt .center-pane .alt-gss, .tab-gpt .center-pane .advanced {
    pointer-events: none;
    position: absolute;
    top: -100vh;
    left: -100vw;
    opacity: 0; }
  .tab-gpt .center-pane > form {
    overflow: auto;
    flex: 1; }
    .tab-gpt .center-pane > form[advanced="show"] .advanced:not(.alt) {
      pointer-events: all;
      position: inherit;
      top: unset;
      left: unset;
      opacity: 1; }
    .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .icon::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border table.list-view th.on::before, table.list-view .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border th.on::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border table.list-view th.sortable::before, table.list-view .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border th.sortable::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .search-bar div.queries::before, .search-bar .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border div.queries::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .simulator > header dd::before, .simulator > header .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border dd::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .p3-layout .menu-pane li::before, .p3-layout .menu-pane .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border li::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor section.actions li h5::before, .bot-editor section.actions li .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border h5::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border span.new::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border label.new::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border div.schedule::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border li.item.new::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border u::before, .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border section.user-editor section.info header::before, section.user-editor section.info .tab-gpt .center-pane > form[advanced="show"] li[name="response_tc"] + li .advanced-border header::before {
      content: "";
      transform: translateY(4px); }
    .tab-gpt .center-pane > form[advanced="show"][data-data--cron_f="1"] .alt-cron, .tab-gpt .center-pane > form[advanced="show"][data-data--gss_f="1"] .alt-gss {
      pointer-events: all;
      position: inherit;
      top: unset;
      left: unset;
      opacity: 1; }
    .tab-gpt .center-pane > form .ui-dropdown label, .tab-gpt .center-pane > form input, .tab-gpt .center-pane > form textarea, .tab-gpt .center-pane > form input[type="text"], .tab-gpt .center-pane > form input[type="number"] {
      color: #222; }
    .tab-gpt .center-pane > form .autocomplete-frame, .tab-gpt .center-pane > form .ui-dropdown, .tab-gpt .center-pane > form textarea, .tab-gpt .center-pane > form input[type="text"], .tab-gpt .center-pane > form input[type="number"] {
      width: 100%; }
    .tab-gpt .center-pane > form ul {
      padding: 24px; }
    .tab-gpt .center-pane > form li {
      --long: 460px;
      --medium: 280px;
      --short: 100px;
      --title: 200px;
      --linehight: 32px;
      --gap: 8px;
      display: flex;
      flex: 0 0 auto;
      width: max-content;
      max-width: 100%;
      align-items: flex-start;
      grid-gap: var(--gap);
      position: relative; }
      .tab-gpt .center-pane > form li + li {
        margin-top: 8px;
        overflow: visible; }
      .tab-gpt .center-pane > form li.long > div .autocomplete-frame, .tab-gpt .center-pane > form li.long .ui-dropdown, .tab-gpt .center-pane > form li.long textarea, .tab-gpt .center-pane > form li.long input[type="text"], .tab-gpt .center-pane > form li.long input[type="number"] {
        width: var(--long); }
      .tab-gpt .center-pane > form li.long > h5.after {
        left: calc(var(--title) + var(--gap) + var(--long) + var(--gap)); }
      .tab-gpt .center-pane > form li.long p.explanation {
        left: calc(var(--long) + var(--gap)); }
      .tab-gpt .center-pane > form li.short > div .autocomplete-frame, .tab-gpt .center-pane > form li.short .ui-dropdown, .tab-gpt .center-pane > form li.short textarea, .tab-gpt .center-pane > form li.short input[type="text"], .tab-gpt .center-pane > form li.short input[type="number"] {
        width: var(--short); }
      .tab-gpt .center-pane > form li.short > h5.after {
        left: calc(var(--title) + var(--gap) + var(--short) + var(--gap)); }
      .tab-gpt .center-pane > form li.short p.explanation {
        left: calc(var(--short) + var(--gap)); }
      .tab-gpt .center-pane > form li:not(.long):not(.short) > div .autocomplete-frame, .tab-gpt .center-pane > form li:not(.long):not(.short) .ui-dropdown, .tab-gpt .center-pane > form li:not(.long):not(.short) textarea, .tab-gpt .center-pane > form li:not(.long):not(.short) input[type="text"], .tab-gpt .center-pane > form li:not(.long):not(.short) input[type="number"] {
        width: var(--medium); }
      .tab-gpt .center-pane > form li:not(.long):not(.short) > h5.after {
        left: calc(var(--title) + var(--gap) + var(--medium) + var(--gap)); }
      .tab-gpt .center-pane > form li:not(.long):not(.short) p.explanation {
        left: calc(var(--medium) + var(--gap)); }
      .tab-gpt .center-pane > form li[name="response_tc"] + li {
        width: 100%;
        margin: 24px 0; }
        .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border {
          display: flex;
          width: 100%;
          align-items: center;
          cursor: pointer; }
          .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border::after {
            content: '';
            height: 0;
            border-top: 1px solid #D0C9C3;
            margin: 0 12px; }
          .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border::before {
            flex: 1; }
          .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border::after {
            flex: 5; }
          .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .icon, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .form-item-autocomplete.loading-autocomplete:before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border table.list-view th.on, table.list-view .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border th.on, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border table.list-view th.sortable, table.list-view .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border th.sortable, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .ui-indicator #indicator:before, .ui-indicator .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border #indicator:before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .search-bar div.queries, .search-bar .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border div.queries, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .simulator > header dd, .simulator > header .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border dd, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .p3-layout .menu-pane li, .p3-layout .menu-pane .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border li, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border b:before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor section.actions li h5, .bot-editor section.actions li .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border h5, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border span.new, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border label.new, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border div.schedule, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border li.item.new, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border u, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border section.user-editor section.info header, section.user-editor section.info .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border header, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border b:before {
            display: inline-flex;
            align-items: center;
            width: unset;
            height: unset;
            min-width: unset;
            min-height: unset; }
            .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .icon::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border table.list-view th.on::before, table.list-view .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border th.on::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border table.list-view th.sortable::before, table.list-view .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border th.sortable::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .search-bar div.queries::before, .search-bar .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border div.queries::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .simulator > header dd::before, .simulator > header .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border dd::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .p3-layout .menu-pane li::before, .p3-layout .menu-pane .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border li::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor section.actions li h5::before, .bot-editor section.actions li .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border h5::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border span.new::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border label.new::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border div.schedule::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border li.item.new::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border u::before, .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border section.user-editor section.info header::before, section.user-editor section.info .tab-gpt .center-pane > form li[name="response_tc"] + li .advanced-border header::before {
              font-family: "FontAwesome";
              content: "";
              font-size: 16px;
              line-height: 16px;
              margin-left: 4px;
              position: static;
              order: 0;
              width: unset;
              height: unset;
              min-width: unset;
              min-height: unset;
              transform: translateY(-2px); }
      .tab-gpt .center-pane > form li[type="checkbox"] label {
        height: 32px; }
      .tab-gpt .center-pane > form li[type="checkbox"] p[class^="desc"] {
        line-height: 20px; }
      .tab-gpt .center-pane > form li[type="checkbox"] p.explanation {
        left: calc(16px + var(--gap)); }
      .tab-gpt .center-pane > form li[type="switch"] h4 {
        line-height: 40px; }
      .tab-gpt .center-pane > form li.no-title {
        padding-left: calc(var(--title) + var(--gap));
        margin: 0; }
      .tab-gpt .center-pane > form li.gss-settings > dl {
        flex-direction: column; }
        .tab-gpt .center-pane > form li.gss-settings > dl p {
          text-align: left; }
        .tab-gpt .center-pane > form li.gss-settings > dl dl.gss {
          flex-direction: column; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss > dd:first-child {
            width: 100% !important; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss > dd:last-child {
            margin-top: 24px; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss dd {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss h4 {
            display: flex;
            align-items: center;
            width: 80px;
            min-width: 80px;
            height: 40px; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss input {
            width: var(--long);
            height: 32px;
            line-height: 32px;
            padding-left: 10px;
            padding-right: 10px;
            outline: 0;
            border-radius: 4px;
            box-sizing: border-box;
            border: 1px solid #D0C9C3;
            background: #FFFFFF; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss input:focus {
              border: 1px solid #5F5BFF; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .gssnipt {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .gssnipt h4 {
              display: none; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .gssnipt > div {
              display: flex; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .gssnipt:first-of-type h4 {
              display: flex; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .gssnipt + .gssnipt {
              margin-top: 16px; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .gssn-wrapper .btns {
            display: flex;
            margin-left: 8px; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .border {
            padding: 16px;
            background-color: #EEE;
            border-radius: 4px;
            color: #666; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .border p {
              padding: 0;
              color: inherit; }
            .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .border .copy-address {
              display: flex;
              margin-top: 8px;
              color: inherit; }
              .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .border .copy-address input {
                width: 352px;
                color: inherit; }
              .tab-gpt .center-pane > form li.gss-settings > dl dl.gss .border .copy-address dd {
                height: 32px;
                width: 32px;
                line-height: 32px;
                margin-left: 8px;
                color: inherit; }
        .tab-gpt .center-pane > form li.gss-settings > dl dl.timing {
          margin-top: 16px; }
          .tab-gpt .center-pane > form li.gss-settings > dl dl.timing > dd .tab-gpt .center-pane > form li.gss-settings > dl dl.timing > div {
            display: flex;
            flex-direction: column; }
      .tab-gpt .center-pane > form li.desc-open p.explanation .icon:before, .tab-gpt .center-pane > form li.desc-open p.explanation .form-item-autocomplete.loading-autocomplete:before, .tab-gpt .center-pane > form li.desc-open p.explanation table.list-view th.on:before, table.list-view .tab-gpt .center-pane > form li.desc-open p.explanation th.on:before, .tab-gpt .center-pane > form li.desc-open p.explanation table.list-view th.sortable:before, table.list-view .tab-gpt .center-pane > form li.desc-open p.explanation th.sortable:before, .tab-gpt .center-pane > form li.desc-open p.explanation .ui-indicator #indicator:before, .ui-indicator .tab-gpt .center-pane > form li.desc-open p.explanation #indicator:before, .tab-gpt .center-pane > form li.desc-open p.explanation .search-bar div.queries:before, .search-bar .tab-gpt .center-pane > form li.desc-open p.explanation div.queries:before, .tab-gpt .center-pane > form li.desc-open p.explanation .simulator > header dd:before, .simulator > header .tab-gpt .center-pane > form li.desc-open p.explanation dd:before, .tab-gpt .center-pane > form li.desc-open p.explanation .p3-layout .menu-pane li:before, .p3-layout .menu-pane .tab-gpt .center-pane > form li.desc-open p.explanation li:before, .tab-gpt .center-pane > form li.desc-open p.explanation .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .tab-gpt .center-pane > form li.desc-open p.explanation b:before, .tab-gpt .center-pane > form .bot-editor section.actions li.desc-open p.explanation h5:before, .bot-editor section.actions .tab-gpt .center-pane > form li.desc-open p.explanation h5:before, .tab-gpt .center-pane > form li.desc-open p.explanation .bot-editor ul.nodes > li > div span.new:before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li.desc-open p.explanation span.new:before, .tab-gpt .center-pane > form li.desc-open p.explanation .bot-editor ul.nodes > li > div label.new:before, .bot-editor ul.nodes > li > div .tab-gpt .center-pane > form li.desc-open p.explanation label.new:before, .tab-gpt .center-pane > form li.desc-open p.explanation .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .tab-gpt .center-pane > form li.desc-open p.explanation div.schedule:before, .tab-gpt .center-pane > form li.desc-open p.explanation .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form li.desc-open p.explanation li.item.new:before, .tab-gpt .center-pane > form li.desc-open p.explanation .bot-editor ul.nodes div.react-btns label.colors:hover u:before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form li.desc-open p.explanation u:before, .tab-gpt .center-pane > form li.desc-open p.explanation section.user-editor section.info header:before, section.user-editor section.info .tab-gpt .center-pane > form li.desc-open p.explanation header:before, .tab-gpt .center-pane > form li.desc-open p.explanation section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .tab-gpt .center-pane > form li.desc-open p.explanation b:before {
        content: "";
        transform: translateY(4px); }
      .tab-gpt .center-pane > form li.desc-open p[class^="desc-"] {
        display: flex; }
      .tab-gpt .center-pane > form li.desc-open h5.after {
        position: absolute; }
      .tab-gpt .center-pane > form li.alt-cron p, .tab-gpt .center-pane > form li.alt-gss p {
        padding-top: 0; }
      .tab-gpt .center-pane > form li h5.after {
        max-width: max-content; }
      .tab-gpt .center-pane > form li h4 {
        width: var(--title);
        min-width: var(--title); }
      .tab-gpt .center-pane > form li i {
        position: relative;
        line-height: var(--linehight);
        height: var(--linehight); }
        .tab-gpt .center-pane > form li i.plus-square, .tab-gpt .center-pane > form li i.minus-square {
          color: #D0C9C3; }
      .tab-gpt .center-pane > form li h5.after {
        line-height: var(--linehight);
        top: calc(var(--linehight)/4); }
      .tab-gpt .center-pane > form li p[class^="desc-"] {
        opacity: 0.6;
        display: none; }
      .tab-gpt .center-pane > form li p.explanation {
        padding: 0;
        line-height: 12px;
        cursor: pointer;
        opacity: 0.9;
        min-width: max-content;
        position: absolute;
        top: 6px;
        text-decoration: underline;
        text-underline-offset: 3px; }
        .tab-gpt .center-pane > form li p.explanation .icon, .tab-gpt .center-pane > form li p.explanation .form-item-autocomplete.loading-autocomplete:before, .tab-gpt .center-pane > form li p.explanation table.list-view th.on, table.list-view .tab-gpt .center-pane > form li p.explanation th.on, .tab-gpt .center-pane > form li p.explanation table.list-view th.sortable, table.list-view .tab-gpt .center-pane > form li p.explanation th.sortable, .tab-gpt .center-pane > form li p.explanation .ui-indicator #indicator:before, .ui-indicator .tab-gpt .center-pane > form li p.explanation #indicator:before, .tab-gpt .center-pane > form li p.explanation .search-bar div.queries, .search-bar .tab-gpt .center-pane > form li p.explanation div.queries, .tab-gpt .center-pane > form li p.explanation .simulator > header dd, .simulator > header .tab-gpt .center-pane > form li p.explanation dd, .tab-gpt .center-pane > form li p.explanation .p3-layout .menu-pane li, .p3-layout .menu-pane .tab-gpt .center-pane > form li p.explanation li, .tab-gpt .center-pane > form li p.explanation .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .tab-gpt .center-pane > form li p.explanation b:before, .tab-gpt .center-pane > form .bot-editor section.actions li p.explanation h5, .bot-editor section.actions .tab-gpt .center-pane > form li p.explanation h5, .tab-gpt .center-pane > form .bot-editor ul.nodes > li > div p.explanation span.new, .bot-editor .tab-gpt .center-pane > form ul.nodes > li > div p.explanation span.new, .tab-gpt .center-pane > form .bot-editor ul.nodes > li > div p.explanation label.new, .bot-editor .tab-gpt .center-pane > form ul.nodes > li > div p.explanation label.new, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .tab-gpt .center-pane > form li p.explanation div.schedule, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form li p.explanation li.item.new, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form li p.explanation u, .tab-gpt .center-pane > form li p.explanation section.user-editor section.info header, section.user-editor section.info .tab-gpt .center-pane > form li p.explanation header, .tab-gpt .center-pane > form li p.explanation section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .tab-gpt .center-pane > form li p.explanation b:before {
          display: inline-flex;
          align-items: center;
          width: unset;
          height: unset;
          min-width: unset;
          min-height: unset; }
          .tab-gpt .center-pane > form li p.explanation .icon:before, .tab-gpt .center-pane > form li p.explanation .form-item-autocomplete.loading-autocomplete:before, .tab-gpt .center-pane > form li p.explanation table.list-view th.on:before, table.list-view .tab-gpt .center-pane > form li p.explanation th.on:before, .tab-gpt .center-pane > form li p.explanation table.list-view th.sortable:before, table.list-view .tab-gpt .center-pane > form li p.explanation th.sortable:before, .tab-gpt .center-pane > form li p.explanation .ui-indicator #indicator:before, .ui-indicator .tab-gpt .center-pane > form li p.explanation #indicator:before, .tab-gpt .center-pane > form li p.explanation .search-bar div.queries:before, .search-bar .tab-gpt .center-pane > form li p.explanation div.queries:before, .tab-gpt .center-pane > form li p.explanation .simulator > header dd:before, .simulator > header .tab-gpt .center-pane > form li p.explanation dd:before, .tab-gpt .center-pane > form li p.explanation .p3-layout .menu-pane li:before, .p3-layout .menu-pane .tab-gpt .center-pane > form li p.explanation li:before, .tab-gpt .center-pane > form li p.explanation .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .tab-gpt .center-pane > form li p.explanation b:before, .tab-gpt .center-pane > form .bot-editor section.actions li p.explanation h5:before, .bot-editor section.actions .tab-gpt .center-pane > form li p.explanation h5:before, .tab-gpt .center-pane > form .bot-editor ul.nodes > li > div p.explanation span.new:before, .bot-editor .tab-gpt .center-pane > form ul.nodes > li > div p.explanation span.new:before, .tab-gpt .center-pane > form .bot-editor ul.nodes > li > div p.explanation label.new:before, .bot-editor .tab-gpt .center-pane > form ul.nodes > li > div p.explanation label.new:before, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .tab-gpt .center-pane > form li p.explanation div.schedule:before, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes ol.card li.item.new:before, .bot-editor ul.nodes ol.card .tab-gpt .center-pane > form li p.explanation li.item.new:before, .tab-gpt .center-pane > form li p.explanation .bot-editor ul.nodes div.react-btns label.colors:hover u:before, .bot-editor ul.nodes div.react-btns label.colors:hover .tab-gpt .center-pane > form li p.explanation u:before, .tab-gpt .center-pane > form li p.explanation section.user-editor section.info header:before, section.user-editor section.info .tab-gpt .center-pane > form li p.explanation header:before, .tab-gpt .center-pane > form li p.explanation section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .tab-gpt .center-pane > form li p.explanation b:before {
            font-family: "FontAwesome";
            content: "";
            font-size: 16px;
            line-height: 16px;
            margin-left: 4px;
            position: static;
            order: 0;
            width: unset;
            height: unset;
            min-width: unset;
            min-height: unset;
            transform: translateY(-2px); }
      .tab-gpt .center-pane > form li .acg-status {
        display: flex;
        flex-direction: row;
        grid-gap: var(--gap); }
        .tab-gpt .center-pane > form li .acg-status > div > *:not(:first-child) {
          padding-top: 0; }
        .tab-gpt .center-pane > form li .acg-status h4 {
          font-weight: unset; }
        .tab-gpt .center-pane > form li .acg-status div.status {
          display: flex;
          align-items: center; }
          .tab-gpt .center-pane > form li .acg-status div.status .status {
            margin-right: 8px;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            border: 1px solid #eee; }
            .tab-gpt .center-pane > form li .acg-status div.status .status[status="2"] {
              background-color: #30B830; }
            .tab-gpt .center-pane > form li .acg-status div.status .status[status="1"] {
              background-color: #D7E03E; }
            .tab-gpt .center-pane > form li .acg-status div.status .status[status="0"] {
              background-color: #B83030; }
          .tab-gpt .center-pane > form li .acg-status div.status .test-status {
            height: 28px;
            position: relative;
            top: 5px; }
        .tab-gpt .center-pane > form li .acg-status .acg-error {
          color: #B83030; }
    .tab-gpt .center-pane > form dl dd {
      padding-right: 16px; }
      .tab-gpt .center-pane > form dl dd[type="hidden"] {
        max-width: 0;
        max-height: 0;
        padding: 0;
        margin: 0; }
    .tab-gpt .center-pane > form div[class^="form-type-"] {
      overflow: visible; }
    .tab-gpt .center-pane > form + footer {
      display: flex;
      justify-content: flex-end;
      height: unset;
      margin: 0 !important;
      background-color: #F8F6F5;
      border-top: 1px solid #D0C9C3;
      height: 60px;
      line-height: 60px;
      display: flex;
      flex-direction: row;
      text-align: left;
      padding-left: 24px;
      padding-right: 24px; }

.popover.white.gpt-csv-btns .close, section.white.gpt-csv-btns.pop-inline .close, section.gpt-csv-btns.pop-inline.dict-editor .close, section.popover.gpt-csv-btns.dict-editor .close, .popover.white.gpt-gd-btns .close, section.white.gpt-gd-btns.pop-inline .close, section.gpt-gd-btns.pop-inline.dict-editor .close, section.popover.gpt-gd-btns.dict-editor .close {
  display: none; }

.popover.white.gpt-csv-btns li button, section.white.gpt-csv-btns.pop-inline li button, section.gpt-csv-btns.pop-inline.dict-editor li button, section.popover.gpt-csv-btns.dict-editor li button, .popover.white.gpt-gd-btns li button, section.white.gpt-gd-btns.pop-inline li button, section.gpt-gd-btns.pop-inline.dict-editor li button, section.popover.gpt-gd-btns.dict-editor li button {
  margin-left: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: left; }

.popover.white.gpt-csv-btns li:hover, section.white.gpt-csv-btns.pop-inline li:hover, section.gpt-csv-btns.pop-inline.dict-editor li:hover, section.popover.gpt-csv-btns.dict-editor li:hover, .popover.white.gpt-gd-btns li:hover, section.white.gpt-gd-btns.pop-inline li:hover, section.gpt-gd-btns.pop-inline.dict-editor li:hover, section.popover.gpt-gd-btns.dict-editor li:hover {
  background-color: #F8F6F5;
  border-radius: 6px; }

.popover.white.gpt-csv-btns li, section.white.gpt-csv-btns.pop-inline li, section.gpt-csv-btns.pop-inline.dict-editor li, section.popover.gpt-csv-btns.dict-editor li, .popover.white.gpt-gd-btns li, section.white.gpt-gd-btns.pop-inline li, section.gpt-gd-btns.pop-inline.dict-editor li, section.popover.gpt-gd-btns.dict-editor li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3; }
  .popover.white.gpt-csv-btns li:last-child, section.white.gpt-csv-btns.pop-inline li:last-child, section.gpt-csv-btns.pop-inline.dict-editor li:last-child, section.popover.gpt-csv-btns.dict-editor li:last-child, .popover.white.gpt-gd-btns li:last-child, section.white.gpt-gd-btns.pop-inline li:last-child, section.gpt-gd-btns.pop-inline.dict-editor li:last-child, section.popover.gpt-gd-btns.dict-editor li:last-child {
    border-bottom: 0; }
  .popover.white.gpt-csv-btns li button.label, section.white.gpt-csv-btns.pop-inline li button.label, section.gpt-csv-btns.pop-inline.dict-editor li button.label, section.popover.gpt-csv-btns.dict-editor li button.label, .popover.white.gpt-gd-btns li button.label, section.white.gpt-gd-btns.pop-inline li button.label, section.gpt-gd-btns.pop-inline.dict-editor li button.label, section.popover.gpt-gd-btns.dict-editor li button.label {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    background-color: transparent; }
  .popover.white.gpt-csv-btns li button.label:before, section.white.gpt-csv-btns.pop-inline li button.label:before, section.gpt-csv-btns.pop-inline.dict-editor li button.label:before, section.popover.gpt-csv-btns.dict-editor li button.label:before, .popover.white.gpt-gd-btns li button.label:before, section.white.gpt-gd-btns.pop-inline li button.label:before, section.gpt-gd-btns.pop-inline.dict-editor li button.label:before, section.popover.gpt-gd-btns.dict-editor li button.label:before {
    height: 44px;
    line-height: 44px; }

.popup.gpt-form button.new {
  background-color: #00D6C9;
  color: white; }
  .popup.gpt-form button.new:hover {
    background-color: #009F96; }

.popup.gpt-form footer {
  width: 100%; }

.popup.gpt-form-qa ul .form-item-multiple, .popup.gpt-form-unknown ul .form-item-multiple {
  padding: 0; }
  .popup.gpt-form-qa ul .form-item-multiple dl, .popup.gpt-form-unknown ul .form-item-multiple dl {
    flex: 1; }
    .popup.gpt-form-qa ul .form-item-multiple dl dd, .popup.gpt-form-unknown ul .form-item-multiple dl dd {
      flex: 1; }
      .popup.gpt-form-qa ul .form-item-multiple dl dd:first-of-type, .popup.gpt-form-unknown ul .form-item-multiple dl dd:first-of-type {
        border-right: 1px solid #D0C9C3;
        padding-right: 32px;
        margin-right: 16px; }
      .popup.gpt-form-qa ul .form-item-multiple dl dd h4, .popup.gpt-form-unknown ul .form-item-multiple dl dd h4 {
        width: 60px; }
        .popup.gpt-form-qa ul .form-item-multiple dl dd h4::after, .popup.gpt-form-unknown ul .form-item-multiple dl dd h4::after {
          display: inline-block;
          content: ":";
          margin-left: 6px;
          line-height: 40px; }
      .popup.gpt-form-qa ul .form-item-multiple dl dd div, .popup.gpt-form-unknown ul .form-item-multiple dl dd div {
        flex: 1; }
        .popup.gpt-form-qa ul .form-item-multiple dl dd div textarea, .popup.gpt-form-unknown ul .form-item-multiple dl dd div textarea {
          width: 100%; }
      .popup.gpt-form-qa ul .form-item-multiple dl dd .desc-question, .popup.gpt-form-qa ul .form-item-multiple dl dd .desc-answer, .popup.gpt-form-unknown ul .form-item-multiple dl dd .desc-question, .popup.gpt-form-unknown ul .form-item-multiple dl dd .desc-answer {
        line-height: 16px;
        padding: 0;
        color: var(--d3);
        text-align: right; }

.popup.gpt-form-testcase form[data-mode="manual"] li[data-form="manual"] {
  display: flex; }

.popup.gpt-form-testcase form[data-mode="manual"] li[data-form="auto"] {
  display: none; }

.popup.gpt-form-testcase form[data-mode="auto"] li[data-form="auto"] {
  display: flex; }

.popup.gpt-form-testcase form[data-mode="auto"] li[data-form="manual"] {
  display: none; }

.popup.gpt-form-testcase form[data-mode="auto"][data-type="all"] li[data-form="auto"] dd[name="topic"], .popup.gpt-form-testcase form[data-mode="auto"][data-type="all"] li[data-form="auto"] [name="num_docs"] {
  display: none; }

.popup.gpt-form-testcase form p[class*="desc"] {
  line-height: 16px;
  opacity: 0.6; }

.popup.gpt-form-testcase li[type=multiple] dd {
  width: auto;
  padding-right: 10px; }

.popup.gpt-form-testcase li[data-form="manual"] dl {
  display: grid;
  grid-template-areas: 'a b' 'c d';
  grid-gap: 8px; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd > h4 {
    min-width: 100px; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=question] {
    grid-area: a;
    border-right: 1px solid #D0C9C3;
    padding-right: 32px;
    margin-right: 16px; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=answer] {
    grid-area: b; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=source_type] {
    grid-area: c;
    padding-top: 32px;
    padding-right: 32px;
    margin-right: 16px; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=source] {
    grid-area: d;
    padding-top: 32px; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=source_type] input, .popup.gpt-form-testcase li[data-form="manual"] dl dd[name=source] input {
    max-width: unset;
    background-color: #F8F6F5; }
  .popup.gpt-form-testcase li[data-form="manual"] dl dd textarea[data-disabled="true"] {
    background-color: #F8F6F5; }

.popup.gpt-form-testcase li[data-form="auto"] > dl {
  display: flex;
  flex-direction: column; }
  .popup.gpt-form-testcase li[data-form="auto"] > dl > dd > h4 {
    width: 180px;
    min-width: 180px;
    max-width: 180px; }
  .popup.gpt-form-testcase li[data-form="auto"] > dl > dd .form-type-radio {
    display: flex; }

.popup.gpt-form-testcase .form-type-text {
  text-align: left; }

.popup.gpt-form-testcase .form-item-multiple {
  padding: 0; }
  .popup.gpt-form-testcase .form-item-multiple dl {
    flex: 1; }
    .popup.gpt-form-testcase .form-item-multiple dl dd {
      flex: 1; }
      .popup.gpt-form-testcase .form-item-multiple dl dd h4 {
        width: 60px; }
        .popup.gpt-form-testcase .form-item-multiple dl dd h4::after {
          display: inline-block;
          content: ":";
          margin-left: 6px;
          line-height: 40px; }
      .popup.gpt-form-testcase .form-item-multiple dl dd div {
        flex: 1; }
        .popup.gpt-form-testcase .form-item-multiple dl dd div textarea {
          width: 100%; }

.popup.gpt-form-testcase button.new {
  display: none; }

.popup.gpt-form-website form {
  max-width: unset; }
  .popup.gpt-form-website form .alt {
    display: none; }
  .popup.gpt-form-website form[data-recursive="1"] .alt.alt-recursive {
    display: flex; }

.popup.gpt-form-website textarea {
  white-space: nowrap; }

.popup.gpt-form-website input[type="number"] {
  width: 96px; }

.popup.gpt-form-wiki {
  width: 100%;
  max-width: 650px; }
  .popup.gpt-form-wiki form li[name="ext_link"] {
    overflow: visible;
    display: flex;
    align-items: center;
    z-index: 100; }
    .popup.gpt-form-wiki form li[name="ext_link"] .form-type-text {
      width: calc(100% + 24px); }
      .popup.gpt-form-wiki form li[name="ext_link"] .form-type-text input {
        width: 100%; }
    .popup.gpt-form-wiki form li[name="ext_link"] i.infor {
      transform: translateX(16px); }
      .popup.gpt-form-wiki form li[name="ext_link"] i.infor:before {
        display: flex;
        align-items: center;
        color: #D0C9C3; }
  .popup.gpt-form-wiki form li[name="poster"] .form-type-file {
    max-width: 120px; }
    .popup.gpt-form-wiki form li[name="poster"] .form-type-file i.close {
      top: 0;
      right: 0;
      transform: translate(10px, -8px); }
  .popup.gpt-form-wiki footer {
    z-index: 0; }

.ico {
  background-repeat: no-repeat;
  background-position: center; }

.popup > .letter-limit-err {
  padding: 2rem 4rem; }

.tab-menu section.left-pane.group-pane.archived {
  display: none; }

.tab-menu .imagemap-edit-frame.image-editor .tool-pane.properties > ul .ver-1 > ul li h4 {
  font-weight: bold; }

.tab-menu .imagemap-edit-frame.image-editor .tool-pane.properties > ul .ver-1 > ul li .form-type-select > p {
  font-size: 10px;
  padding: 0;
  height: 24px; }

.tab-menu .imagemap-edit-frame.image-editor .tool-pane.properties > ul .ver-1 > ul .form-item-priority h4 {
  font-weight: normal; }

.popup-mask .menus-page-calendar-popup-start.bottom,
.popup-mask .menus-page-calendar-popup-end.bottom {
  top: 136px !important; }
  .popup-mask .menus-page-calendar-popup-start.bottom::after,
  .popup-mask .menus-page-calendar-popup-end.bottom::after {
    right: -20px !important;
    transform: rotate(90deg); }

.popup-mask .menus-page-calendar-popup-start.top,
.popup-mask .menus-page-calendar-popup-end.top {
  top: 136px !important; }
  .popup-mask .menus-page-calendar-popup-start.top::after,
  .popup-mask .menus-page-calendar-popup-end.top::after {
    right: -20px !important;
    transform: rotate(-90deg); }

.popup-mask section.popup.folder-remove form ul h2 {
  padding-left: 0px;
  height: 32px;
  line-height: 32px; }

.popup-mask section.popup.folder-remove form ul li[name=with_views] {
  padding-left: 12px; }

section.popover header span.groups-lock.bot-locks:after, section.pop-inline header span.groups-lock.bot-locks:after {
  font-family: "FontAwesome" !important;
  margin-left: 10px; }

section.popover header span.groups-lock.bot-locks:hover, section.pop-inline header span.groups-lock.bot-locks:hover {
  cursor: pointer; }

section.popover header span.groups-lock.unlock:after, section.pop-inline header span.groups-lock.unlock:after {
  content: ""; }

section.popover header span.groups-lock.lock:after, section.pop-inline header span.groups-lock.lock:after {
  content: "";
  color: #f8c90a; }

.popup.gpt-tutorial-popup.white, section.popup.gpt-tutorial-popup.dict-editor {
  --headerHeight: 60px;
  width: 600px;
  border-radius: 8px; }
  .popup.gpt-tutorial-popup.white h2, section.popup.gpt-tutorial-popup.dict-editor h2 {
    border-bottom: 1px solid #CFC9C4;
    height: var(--headerHeight);
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #666666;
    font-size: 14px;
    padding-left: 32px;
    line-height: initial;
    margin-top: 3px; }
  .popup.gpt-tutorial-popup.white ul, section.popup.gpt-tutorial-popup.dict-editor ul {
    padding: 14px 18px 60px; }
    .popup.gpt-tutorial-popup.white ul li, section.popup.gpt-tutorial-popup.dict-editor ul li {
      border-bottom: 1px solid #ECECEC;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 20px;
      cursor: pointer;
      height: 48px;
      font-size: 15px;
      font-family: 'Poppins', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
      color: #666; }
      .popup.gpt-tutorial-popup.white ul li:hover, section.popup.gpt-tutorial-popup.dict-editor ul li:hover {
        background-color: rgba(0, 0, 0, 0.05); }
  .popup.gpt-tutorial-popup.white i.close, section.popup.gpt-tutorial-popup.dict-editor i.close {
    --height: 24px;
    height: 24px;
    top: calc(var(--headerHeight) / 2);
    transform: translateY(calc((var(--height) / 2) * -1)); }

.popup.gpt-gss-form section .border, .popup.gpt-gd-form section .border {
  margin: 16px 32px;
  padding: 16px;
  background-color: #D0C9C3;
  border-radius: 4px;
  color: #666; }
  .popup.gpt-gss-form section .border p, .popup.gpt-gd-form section .border p {
    padding: 0;
    color: inherit; }
  .popup.gpt-gss-form section .border .copy-address, .popup.gpt-gd-form section .border .copy-address {
    display: flex;
    margin-top: 8px;
    color: inherit; }
    .popup.gpt-gss-form section .border .copy-address input, .popup.gpt-gd-form section .border .copy-address input {
      width: 352px;
      color: inherit;
      border-color: #F8F6F5; }
    .popup.gpt-gss-form section .border .copy-address dd, .popup.gpt-gd-form section .border .copy-address dd {
      height: 32px;
      width: 32px;
      line-height: 32px;
      margin-left: 8px;
      color: inherit; }

.popup.gpt-gss-form footer, .popup.gpt-gd-form footer {
  border-color: white; }

.popup.gpt-gd-form section .border .copy-address input {
  width: 510px; }

.platform_view {
  max-height: 720px; }
  .platform_view header {
    display: flex;
    padding-left: 24px; }
  .platform_view .icon.new.deploy:before, .platform_view .new.deploy.form-item-autocomplete.loading-autocomplete:before, .platform_view table.list-view th.new.deploy.on:before, table.list-view .platform_view th.new.deploy.on:before, .platform_view table.list-view th.new.deploy.sortable:before, table.list-view .platform_view th.new.deploy.sortable:before, .platform_view .ui-indicator .new.deploy#indicator:before, .ui-indicator .platform_view .new.deploy#indicator:before, .platform_view .search-bar div.new.deploy.queries:before, .search-bar .platform_view div.new.deploy.queries:before, .platform_view .simulator > header dd.new.deploy:before, .simulator > header .platform_view dd.new.deploy:before, .platform_view .p3-layout .menu-pane li.new.deploy:before, .p3-layout .menu-pane .platform_view li.new.deploy:before, .platform_view .chat_list_view #simulator footer.send-type-text .type-text b.new.deploy:before, .chat_list_view #simulator footer.send-type-text .type-text .platform_view b.new.deploy:before, .platform_view .bot-editor section.actions li h5.new.deploy:before, .bot-editor section.actions li .platform_view h5.new.deploy:before, .platform_view .bot-editor ul.nodes > li > div span.new.deploy:before, .bot-editor ul.nodes > li > div .platform_view span.new.deploy:before, .platform_view .bot-editor ul.nodes > li > div label.new.deploy:before, .bot-editor ul.nodes > li > div .platform_view label.new.deploy:before, .platform_view .bot-editor ul.nodes div.new.deploy.schedule:before, .bot-editor ul.nodes .platform_view div.new.deploy.schedule:before, .platform_view .bot-editor ul.nodes ol.card li.new.deploy.item:before, .bot-editor ul.nodes ol.card .platform_view li.new.deploy.item:before, .platform_view .bot-editor ul.nodes div.react-btns label.colors:hover u.new.deploy:before, .bot-editor ul.nodes div.react-btns label.colors:hover .platform_view u.new.deploy:before, .platform_view section.user-editor section.info header.new.deploy:before, section.user-editor section.info .platform_view header.new.deploy:before, .platform_view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.new.deploy:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .platform_view b.new.deploy:before {
    content: ""; }
  .platform_view li.alt {
    display: none; }
  .platform_view .tab-container form ul > li > h4, .platform_view .tab-container form ul > li > dl > dd:first-child {
    width: 160px;
    min-width: 160px; }
  .platform_view .tab-container form ul > li > h4 {
    height: auto;
    line-height: inherit; }
  .platform_view dl.ui-tab-menu dd {
    text-transform: none;
    justify-content: start;
    padding: 0 24px; }
    .platform_view dl.ui-tab-menu dd::before {
      left: 16px; }
    .platform_view dl.ui-tab-menu dd.on {
      color: inherit;
      background: #F8F6F5; }
      .platform_view dl.ui-tab-menu dd.on::before {
        color: inherit;
        left: 16px; }
    .platform_view dl.ui-tab-menu dd.icon.oname_line.on::before, .platform_view dl.ui-tab-menu .simulator > header dd.oname_line.on::before, .simulator > header .platform_view dl.ui-tab-menu dd.oname_line.on::before, .platform_view dl.ui-tab-menu .simulator > header dd.on.line::before, .simulator > header .platform_view dl.ui-tab-menu dd.on.line::before {
      background-image: url(/images/ico-line-g.svg?v=2); }

.popup.platform_view {
  width: 1000px; }
  .popup.platform_view section.body {
    overflow: hidden; }
    .popup.platform_view section.body .tab-container {
      overflow-y: unset; }
      .popup.platform_view section.body .tab-container section {
        display: flex;
        flex-direction: column;
        height: 100%; }
      .popup.platform_view section.body .tab-container .web-settings .hbox {
        height: calc(100% - 96px);
        flex-grow: 1;
        flex-direction: column;
        align-items: flex-start;
        overflow: scroll;
        padding-top: 16px; }
        .popup.platform_view section.body .tab-container .web-settings .hbox h4 {
          padding-right: 24px; }
        .popup.platform_view section.body .tab-container .web-settings .hbox h2 {
          margin-left: 8px; }
        .popup.platform_view section.body .tab-container .web-settings .hbox form {
          height: fit-content;
          overflow-y: unset !important; }
          .popup.platform_view section.body .tab-container .web-settings .hbox form.web_settings_form ul {
            padding-left: 0; }
            .popup.platform_view section.body .tab-container .web-settings .hbox form.web_settings_form ul li:not(:has(h2)) {
              padding-left: 16px; }
            .popup.platform_view section.body .tab-container .web-settings .hbox form.web_settings_form ul li:has(h2) {
              padding-bottom: 0;
              padding-top: 16px; }
            .popup.platform_view section.body .tab-container .web-settings .hbox form.web_settings_form ul li h2 {
              padding-left: 0;
              margin-left: 0; }
        .popup.platform_view section.body .tab-container .web-settings .hbox .codes {
          flex-grow: 1;
          width: 80%;
          padding-left: 24px; }
          .popup.platform_view section.body .tab-container .web-settings .hbox .codes .paste-area code {
            width: unset; }
          .popup.platform_view section.body .tab-container .web-settings .hbox .codes code {
            padding-right: 110px; }
          .popup.platform_view section.body .tab-container .web-settings .hbox .codes button {
            color: white;
            width: auto !important;
            padding: 4px 12px 4px 20px; }
            .popup.platform_view section.body .tab-container .web-settings .hbox .codes button::before {
              top: 1px;
              left: -5px; }
      .popup.platform_view section.body .tab-container .web-settings footer p {
        padding: 0; }
        .popup.platform_view section.body .tab-container .web-settings footer p a {
          text-decoration: underline;
          cursor: pointer; }
      .popup.platform_view section.body .tab-container .line-settings .form-pane {
        overflow: scroll; }
        .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual {
          background: transparent;
          padding-bottom: 0;
          margin-bottom: 0;
          margin-top: 0;
          padding-top: 0;
          box-shadow: none; }
          .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual .paste-area {
            padding: 16px; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual .paste-area h2 {
              position: relative;
              font-size: 14px;
              height: 48px;
              line-height: 48px;
              margin-left: 0;
              margin-bottom: 8px;
              padding-left: 0; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual .paste-area code {
              position: relative;
              background: #D0C9C3;
              color: #666;
              overflow: hidden;
              margin-left: 16px;
              padding-right: 110px;
              padding-top: 12px;
              padding-bottom: 12px;
              width: 60%;
              overflow-wrap: break-word !important; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual .paste-area button {
              top: 10px;
              right: 12px;
              color: white;
              width: auto !important;
              padding: 4px 12px 4px 20px; }
              .popup.platform_view section.body .tab-container .line-settings .form-pane .line-manual .paste-area button::before {
                top: 1px;
                left: -5px; }
        .popup.platform_view section.body .tab-container .line-settings .form-pane img.qr {
          position: absolute;
          right: 48px;
          top: 32px;
          border: 1px solid white;
          width: 140px;
          height: 140px; }
        .popup.platform_view section.body .tab-container .line-settings .form-pane form {
          height: unset;
          padding-top: 16px;
          overflow-y: unset !important; }
          .popup.platform_view section.body .tab-container .line-settings .form-pane form ul {
            padding-top: 0;
            padding-left: 0; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form ul li:not(:has(h2)) {
              padding-left: 16px; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form ul li:has(h2) {
              padding-bottom: 0;
              padding-top: 0; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form ul li h2 {
              padding-left: 0;
              margin-left: 0; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form ul li h4 {
              padding-right: 24px; }
          .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain] {
            height: auto; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain] .form-type-select {
              height: auto; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown {
              background: #C7655D; }
              .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line .form-type-select div.ui-dropdown label {
                color: #D0C9C3; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p {
              padding: 0; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p.desc-liff_domain i.icon.infor, .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p.desc-liff_domain i.infor.form-item-autocomplete.loading-autocomplete:before, .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p.desc-liff_domain .ui-indicator i.infor#indicator:before, .ui-indicator .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p.desc-liff_domain i.infor#indicator:before {
              line-height: 32px;
              color: #C7655D; }
            .popup.platform_view section.body .tab-container .line-settings .form-pane form li[name=liff_domain].domain-line p.desc-liff_domain span {
              padding-left: 20px;
              line-height: 32px;
              color: #C7655D; }
        .popup.platform_view section.body .tab-container .line-settings .form-pane .line-settings-form {
          padding-top: 0;
          padding-bottom: 24px; }
      .popup.platform_view section.body .tab-container .line-settings footer p {
        padding: 0; }
      .popup.platform_view section.body .tab-container .teams-settings {
        width: 100%; }
        .popup.platform_view section.body .tab-container .teams-settings .form-pane {
          flex-grow: 1; }
          .popup.platform_view section.body .tab-container .teams-settings .form-pane h2 {
            position: relative;
            font-size: 14px;
            height: 32px;
            line-height: 32px;
            margin-left: 0; }
          .popup.platform_view section.body .tab-container .teams-settings .form-pane code {
            background: #D0C9C3;
            color: #666;
            overflow: hidden;
            margin-left: 16px;
            padding-right: 24px;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 80%;
            overflow-wrap: break-word !important; }
      .popup.platform_view section.body .tab-container .fb-settings .paste-area {
        padding: 16px 24px; }
        .popup.platform_view section.body .tab-container .fb-settings .paste-area code {
          width: 100%;
          padding-right: 110px; }
        .popup.platform_view section.body .tab-container .fb-settings .paste-area button {
          padding: 4px 12px 4px 20px; }
          .popup.platform_view section.body .tab-container .fb-settings .paste-area button::before {
            top: 1px;
            left: -5px; }
        .popup.platform_view section.body .tab-container .fb-settings .paste-area button {
          color: white;
          top: 32px;
          right: 40px; }
      .popup.platform_view section.body .tab-container .fb-settings h2 {
        padding: 0;
        text-align: center; }
      .popup.platform_view section.body .tab-container .fb-settings form {
        height: unset;
        flex-grow: 1; }
        .popup.platform_view section.body .tab-container .fb-settings form ul {
          width: 100% !important; }
          .popup.platform_view section.body .tab-container .fb-settings form ul li {
            width: 100%;
            height: 48px;
            line-height: 34px;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between; }
            .popup.platform_view section.body .tab-container .fb-settings form ul li button {
              margin-top: 0;
              margin-bottom: 0; }
              .popup.platform_view section.body .tab-container .fb-settings form ul li button.exists {
                background-color: #ccc;
                border-color: #999; }

.imagemap-edit-frame {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  width: inherit;
  height: inherit; }

.imagemap-edit-pane {
  background-color: #F8F6F5;
  flex: 1; }

.imagemap-edit-form-pane {
  background-color: #FFFFFF;
  width: 260px;
  border-left: 1px solid #D0C9C3; }

.imagemap-edit-frame.image-editor,
.popup.image-editor {
  width: 840px !important;
  height: 534px;
  background-color: white;
  margin-top: calc(50vh - 220px);
  transform: none;
  border-radius: 0; }
  .imagemap-edit-frame.image-editor *,
  .popup.image-editor * {
    color: #222;
    text-align: left; }
  .imagemap-edit-frame.image-editor header,
  .popup.image-editor header {
    height: 44px;
    line-height: 44px; }
  .imagemap-edit-frame.image-editor footer,
  .popup.image-editor footer {
    height: 48px;
    line-height: 48px;
    margin-top: 0;
    text-align: center;
    border-top: 1px solid #D0C9C3; }
    .imagemap-edit-frame.image-editor footer input[type=text],
    .popup.image-editor footer input[type=text] {
      width: 240px; }
  .imagemap-edit-frame.image-editor section.panel, .imagemap-edit-frame.image-editor section.popup, .imagemap-edit-frame.image-editor section.line-manual,
  .popup.image-editor section.panel,
  .popup.image-editor section.popup,
  .popup.image-editor section.line-manual {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
    height: 440px; }
    .imagemap-edit-frame.image-editor section.panel div.image-pane, .imagemap-edit-frame.image-editor section.popup div.image-pane, .imagemap-edit-frame.image-editor section.line-manual div.image-pane,
    .popup.image-editor section.panel div.image-pane,
    .popup.image-editor section.popup div.image-pane,
    .popup.image-editor section.line-manual div.image-pane {
      display: flex;
      flex-direction: column;
      width: 440px; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane > div, .imagemap-edit-frame.image-editor section.popup div.image-pane > div, .imagemap-edit-frame.image-editor section.line-manual div.image-pane > div,
      .popup.image-editor section.panel div.image-pane > div,
      .popup.image-editor section.popup div.image-pane > div,
      .popup.image-editor section.line-manual div.image-pane > div {
        flex: 1; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane > div div, .imagemap-edit-frame.image-editor section.popup div.image-pane > div div, .imagemap-edit-frame.image-editor section.line-manual div.image-pane > div div,
        .popup.image-editor section.panel div.image-pane > div div,
        .popup.image-editor section.popup div.image-pane > div div,
        .popup.image-editor section.line-manual div.image-pane > div div {
          margin: auto;
          position: relative;
          box-sizing: border-box; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer, .imagemap-edit-frame.image-editor section.popup div.image-pane div.outer, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer,
      .popup.image-editor section.panel div.image-pane div.outer,
      .popup.image-editor section.popup div.image-pane div.outer,
      .popup.image-editor section.line-manual div.image-pane div.outer {
        width: 320px;
        height: 320px;
        background-size: cover;
        opacity: 1;
        text-align: center;
        overflow: hidden;
        border: 1px solid #D0C9C3;
        background-position: 50% 50%;
        cursor: pointer;
        background-color: #222; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.rect-line, .imagemap-edit-frame.image-editor section.popup div.image-pane div.outer.rect-line, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.rect-line,
        .popup.image-editor section.panel div.image-pane div.outer.rect-line,
        .popup.image-editor section.popup div.image-pane div.outer.rect-line,
        .popup.image-editor section.line-manual div.image-pane div.outer.rect-line {
          height: 212px; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.rect-fb, .imagemap-edit-frame.image-editor section.popup div.image-pane div.outer.rect-fb, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.rect-fb,
        .popup.image-editor section.panel div.image-pane div.outer.rect-fb,
        .popup.image-editor section.popup div.image-pane div.outer.rect-fb,
        .popup.image-editor section.line-manual div.image-pane div.outer.rect-fb {
          height: 168px; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.contain, .imagemap-edit-frame.image-editor section.popup div.image-pane div.outer.contain, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.contain,
      .popup.image-editor section.panel div.image-pane div.outer.contain,
      .popup.image-editor section.popup div.image-pane div.outer.contain,
      .popup.image-editor section.line-manual div.image-pane div.outer.contain {
        background-size: contain; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.imagemap, .imagemap-edit-frame.image-editor section.popup div.image-pane div.imagemap, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.imagemap,
      .popup.image-editor section.panel div.image-pane div.imagemap,
      .popup.image-editor section.popup div.image-pane div.imagemap,
      .popup.image-editor section.line-manual div.image-pane div.imagemap {
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        margin: 10px;
        width: 300px;
        height: 300px; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.imagemap:before, .imagemap-edit-frame.image-editor section.popup div.image-pane div.imagemap:before, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.imagemap:before,
        .popup.image-editor section.panel div.image-pane div.imagemap:before,
        .popup.image-editor section.popup div.image-pane div.imagemap:before,
        .popup.image-editor section.line-manual div.image-pane div.imagemap:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 300px;
          height: 300px; }
    .imagemap-edit-frame.image-editor section.panel div.tool-pane, .imagemap-edit-frame.image-editor section.popup div.tool-pane, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane,
    .popup.image-editor section.panel div.tool-pane,
    .popup.image-editor section.popup div.tool-pane,
    .popup.image-editor section.line-manual div.tool-pane {
      display: flex;
      flex-direction: column;
      border-left: 1px solid #F8F6F5;
      width: 240px; }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane > div, .imagemap-edit-frame.image-editor section.popup div.tool-pane > div, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane > div,
      .popup.image-editor section.panel div.tool-pane > div,
      .popup.image-editor section.popup div.tool-pane > div,
      .popup.image-editor section.line-manual div.tool-pane > div {
        flex: 1;
        padding-left: 16px; }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane dl, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl,
      .popup.image-editor section.panel div.tool-pane dl,
      .popup.image-editor section.popup div.tool-pane dl,
      .popup.image-editor section.line-manual div.tool-pane dl {
        height: 110px; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico,
        .popup.image-editor section.panel div.tool-pane dl dd.ico,
        .popup.image-editor section.popup div.tool-pane dl dd.ico,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico {
          height: inherit;
          width: 120px;
          background-size: 80px 80px;
          background-position: center 0;
          text-align: center;
          padding-top: 80px;
          padding-right: 0;
          cursor: pointer; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.on, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.on, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.on,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.on,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.on,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.on {
          background-color: #222;
          color: #FFFFFF; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.rect-line, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.rect-line, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.rect-line,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.rect-line,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.rect-line,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.rect-line {
          background-image: url(/images/ico-rect-line.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.rect-fb, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.rect-fb, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.rect-fb,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.rect-fb,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.rect-fb,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.rect-fb {
          background-image: url(/images/ico-rect-fb.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.square, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.square, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.square,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.square,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.square,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.square {
          background-image: url(/images/ico-square.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.cover, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.cover, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.cover,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.cover,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.cover,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.cover {
          background-image: url(/images/ico-cover.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.contain, .imagemap-edit-frame.image-editor section.popup div.tool-pane dl dd.ico.contain, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.contain,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.contain,
        .popup.image-editor section.popup div.tool-pane dl dd.ico.contain,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.contain {
          background-image: url(/images/ico-contain.svg); }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane form li, .imagemap-edit-frame.image-editor section.popup div.tool-pane form li, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane form li,
      .popup.image-editor section.panel div.tool-pane form li,
      .popup.image-editor section.popup div.tool-pane form li,
      .popup.image-editor section.line-manual div.tool-pane form li {
        display: flex; }
    .imagemap-edit-frame.image-editor section.panel div.dir, .imagemap-edit-frame.image-editor section.popup div.dir, .imagemap-edit-frame.image-editor section.line-manual div.dir,
    .popup.image-editor section.panel div.dir,
    .popup.image-editor section.popup div.dir,
    .popup.image-editor section.line-manual div.dir {
      height: 360px;
      width: 360px;
      display: flex;
      flex-direction: column; }
      .imagemap-edit-frame.image-editor section.panel div.dir span, .imagemap-edit-frame.image-editor section.popup div.dir span, .imagemap-edit-frame.image-editor section.line-manual div.dir span,
      .popup.image-editor section.panel div.dir span,
      .popup.image-editor section.popup div.dir span,
      .popup.image-editor section.line-manual div.dir span {
        background-color: transparent;
        border-color: transparent;
        display: block;
        position: relative; }
      .imagemap-edit-frame.image-editor section.panel div.dir span:after, .imagemap-edit-frame.image-editor section.popup div.dir span:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span:after,
      .popup.image-editor section.panel div.dir span:after,
      .popup.image-editor section.popup div.dir span:after,
      .popup.image-editor section.line-manual div.dir span:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        z-index: 1;
        cursor: pointer; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.vertical, .imagemap-edit-frame.image-editor section.popup div.dir span.vertical, .imagemap-edit-frame.image-editor section.line-manual div.dir span.vertical,
      .popup.image-editor section.panel div.dir span.vertical,
      .popup.image-editor section.popup div.dir span.vertical,
      .popup.image-editor section.line-manual div.dir span.vertical {
        height: 20px;
        width: 80px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.horizontal, .imagemap-edit-frame.image-editor section.popup div.dir span.horizontal, .imagemap-edit-frame.image-editor section.line-manual div.dir span.horizontal,
      .popup.image-editor section.panel div.dir span.horizontal,
      .popup.image-editor section.popup div.dir span.horizontal,
      .popup.image-editor section.line-manual div.dir span.horizontal {
        height: 320px;
        width: 20px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.horizontal:after, .imagemap-edit-frame.image-editor section.popup div.dir span.horizontal:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.horizontal:after,
      .popup.image-editor section.panel div.dir span.horizontal:after,
      .popup.image-editor section.popup div.dir span.horizontal:after,
      .popup.image-editor section.line-manual div.dir span.horizontal:after {
        border: 10px solid transparent;
        top: 150px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.vertical:after, .imagemap-edit-frame.image-editor section.popup div.dir span.vertical:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.vertical:after,
      .popup.image-editor section.panel div.dir span.vertical:after,
      .popup.image-editor section.popup div.dir span.vertical:after,
      .popup.image-editor section.line-manual div.dir span.vertical:after {
        border: 10px solid transparent;
        left: 170px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.up:after, .imagemap-edit-frame.image-editor section.popup div.dir span.up:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.up:after,
      .popup.image-editor section.panel div.dir span.up:after,
      .popup.image-editor section.popup div.dir span.up:after,
      .popup.image-editor section.line-manual div.dir span.up:after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid #222;
        top: 0; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.down:after, .imagemap-edit-frame.image-editor section.popup div.dir span.down:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.down:after,
      .popup.image-editor section.panel div.dir span.down:after,
      .popup.image-editor section.popup div.dir span.down:after,
      .popup.image-editor section.line-manual div.dir span.down:after {
        border-bottom: 5px solid transparent;
        border-top: 5px solid #222;
        top: 10px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.left:after, .imagemap-edit-frame.image-editor section.popup div.dir span.left:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.left:after,
      .popup.image-editor section.panel div.dir span.left:after,
      .popup.image-editor section.popup div.dir span.left:after,
      .popup.image-editor section.line-manual div.dir span.left:after {
        border-left: 5px solid transparent;
        border-right: 5px solid #222;
        left: 0; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.right:after, .imagemap-edit-frame.image-editor section.popup div.dir span.right:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.right:after,
      .popup.image-editor section.panel div.dir span.right:after,
      .popup.image-editor section.popup div.dir span.right:after,
      .popup.image-editor section.line-manual div.dir span.right:after {
        border-right: 5px solid transparent;
        border-left: 5px solid #222;
        left: 10px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.up:hover:after, .imagemap-edit-frame.image-editor section.popup div.dir span.up:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.up:hover:after,
      .popup.image-editor section.panel div.dir span.up:hover:after,
      .popup.image-editor section.popup div.dir span.up:hover:after,
      .popup.image-editor section.line-manual div.dir span.up:hover:after {
        border-bottom: 5px solid #09EADC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.down:hover:after, .imagemap-edit-frame.image-editor section.popup div.dir span.down:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.down:hover:after,
      .popup.image-editor section.panel div.dir span.down:hover:after,
      .popup.image-editor section.popup div.dir span.down:hover:after,
      .popup.image-editor section.line-manual div.dir span.down:hover:after {
        border-top: 5px solid #09EADC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.left:hover:after, .imagemap-edit-frame.image-editor section.popup div.dir span.left:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.left:hover:after,
      .popup.image-editor section.panel div.dir span.left:hover:after,
      .popup.image-editor section.popup div.dir span.left:hover:after,
      .popup.image-editor section.line-manual div.dir span.left:hover:after {
        border-right: 5px solid #09EADC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.right:hover:after, .imagemap-edit-frame.image-editor section.popup div.dir span.right:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.right:hover:after,
      .popup.image-editor section.panel div.dir span.right:hover:after,
      .popup.image-editor section.popup div.dir span.right:hover:after,
      .popup.image-editor section.line-manual div.dir span.right:hover:after {
        border-left: 5px solid #09EADC; }
      .imagemap-edit-frame.image-editor section.panel div.dir > div, .imagemap-edit-frame.image-editor section.popup div.dir > div, .imagemap-edit-frame.image-editor section.line-manual div.dir > div,
      .popup.image-editor section.panel div.dir > div,
      .popup.image-editor section.popup div.dir > div,
      .popup.image-editor section.line-manual div.dir > div {
        display: flex;
        height: 320px;
        width: inherit; }
    .imagemap-edit-frame.image-editor section.panel div.dir + div, .imagemap-edit-frame.image-editor section.popup div.dir + div, .imagemap-edit-frame.image-editor section.line-manual div.dir + div,
    .popup.image-editor section.panel div.dir + div,
    .popup.image-editor section.popup div.dir + div,
    .popup.image-editor section.line-manual div.dir + div {
      padding-top: 10px;
      text-align: center; }
  .imagemap-edit-frame.image-editor.imagemap,
  .popup.image-editor.imagemap {
    margin-top: calc(50vh - 300px);
    width: 840px !important;
    height: auto; }
    .imagemap-edit-frame.image-editor.imagemap section.panel, .imagemap-edit-frame.image-editor.imagemap section.popup, .imagemap-edit-frame.image-editor.imagemap section.line-manual,
    .popup.image-editor.imagemap section.panel,
    .popup.image-editor.imagemap section.popup,
    .popup.image-editor.imagemap section.line-manual {
      height: auto; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane,
      .popup.image-editor.imagemap section.panel div.image-pane,
      .popup.image-editor.imagemap section.popup div.image-pane,
      .popup.image-editor.imagemap section.line-manual div.image-pane {
        width: auto;
        height: auto;
        flex: auto;
        overflow: scroll;
        cursor: copy; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane div.imagemap,
        .popup.image-editor.imagemap section.panel div.image-pane div.imagemap,
        .popup.image-editor.imagemap section.popup div.image-pane div.imagemap,
        .popup.image-editor.imagemap section.line-manual div.image-pane div.imagemap {
          width: 560px;
          height: 560px;
          flex: auto; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane b.bt, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane b.bt, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane b.bt,
        .popup.image-editor.imagemap section.panel div.image-pane b.bt,
        .popup.image-editor.imagemap section.popup div.image-pane b.bt,
        .popup.image-editor.imagemap section.line-manual div.image-pane b.bt {
          position: absolute;
          background-color: rgba(59, 102, 255, 0.3);
          border: 4px solid #839BFB;
          color: white;
          text-align: center;
          line-height: 100%;
          padding: 0px;
          font-size: 0.8rem;
          overflow: hidden;
          cursor: pointer; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane i.knob, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane i.knob, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane i.knob,
        .popup.image-editor.imagemap section.panel div.image-pane i.knob,
        .popup.image-editor.imagemap section.popup div.image-pane i.knob,
        .popup.image-editor.imagemap section.line-manual div.image-pane i.knob {
          position: absolute;
          width: 8px;
          height: 8px;
          background-color: #222;
          border-radius: 4px;
          font-size: 0;
          min-width: 0;
          min-height: 0;
          cursor: nwse-resize; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane b.bt.on, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane b.bt.on, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane b.bt.on,
        .popup.image-editor.imagemap section.panel div.image-pane b.bt.on,
        .popup.image-editor.imagemap section.popup div.image-pane b.bt.on,
        .popup.image-editor.imagemap section.line-manual div.image-pane b.bt.on {
          background-color: rgba(255, 177, 59, 0.3);
          border-color: #FDC73E;
          color: #FDC73E; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane i.knob.on, .imagemap-edit-frame.image-editor.imagemap section.popup div.image-pane i.knob.on, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane i.knob.on,
        .popup.image-editor.imagemap section.panel div.image-pane i.knob.on,
        .popup.image-editor.imagemap section.popup div.image-pane i.knob.on,
        .popup.image-editor.imagemap section.line-manual div.image-pane i.knob.on {
          background-color: #FDC73E; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane,
      .popup.image-editor.imagemap section.panel div.tool-pane,
      .popup.image-editor.imagemap section.popup div.tool-pane,
      .popup.image-editor.imagemap section.line-manual div.tool-pane {
        width: 220px;
        overflow-y: auto;
        border-left: 1px solid #D0C9C3; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane header, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane header, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane header,
        .popup.image-editor.imagemap section.panel div.tool-pane header,
        .popup.image-editor.imagemap section.popup div.tool-pane header,
        .popup.image-editor.imagemap section.line-manual div.tool-pane header {
          width: 100%;
          border: 0px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane header h4, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane header h4, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane header h4,
          .popup.image-editor.imagemap section.panel div.tool-pane header h4,
          .popup.image-editor.imagemap section.popup div.tool-pane header h4,
          .popup.image-editor.imagemap section.line-manual div.tool-pane header h4 {
            position: absolute;
            left: 20px;
            bottom: 0px;
            right: 32px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane ul, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane ul,
        .popup.image-editor.imagemap section.panel div.tool-pane ul,
        .popup.image-editor.imagemap section.popup div.tool-pane ul,
        .popup.image-editor.imagemap section.line-manual div.tool-pane ul {
          flex: auto;
          width: 100%;
          overflow-x: hidden;
          overflow-y: auto;
          height: 100px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li,
        .popup.image-editor.imagemap section.panel div.tool-pane li,
        .popup.image-editor.imagemap section.popup div.tool-pane li,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li {
          width: inherit;
          line-height: 40px;
          height: 40px;
          padding-top: 4px;
          position: relative; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li.on:before, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li.on:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li.on:before,
        .popup.image-editor.imagemap section.panel div.tool-pane li.on:before,
        .popup.image-editor.imagemap section.popup div.tool-pane li.on:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li.on:before {
          content: "";
          width: 12px;
          height: 12px;
          position: absolute;
          border-radius: 6px;
          background-color: #FDC73E;
          left: 6px;
          top: 16px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li i.icon, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li i.icon, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li i.icon, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li i#indicator:before,
        .popup.image-editor.imagemap section.panel div.tool-pane li i.icon,
        .popup.image-editor.imagemap section.popup div.tool-pane li i.icon,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li i.icon,
        .popup.image-editor.imagemap section.panel div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.popup div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.panel div.tool-pane li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.panel div.tool-pane li i#indicator:before,
        .popup.image-editor.imagemap section.popup div.tool-pane li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.popup div.tool-pane li i#indicator:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.line-manual div.tool-pane li i#indicator:before {
          position: absolute;
          right: 10px;
          height: 16px;
          top: 0px;
          width: 16px;
          padding-left: 0; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane input[type=text], .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane input[type=text], .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane input[type=text],
        .popup.image-editor.imagemap section.panel div.tool-pane input[type=text],
        .popup.image-editor.imagemap section.popup div.tool-pane input[type=text],
        .popup.image-editor.imagemap section.line-manual div.tool-pane input[type=text] {
          width: 148px !important;
          font-size: 0.85rem;
          background-color: white;
          color: #666 !important;
          margin-left: 20px;
          margin-right: 24px;
          border: 1px solid #D0C9C3;
          border-radius: 0px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane,
        .popup.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane,
        .popup.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane {
          overflow-x: hidden;
          overflow-y: hidden; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane footer,
          .popup.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane footer,
          .popup.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane footer,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane footer {
            display: block; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane footer button.save, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane footer button.save, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane footer button.save,
            .popup.image-editor.imagemap section.panel div.tool-pane.image-editor-tool-pane footer button.save,
            .popup.image-editor.imagemap section.popup div.tool-pane.image-editor-tool-pane footer button.save,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.image-editor-tool-pane footer button.save {
              margin-left: 0; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul,
      .popup.image-editor.imagemap section.panel div.tool-pane.properties ul,
      .popup.image-editor.imagemap section.popup div.tool-pane.properties ul,
      .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul {
        box-sizing: border-box; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li {
          box-sizing: border-box;
          padding-left: 16px;
          padding-right: 16px;
          height: auto; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-dropdown label, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li .ui-dropdown label, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-dropdown label,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-dropdown label,
          .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li .ui-dropdown label,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-dropdown label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box,
          .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box {
            border-radius: 0px; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt,
            .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box .dt-picker-ipt {
              border: 0px; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box.focus, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box.focus, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box.focus,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .dt-picker-box.focus,
            .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li .dt-picker-box.focus,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .dt-picker-box.focus {
              border: 1px solid #D0C9C3; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li input, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li input, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li input,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li input,
          .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li input,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li input {
            margin-left: 0px;
            margin-right: 0px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete,
          .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete {
            width: 100%;
            flex-wrap: nowrap;
            /*flex-direction: column;*/
            justify-content: flex-start;
            max-height: 28px; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete span, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete span, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete span,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete span,
            .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete span,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete span {
              min-height: 24px;
              flex: none; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete input, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete input, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete input,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete input,
            .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li div.form-item-autocomplete input,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete input {
              border: 0px;
              min-width: 10px;
              padding-left: 8px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li.form-row-switch, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li.form-row-switch, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.form-row-switch,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li.form-row-switch,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li.form-row-switch,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.form-row-switch {
          align-items: flex-start; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li.displayText, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li.displayText, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.displayText,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li.displayText,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li.displayText,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.displayText {
          display: flex; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li.displayText > label, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li.displayText > label, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.displayText > label,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li.displayText > label,
          .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li.displayText > label,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li.displayText > label {
            padding-left: 24px;
            text-indent: 0px;
            font-size: 0.8rem;
            line-height: 1rem;
            margin-bottom: 0px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul h4, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul h4, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul h4,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul h4,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul h4,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul h4 {
          text-transform: none;
          padding: 0px;
          word-break: break-all;
          white-space: normal;
          height: auto;
          line-height: 1.5rem;
          margin-bottom: 1rem; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li i.icon, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li i.icon, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.icon, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties ul li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i#indicator:before,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li i.icon,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li i.icon,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.icon,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.form-item-autocomplete.loading-autocomplete:before,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li i#indicator:before,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.popup div.tool-pane.properties ul li i#indicator:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i#indicator:before {
          top: 4px; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties form ul, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties form ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties form ul,
      .popup.image-editor.imagemap section.panel div.tool-pane.properties form ul,
      .popup.image-editor.imagemap section.popup div.tool-pane.properties form ul,
      .popup.image-editor.imagemap section.line-manual div.tool-pane.properties form ul {
        padding: 0px;
        height: auto; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties form ul li, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties form ul li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties form ul li,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties form ul li,
        .popup.image-editor.imagemap section.popup div.tool-pane.properties form ul li,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties form ul li {
          flex-direction: column; }
  .imagemap-edit-frame.image-editor .slider,
  .popup.image-editor .slider {
    -webkit-appearance: none;
    width: 320px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    background: #F8F6F5;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s; }
  .imagemap-edit-frame.image-editor .slider::-webkit-slider-thumb,
  .popup.image-editor .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #222;
    cursor: pointer; }

.imagemap-edit-frame {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  width: inherit;
  height: inherit; }

.imagemap-edit-frame.image-editor.imagemap {
  width: 100% !important;
  height: 100% !important;
  margin: 0px; }
  .imagemap-edit-frame.image-editor.imagemap section.panel, .imagemap-edit-frame.image-editor.imagemap section.popup, .imagemap-edit-frame.image-editor.imagemap section.line-manual {
    width: 100%;
    height: calc(100% - 48px); }
    .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane, .imagemap-edit-frame.image-editor.imagemap section.popup .image-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane {
      display: block;
      box-sizing: border-box;
      background-color: #F8F6F5;
      width: auto !important;
      cursor: pointer !important;
      flex: 1; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.popup .image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane div.imagemap {
        margin: 16px;
        align-self: center;
        cursor: copy; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane footer, .imagemap-edit-frame.image-editor.imagemap section.popup .image-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane footer {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane {
      background-color: #FFFFFF;
      border-left: #ccc; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane footer {
        padding-right: 8px; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list {
        flex: 1;
        height: auto;
        margin-bottom: 30px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list > li, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list > li, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list > li {
          color: #666;
          padding: 0px 32px 0px 24px !important;
          font-size: 11px;
          cursor: pointer;
          height: 30px;
          line-height: 30px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list > li:hover, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list > li:hover, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list > li:hover {
          color: #3A3AB5;
          font-weight: bold; }
        .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list > li.on, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list > li.on, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list > li.on {
          color: #3A3AB5;
          font-weight: bold; }
          .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list > li.on:before, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list > li.on:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list > li.on:before {
            content: "";
            display: none; }
          .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane ul.filter_list > li.on:after, .imagemap-edit-frame.image-editor.imagemap section.popup .tool-pane ul.filter_list > li.on:after, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane ul.filter_list > li.on:after {
            content: "✓";
            position: absolute;
            height: inherit;
            width: 44px;
            right: 16px;
            text-align: right;
            top: 0;
            bottom: 0; }
  .imagemap-edit-frame.image-editor.imagemap section.panel-footer {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    border-left: 0px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer label {
      color: #666;
      word-break: keep-all; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer .img-url-box {
      margin: 0px 10px;
      border-radius: 14px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer .space {
      flex: 1; }

.imagemap-edit-frame.image-editor > section {
  width: 100% !important;
  height: 100% !important; }

article.navi-menu .tab-menu .canv {
  overflow-y: hidden; }

.ec-editor {
  height: 100%;
  padding-bottom: 0;
  overflow-y: hidden; }
  .ec-editor .center-pane .loading_box {
    width: 100%;
    height: 44px;
    margin-top: 36px; }
  .ec-editor .center-pane .loading_box img {
    width: 32px;
    height: 32px; }
  .ec-editor .center-pane footer {
    justify-content: flex-end;
    margin-bottom: 0 !important; }
  .ec-editor .center-pane section.store {
    overflow-y: scroll;
    padding-bottom: 120px; }
    .ec-editor .center-pane section.store form > ul {
      padding-bottom: 0px; }
      .ec-editor .center-pane section.store form > ul li > h4 {
        width: 160px; }
    .ec-editor .center-pane section.store form.postage_areas {
      max-width: 600px;
      /*819px;*/
      padding-top: 0px; }
      .ec-editor .center-pane section.store form.postage_areas > ul {
        padding-top: 0px; }
        .ec-editor .center-pane section.store form.postage_areas > ul > li:first-child {
          padding-top: 0px; }
      .ec-editor .center-pane section.store form.postage_areas h2 {
        height: 36px;
        border-top: 1px dotted #D0C9C3;
        margin-top: 8px;
        padding-top: 12px;
        width: 100%;
        color: #222;
        font-size: 1rem; }
      .ec-editor .center-pane section.store form.postage_areas div.form-item-autocomplete {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        max-height: 28px; }
        .ec-editor .center-pane section.store form.postage_areas div.form-item-autocomplete span {
          min-height: 24px;
          flex: none; }
        .ec-editor .center-pane section.store form.postage_areas div.form-item-autocomplete input {
          border: 0px;
          min-width: 10px;
          padding-left: 8px; }
      .ec-editor .center-pane section.store form.postage_areas .item-box {
        flex: none;
        width: 240px; }
        .ec-editor .center-pane section.store form.postage_areas .item-box.error {
          border-color: rgba(235, 82, 108, 0.1);
          background-color: rgba(235, 82, 108, 0.1); }
          .ec-editor .center-pane section.store form.postage_areas .item-box.error .autocomplete {
            background-color: transparent !important; }
      .ec-editor .center-pane section.store form.postage_areas .name-box input {
        margin-left: 60px;
        height: 36px;
        line-height: 36px; }
      .ec-editor .center-pane section.store form.postage_areas .btns {
        flex: 1;
        width: 100px;
        display: flex;
        flex-direction: row; }
        .ec-editor .center-pane section.store form.postage_areas .btns button {
          border: 0px;
          min-width: 32px;
          max-width: 32px;
          padding: 0px;
          height: 100%; }
          .ec-editor .center-pane section.store form.postage_areas .btns button:before {
            text-indent: 10px;
            height: 38px;
            line-height: 38px; }
          .ec-editor .center-pane section.store form.postage_areas .btns button:hover {
            background: transparent; }
      .ec-editor .center-pane section.store form.postage_areas > footer {
        justify-content: flex-start;
        padding: 5px;
        margin-top: 10px;
        background: transparent;
        border: 0px; }
    .ec-editor .center-pane section.store .ec_plans {
      padding-left: 40px;
      padding-right: 16px;
      text-align: left; }
      .ec-editor .center-pane section.store .ec_plans h2 {
        border-top: 1px dotted #D0C9C3;
        margin-top: 8px;
        padding-top: 12px;
        width: 100%;
        color: #222;
        font-size: 1rem;
        text-align: left;
        height: auto; }
      .ec-editor .center-pane section.store .ec_plans ul li {
        display: flex;
        margin-bottom: 8px; }
        .ec-editor .center-pane section.store .ec_plans ul li > div {
          width: 150px;
          height: 32px;
          line-height: 32px;
          margin-right: 8px; }
        .ec-editor .center-pane section.store .ec_plans ul li input {
          height: 32px;
          line-height: 32px;
          width: 150px;
          margin-right: 8px; }
        .ec-editor .center-pane section.store .ec_plans ul li button {
          height: 28px; }
          .ec-editor .center-pane section.store .ec_plans ul li button.save {
            background: #5F5BFF !important;
            color: #FFFFFF !important; }
            .ec-editor .center-pane section.store .ec_plans ul li button.save:hover {
              background: #3A3AB5 !important; }
  .ec-editor .center-pane section.account-setting {
    overflow-y: scroll; }
    .ec-editor .center-pane section.account-setting form > ul li > h4 {
      width: 160px; }
    .ec-editor .center-pane section.account-setting form li[type=html] dl, .ec-editor .center-pane section.account-setting form li[type=multiple] dl {
      width: 100% !important; }
      .ec-editor .center-pane section.account-setting form li[type=html] dl dd, .ec-editor .center-pane section.account-setting form li[type=multiple] dl dd {
        display: flex;
        flex-direction: row; }
    .ec-editor .center-pane section.account-setting form li[type=html] span, .ec-editor .center-pane section.account-setting form li[type=multiple] span {
      height: 32px;
      line-height: 32px; }
    .ec-editor .center-pane section.account-setting form li[type=multiple] dd:first-child {
      width: 160px; }
      .ec-editor .center-pane section.account-setting form li[type=multiple] dd:first-child h4 {
        line-height: 40px;
        font-weight: normal; }
    .ec-editor .center-pane section.account-setting form li[type=multiple] dd:last-child {
      flex-direction: row-reverse; }
    .ec-editor .center-pane section.account-setting form li[type=multiple] dd h4 {
      font-weight: bold; }
  .ec-editor .center-pane section.products {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    min-width: 84rem; }
    .ec-editor .center-pane section.products .search-bar {
      margin-top: 0;
      margin-bottom: 0;
      border-bottom: 1px solid #D0C9C3; }
      .ec-editor .center-pane section.products .search-bar dl.btns {
        height: 48px;
        line-height: 48px; }
        .ec-editor .center-pane section.products .search-bar dl.btns dd {
          width: 48px;
          cursor: pointer; }
        .ec-editor .center-pane section.products .search-bar dl.btns dd.on {
          color: #00D6C9;
          background: transparent; }
      .ec-editor .center-pane section.products .search-bar dl.btns + div {
        width: auto;
        border-left: 1px solid #D0C9C3;
        height: 32px;
        margin-top: 0px;
        margin-left: 8px;
        padding-left: 6px;
        line-height: 32px; }
    .ec-editor .center-pane section.products .container.grid {
      display: flex;
      flex-direction: row;
      justify-items: center;
      width: calc(100% - 20px);
      padding-top: 10px;
      position: relative;
      height: auto !important;
      overflow-y: auto; }
      .ec-editor .center-pane section.products .container.grid div.col {
        position: relative;
        flex: 1;
        width: 200px;
        box-sizing: border-box;
        display: block;
        height: auto !important;
        text-align: center; }
      .ec-editor .center-pane section.products .container.grid ol.product {
        width: 180px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        overflow: hidden;
        padding-bottom: 8px; }
        .ec-editor .center-pane section.products .container.grid ol.product:hover {
          border-radius: 0px;
          border: 1px solid #F8F6F5;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
          animation-duration: 0.2s; }
        .ec-editor .center-pane section.products .container.grid ol.product li {
          width: inherit;
          display: relative;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          font-weight: normal; }
        .ec-editor .center-pane section.products .container.grid ol.product li.image img {
          width: inherit;
          height: auto;
          display: block; }
        .ec-editor .center-pane section.products .container.grid ol.product li.title * {
          text-overflow: ellipsis;
          font-size: 0.7rem;
          text-align: center; }
        .ec-editor .center-pane section.products .container.grid ol.product li.title h3 {
          padding-top: 8px; }
        .ec-editor .center-pane section.products .container.grid ol.product li.price label {
          font-weight: bold;
          font-size: 0.8rem;
          position: relative;
          display: inline-block;
          padding-left: 8px; }
          .ec-editor .center-pane section.products .container.grid ol.product li.price label:before {
            content: '¥'; }
          .ec-editor .center-pane section.products .container.grid ol.product li.price label.USD:before {
            content: '$'; }
          .ec-editor .center-pane section.products .container.grid ol.product li.price label.GBP:before {
            content: '£'; }
          .ec-editor .center-pane section.products .container.grid ol.product li.price label.EUR:before {
            content: '€'; }
        .ec-editor .center-pane section.products .container.grid ol.product input[type=number] {
          width: 128px;
          height: 24px;
          line-height: 24px; }
        .ec-editor .center-pane section.products .container.grid ol.product button.icon.ec-stock, .ec-editor .center-pane section.products .container.grid ol.product button.ec-stock.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.products .container.grid ol.product .ui-indicator button.ec-stock#indicator:before, .ui-indicator .ec-editor .center-pane section.products .container.grid ol.product button.ec-stock#indicator:before {
          height: 24px;
          line-height: 24px;
          width: 128px !important;
          padding-left: 8px !important;
          padding-right: 8px !important;
          margin-right: auto !important;
          margin-left: auto !important;
          background-color: #FFFFFF;
          border-color: #D0C9C3; }
          .ec-editor .center-pane section.products .container.grid ol.product button.icon.ec-stock:hover, .ec-editor .center-pane section.products .container.grid ol.product button.ec-stock.form-item-autocomplete.loading-autocomplete:hover:before, .ec-editor .center-pane section.products .container.grid ol.product .ui-indicator button.ec-stock#indicator:hover:before, .ui-indicator .ec-editor .center-pane section.products .container.grid ol.product button.ec-stock#indicator:hover:before {
            background-color: #F8F6F5; }
    .ec-editor .center-pane section.products .container.list {
      flex: 1;
      display: block;
      width: inherit;
      padding-top: 10px;
      position: relative;
      overflow-y: auto; }
      .ec-editor .center-pane section.products .container.list ol.product {
        width: inherit;
        height: 64px;
        display: flex;
        margin-left: 16px;
        margin-right: 32px;
        border-bottom: 1px solid #D0C9C3;
        cursor: pointer; }
        .ec-editor .center-pane section.products .container.list ol.product:hover {
          background-color: #F8F6F5; }
        .ec-editor .center-pane section.products .container.list ol.product li {
          width: auto;
          position: relative;
          text-align: left;
          overflow: hidden;
          white-space: nowrap;
          font-weight: normal;
          height: 64px;
          line-height: 64px; }
        .ec-editor .center-pane section.products .container.list ol.product li.image {
          min-width: 120px;
          display: flex;
          justify-content: flex-start;
          align-items: middle; }
        .ec-editor .center-pane section.products .container.list ol.product li.image img {
          width: auto;
          max-height: 60px;
          max-width: 120px;
          display: block;
          margin-top: 2px;
          margin-left: 10px;
          margin-right: 10px; }
        .ec-editor .center-pane section.products .container.list ol.product li.title {
          flex: 1;
          height: inherit;
          display: flex;
          flex-direction: column; }
          .ec-editor .center-pane section.products .container.list ol.product li.title h3 {
            height: inherit;
            line-height: inherit;
            color: #999;
            font-size: 0.9rem;
            font-weight: normal; }
          .ec-editor .center-pane section.products .container.list ol.product li.title span {
            display: block;
            color: #D0C9C3;
            height: 24px;
            line-height: 12px;
            font-size: 0.7rem;
            margin-top: 6px; }
        .ec-editor .center-pane section.products .container.list ol.product li.price {
          margin-right: 20px; }
        .ec-editor .center-pane section.products .container.list ol.product li.price label {
          font-weight: bold;
          font-size: 0.8rem;
          position: relative;
          display: inline-block;
          padding-left: 8px;
          height: inherit;
          line-height: inherit;
          text-align: right;
          padding-right: 10px; }
          .ec-editor .center-pane section.products .container.list ol.product li.price label:before {
            content: '¥'; }
          .ec-editor .center-pane section.products .container.list ol.product li.price label.USD:before {
            content: '$'; }
          .ec-editor .center-pane section.products .container.list ol.product li.price label.GBP:before {
            content: '£'; }
          .ec-editor .center-pane section.products .container.list ol.product li.price label.EUR:before {
            content: '€'; }
        .ec-editor .center-pane section.products .container.list ol.product li:nth-last-child(1) {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: auto;
          min-width: 150px; }
        .ec-editor .center-pane section.products .container.list ol.product input[type=number] {
          width: 128px;
          height: 24px;
          line-height: 24px;
          margin-right: 20px; }
        .ec-editor .center-pane section.products .container.list ol.product button.icon.ec-stock, .ec-editor .center-pane section.products .container.list ol.product button.ec-stock.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.products .container.list ol.product .ui-indicator button.ec-stock#indicator:before, .ui-indicator .ec-editor .center-pane section.products .container.list ol.product button.ec-stock#indicator:before {
          text-align: center;
          text-indent: 0px;
          height: 24px;
          line-height: 24px;
          padding-left: 8px !important;
          padding-right: 8px !important;
          background-color: #FFFFFF;
          border-color: #D0C9C3; }
          .ec-editor .center-pane section.products .container.list ol.product button.icon.ec-stock:hover, .ec-editor .center-pane section.products .container.list ol.product button.ec-stock.form-item-autocomplete.loading-autocomplete:hover:before, .ec-editor .center-pane section.products .container.list ol.product .ui-indicator button.ec-stock#indicator:hover:before, .ui-indicator .ec-editor .center-pane section.products .container.list ol.product button.ec-stock#indicator:hover:before {
            background-color: #F8F6F5; }
  .ec-editor .center-pane.editing section.products {
    display: none; }
  .ec-editor .center-pane section.edit-pane {
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex: 1;
    position: relative; }
    .ec-editor .center-pane section.edit-pane header {
      display: flex;
      justify-content: flex-start; }
      .ec-editor .center-pane section.edit-pane header label {
        cursor: pointer;
        padding-right: 10px;
        color: #222; }
      .ec-editor .center-pane section.edit-pane header h2 {
        border-bottom: 0;
        height: auto; }
    .ec-editor .center-pane section.edit-pane footer {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .ec-editor .center-pane section.edit-pane > footer {
      border-top: 1px solid #D0C9C3;
      padding-left: 24px;
      padding-right: 24px;
      flex-direction: row-reverse; }
    .ec-editor .center-pane section.edit-pane section.product-form {
      flex: 1;
      max-width: inherit;
      display: flex;
      flex-direction: row;
      position: relative;
      overflow-y: scroll;
      background-color: #F8F6F5; }
      .ec-editor .center-pane section.edit-pane section.product-form .form-type-radio {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
      .ec-editor .center-pane section.edit-pane section.product-form .form-item-discount {
        min-width: 240px !important;
        padding-right: 0; }
        .ec-editor .center-pane section.edit-pane section.product-form .form-item-discount + .space {
          display: none; }
        .ec-editor .center-pane section.edit-pane section.product-form .form-item-discount h4 {
          min-width: 120px !important; }
      .ec-editor .center-pane section.edit-pane section.product-form .form-item-discount_type .form-type-radio {
        display: block; }
      .ec-editor .center-pane section.edit-pane section.product-form ul {
        padding: 24px; }
      .ec-editor .center-pane section.edit-pane section.product-form > div {
        width: 100%;
        height: auto;
        margin: 0;
        box-sizing: border-box; }
      .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form {
        padding-left: 24px;
        margin-bottom: 0;
        padding: 0px !important; }
      .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form:last-child {
        margin-bottom: 10px; }
      .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul > li {
        display: flex;
        flex-direction: row; }
        .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul > li h2 {
          height: 36px;
          border-bottom: 1px solid #D0C9C3;
          width: 100%;
          margin-bottom: 8px;
          color: #222;
          font-size: 1rem; }
        .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul > li h4 {
          width: 120px;
          line-height: 36px;
          min-height: 36px; }
        .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul > li dl {
          width: 100% !important; }
          .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul > li dl input[name=discount] {
            width: 80px; }
      .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul li[type=switch] h4 {
        align-self: flex-start; }
      .ec-editor .center-pane section.edit-pane section.product-form > div:first-child form > ul li[type=switch] p {
        height: auto !important; }
      .ec-editor .center-pane section.edit-pane section.product-form .custom-opts {
        padding-right: 50px; }
        .ec-editor .center-pane section.edit-pane section.product-form .custom-opts > div:nth-of-type(1) {
          flex: none; }
        .ec-editor .center-pane section.edit-pane section.product-form .custom-opts input[name=name] {
          width: 160px;
          height: 36px;
          margin-right: 10px; }
        .ec-editor .center-pane section.edit-pane section.product-form .custom-opts .form-item-autocomplete {
          display: block;
          width: auto !important; }
        .ec-editor .center-pane section.edit-pane section.product-form .custom-opts .form-item-autocomplete.error {
          border-color: rgba(235, 82, 108, 0.1);
          background-color: rgba(235, 82, 108, 0.1); }
          .ec-editor .center-pane section.edit-pane section.product-form .custom-opts .form-item-autocomplete.error:focus {
            border-color: rgba(235, 82, 108, 0.1) !important;
            background-color: rgba(235, 82, 108, 0.1) !important; }
    .ec-editor .center-pane section.edit-pane form {
      padding: 0px 0 0 0 !important;
      margin: 16px;
      background-color: white;
      border-radius: 4px; }
      .ec-editor .center-pane section.edit-pane form.image-form {
        margin-left: 0; }
      .ec-editor .center-pane section.edit-pane form > ul > li {
        padding-bottom: 8px; }
        .ec-editor .center-pane section.edit-pane form > ul > li h4:empty, .ec-editor .center-pane section.edit-pane form > ul > li h4:blank {
          display: none; }
        .ec-editor .center-pane section.edit-pane form > ul > li > div {
          flex: 1; }
        .ec-editor .center-pane section.edit-pane form > ul > li dd {
          display: flex;
          line-height: 48px; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd h4 {
            height: 48px;
            line-height: 48px !important; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd h4:first-child {
            width: 110px; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd b, .ec-editor .center-pane section.edit-pane form > ul > li dd span {
            color: #222; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd b.regular-price {
            color: #DB234B;
            text-decoration: line-through;
            font-weight: normal;
            opacity: 0.7;
            padding-left: 12px;
            position: relative; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd b.current-price {
            font-weight: bold;
            color: #999;
            padding-left: 12px;
            position: relative; }
          .ec-editor .center-pane section.edit-pane form > ul > li dd b.current-price:before, .ec-editor .center-pane section.edit-pane form > ul > li dd b.regular-price:before {
            content: "¥";
            position: absolute;
            left: 0;
            top: 0;
            height: inherit;
            line-height: 20px; }
        .ec-editor .center-pane section.edit-pane form > ul > li dd.compact h4 {
          width: auto;
          min-width: auto; }
        .ec-editor .center-pane section.edit-pane form > ul > li p {
          height: 16px !important;
          line-height: 16px !important;
          display: block;
          padding: 0;
          font-size: 0.7rem;
          text-align: center;
          margin-top: 8px;
          color: #222;
          text-align: left; }
        .ec-editor .center-pane section.edit-pane form > ul > li label.ec-category {
          background-position: 0 50%;
          background-size: auto 20px;
          padding-left: 4px;
          position: relative; }
        .ec-editor .center-pane section.edit-pane form > ul > li label.ec-category:after {
          content: "";
          position: absolute;
          height: 1px;
          left: 22px;
          right: 0px;
          bottom: 2px;
          background-color: #222; }
        .ec-editor .center-pane section.edit-pane form > ul > li.images {
          display: flex;
          flex-direction: column; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images > h2 {
            height: 36px;
            border-bottom: 1px solid #D0C9C3;
            width: 100%;
            margin-bottom: 8px;
            color: #222;
            font-size: 1rem; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images div.images-panel {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            margin-top: 5px;
            min-height: 500px;
            padding: 10px;
            border-radius: 8px;
            background-color: #FFFFFF;
            border: 2px dashed #F8F6F5;
            cursor: pointer; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:before {
            content: "";
            position: absolute;
            width: 100%;
            font-size: 4rem;
            color: #F8F6F5;
            text-align: center;
            padding-left: 0;
            height: 240px;
            line-height: 320px; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:after {
            content: "Click OR Drag your images here.";
            text-align: center;
            position: absolute;
            width: 100%;
            bottom: 140px;
            height: 40px;
            line-height: 40px;
            top: auto;
            color: #F8F6F5; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:hover {
            background-color: rgba(0, 0, 0, 0.1);
            border-color: #999; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:hover:before, .ec-editor .center-pane section.edit-pane form > ul > li.images.empty div.images-panel:hover:after {
              color: #D0C9C3; }
          .ec-editor .center-pane section.edit-pane form > ul > li.images div.image {
            display: block;
            position: relative;
            overflow: hidden;
            height: 160px;
            width: auto;
            text-align: center;
            cursor: pointer; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color:before {
              font-size: 18px;
              line-height: inherit;
              height: inherit;
              z-index: 2;
              position: absolute;
              left: auto;
              right: 3px;
              top: 3px;
              text-align: center;
              width: 20px;
              height: 20px;
              line-height: 20px;
              color: #FFFFFF;
              content: ""; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color:after {
              content: "";
              position: absolute;
              width: 0;
              height: 0;
              border: 44px solid transparent;
              border-right-color: #FDC73E;
              border-right-width: 50px;
              top: -44px;
              right: 0px;
              left: auto;
              overflow: hidden;
              z-index: 1; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.icon.color, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.color.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color .ui-indicator p.color#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.color#indicator:before {
              background-color: #666;
              color: #FFFFFF;
              height: 20px;
              line-height: 20px;
              margin-top: 4px; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.icon.color:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.color.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color .ui-indicator p.color#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li.images div.image.is-color p.color#indicator:before {
              line-height: 20px; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image div.ec-item-image {
              height: 120px;
              width: 120px;
              margin: 5px;
              display: block;
              position: relative;
              margin-bottom: 0;
              background-size: contain;
              background-color: #F8F6F5;
              background-position: center center; }
            .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.icon.color, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image .ui-indicator p.color#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color#indicator:before {
              display: inline-block;
              position: relative;
              height: 28px !important;
              line-height: 28px !important;
              color: #222;
              font-size: 0.8rem;
              margin: 0;
              padding-left: 14px;
              padding-right: 14px;
              border-radius: 14px;
              padding-top: 0;
              padding-bottom: 0;
              text-align: center; }
              .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.icon.color:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image .ui-indicator p.color#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color#indicator:before {
                line-height: 28px;
                height: 28px; }
              .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.icon.color:hover, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color.form-item-autocomplete.loading-autocomplete:hover:before, .ec-editor .center-pane section.edit-pane form > ul > li.images div.image .ui-indicator p.color#indicator:hover:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li.images div.image p.color#indicator:hover:before {
                background-color: #666;
                color: #FFFFFF; }
        .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors {
          display: flex;
          flex-wrap: wrap;
          height: 64px; }
          .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette {
            padding-left: 8px;
            padding-right: 8px;
            display: inherit;
            flex-direction: column;
            text-align: center;
            justify-content: center;
            width: 80px;
            cursor: pointer;
            margin-top: 0px;
            width: 80px; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image div.img, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette div.img {
              width: 40px;
              height: 40px;
              display: inline-block;
              margin: auto;
              margin-bottom: 4px;
              background-size: cover !important;
              background-position: center;
              background-color: #ccc; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image span, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette span {
              height: 16px;
              width: 16px;
              display: inline-block;
              border-radius: 8px;
              border: 1px solid #F8F6F5;
              padding: 0;
              box-sizing: border-box;
              margin: auto; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image p, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette p {
              opacity: 0;
              line-height: 16px;
              margin-top: 0; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image p:before, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette p:before {
              content: ""; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image:hover p, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.palette:hover p {
              opacity: 1; }
          .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.new {
            display: flex;
            height: 40px;
            width: 40px;
            border: 2px solid #222;
            cursor: pointer;
            border-radius: 20px;
            margin-left: 16px; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.new:before {
              content: "+";
              font-size: 1.4rem;
              text-align: center;
              width: 100%;
              height: 36px;
              line-height: 36px;
              color: #222; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.new:hover {
              background-color: rgba(0, 0, 0, 0.1);
              border: 2px solid #999; }
            .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.new:hover:before {
              color: #999;
              align-self: center; }
          .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color-image {
            cursor: pointer; }
          .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors div.color {
            height: 40px;
            width: 40px;
            margin: auto;
            margin-bottom: 4px;
            border-radius: 20px;
            border: 1px solid #F8F6F5;
            box-sizing: border-box; }
          .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors.image div.palette, .ec-editor .center-pane section.edit-pane form > ul > li li.colors div.colors.image div.new {
            display: none !important; }
        .ec-editor .center-pane section.edit-pane form > ul > li li.colors p {
          color: #222;
          font-size: 0.8rem;
          height: 32px !important;
          line-height: 32px !important;
          padding: 0;
          padding-left: 16px;
          position: relative; }
        .ec-editor .center-pane section.edit-pane form > ul > li li.colors p:before {
          content: '＊'; }
        .ec-editor .center-pane section.edit-pane form > ul > li li.colors img + p {
          display: none; }
        .ec-editor .center-pane section.edit-pane form > ul > li.ean-code input, .ec-editor .center-pane section.edit-pane form > ul > li.ean-code canvas {
          display: block; }
        .ec-editor .center-pane section.edit-pane form > ul > li i.icon.trash-thick, .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li .ui-indicator i.trash-thick#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick#indicator:before {
          position: absolute;
          top: 6px;
          left: 6px;
          background-color: rgba(0, 0, 0, 0.3);
          z-index: 1;
          width: 28px;
          height: 28px;
          line-height: 28px;
          border-radius: 14px;
          box-sizing: border-box;
          color: white;
          text-align: center;
          padding: 0px; }
          .ec-editor .center-pane section.edit-pane form > ul > li i.icon.trash-thick:before, .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.edit-pane form > ul > li .ui-indicator i.trash-thick#indicator:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick#indicator:before {
            width: 28px;
            text-align: center;
            padding-left: 0 !important; }
        .ec-editor .center-pane section.edit-pane form > ul > li i.icon.trash-thick:hover, .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick.form-item-autocomplete.loading-autocomplete:hover:before, .ec-editor .center-pane section.edit-pane form > ul > li .ui-indicator i.trash-thick#indicator:hover:before, .ui-indicator .ec-editor .center-pane section.edit-pane form > ul > li i.trash-thick#indicator:hover:before {
          background-color: #DB234B;
          transform: scale(1.1, 1.1);
          transition-duration: 0.2s; }
      .ec-editor .center-pane section.edit-pane form .form-item-category img {
        width: 48px;
        height: 48px; }
      .ec-editor .center-pane section.edit-pane form footer {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 60px;
        line-height: 60px;
        background-color: #FFFFFF;
        padding-left: 8px;
        display: flex;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
        border-top: 1px solid #D0C9C3; }
        .ec-editor .center-pane section.edit-pane form footer button {
          color: #666;
          margin-left: 0; }
        .ec-editor .center-pane section.edit-pane form footer button.ec-stock {
          margin-right: 0px;
          background-color: #5F5BFF;
          color: #FFFFFF;
          border: 1px solid #3A3AB5; }
        .ec-editor .center-pane section.edit-pane form footer button.ec-stock:before {
          width: 24px;
          background-size: auto 16px;
          background-position: 8px 50%;
          background-image: url(/images/ico_ec_stock_w.svg); }
        .ec-editor .center-pane section.edit-pane form footer button.ec-stock:hover {
          color: #FFFFFF !important;
          cursor: pointer; }
        .ec-editor .center-pane section.edit-pane form footer dd {
          color: rgba(255, 255, 255, 0.7); }
        .ec-editor .center-pane section.edit-pane form footer input[type=number] {
          width: 80px; }
  .ec-editor .center-pane section.orders {
    overflow-y: auto; }
    .ec-editor .center-pane section.orders header {
      min-height: 48px;
      height: 48px;
      line-height: 48px;
      display: flex;
      background-color: white;
      padding-right: 0; }
      .ec-editor .center-pane section.orders header input[type=text] {
        width: 280px; }
      .ec-editor .center-pane section.orders header nav {
        display: flex; }
        .ec-editor .center-pane section.orders header nav label {
          padding-left: 8px;
          padding-right: 8px;
          margin-left: 8px;
          margin-right: 8px;
          height: 20px;
          line-height: 20px;
          margin-top: 14px;
          border-radius: 10px;
          color: #222;
          cursor: pointer;
          margin-top: 0; }
        .ec-editor .center-pane section.orders header nav label.on {
          background: #5F5BFF; }
      .ec-editor .center-pane section.orders header dl {
        height: 48px;
        line-height: 48px; }
        .ec-editor .center-pane section.orders header dl dd {
          width: 48px;
          cursor: pointer; }
        .ec-editor .center-pane section.orders header dl dd.on {
          color: #FDC73E;
          background: transparent; }
      .ec-editor .center-pane section.orders header dl + div {
        width: auto;
        border-left: 1px solid #F8F6F5;
        height: 32px;
        margin-top: 8px;
        line-height: 32px; }
      .ec-editor .center-pane section.orders header button {
        background-color: #09EADC;
        color: #FFFFFF;
        border: 1px solid #00D6C9 !important;
        padding-left: 20px;
        padding-right: 20px; }
      .ec-editor .center-pane section.orders header button:hover {
        background-color: #222;
        transform: scale(1.1, 1.1);
        border-color: #666 !important; }
    .ec-editor .center-pane section.orders .search-bar .center-right {
      flex: 1;
      justify-content: flex-end;
      margin: auto;
      display: flex;
      margin-right: 40px; }
      .ec-editor .center-pane section.orders .search-bar .center-right > label {
        margin-right: 10px;
        line-height: 3rem; }
      .ec-editor .center-pane section.orders .search-bar .center-right div.ui-dropdown {
        margin-top: 5px; }
    .ec-editor .center-pane section.orders .container.list {
      display: block;
      width: inherit;
      padding-top: 10px;
      padding-bottom: 80px;
      position: relative;
      overflow-y: auto;
      height: calc( 100% - 160px); }
      .ec-editor .center-pane section.orders .container.list ol.order_head {
        width: inherit;
        height: 24px;
        line-height: 24px;
        display: flex;
        margin-left: 32px;
        margin-right: 32px;
        padding: 0px;
        background-color: rgba(0, 0, 0, 0.1);
        color: #666;
        border: 1px solid #F8F6F5; }
        .ec-editor .center-pane section.orders .container.list ol.order_head li {
          width: auto;
          position: relative;
          margin: 0px 10px; }
        .ec-editor .center-pane section.orders .container.list ol.order_head li.order_no span:nth-child(1) {
          padding-right: 10px; }
        .ec-editor .center-pane section.orders .container.list ol.order_head li.order_no span:nth-child(2) {
          font-weight: 600; }
        .ec-editor .center-pane section.orders .container.list ol.order_head li.order_seq span:nth-child(2) {
          font-size: 1.4rem;
          font-weight: 600; }
      .ec-editor .center-pane section.orders .container.list ol.order {
        width: inherit;
        display: flex;
        margin: 0px 32px 20px 32px;
        border-bottom: 1px solid #F8F6F5;
        cursor: default; }
        .ec-editor .center-pane section.orders .container.list ol.order h3 {
          cursor: default; }
        .ec-editor .center-pane section.orders .container.list ol.order:hover {
          background-color: rgba(0, 0, 0, 0.02); }
        .ec-editor .center-pane section.orders .container.list ol.order li {
          width: auto;
          position: relative;
          text-align: left;
          overflow: hidden;
          white-space: nowrap;
          font-weight: normal;
          line-height: 64px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product {
          flex: 1; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product > div {
          flex: 1;
          display: flex;
          height: 64px;
          border-bottom: 1px solid #F8F6F5;
          /*border-right:1px solid $c_ll;*/ }
        .ec-editor .center-pane section.orders .container.list ol.order li.product > :last-child {
          border-bottom: 0px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .image {
          min-width: 120px;
          display: flex;
          justify-content: flex-start;
          align-items: middle; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .image img {
          width: auto;
          max-height: 60px;
          max-width: 120px;
          display: block;
          margin-top: 2px;
          margin-left: 10px;
          margin-right: 10px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .title, .ec-editor .center-pane section.orders .container.list ol.order li.product .opt {
          flex: 1;
          height: inherit;
          cursor: default;
          display: flex;
          flex-direction: column; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .title h3, .ec-editor .center-pane section.orders .container.list ol.order li.product .opt h3 {
            height: inherit;
            line-height: inherit;
            color: #999;
            font-size: 0.9rem;
            font-weight: normal; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .title span, .ec-editor .center-pane section.orders .container.list ol.order li.product .opt span {
            display: block;
            color: #D0C9C3;
            height: 24px;
            line-height: 12px;
            font-size: 0.7rem;
            margin-top: 6px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.pickup_t {
          font-size: 0.9rem;
          padding: 0px 10px;
          padding-top: 22px !important;
          line-height: 20px !important;
          text-align: center; }
          .ec-editor .center-pane section.orders .container.list ol.order li.pickup_t span {
            font-size: 0.9rem;
            font-weight: bold; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .price label {
          font-weight: bold;
          font-size: 0.8rem;
          position: relative;
          display: inline-block;
          padding-left: 8px;
          height: inherit;
          line-height: inherit;
          text-align: right;
          padding-right: 10px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .price label:before {
            content: '¥'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .price label.USD:before {
            content: '$'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .price label.GBP:before {
            content: '£'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product .price label.EUR:before {
            content: '€'; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount {
          font-size: 0.8rem;
          padding-top: 3px !important;
          line-height: 20px !important;
          text-align: center; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount label {
          font-weight: bold;
          font-size: 0.8rem;
          position: relative;
          display: inline-block;
          padding-left: 8px;
          height: inherit;
          line-height: 20px;
          text-align: right;
          padding-right: 0px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount label:before {
            content: '¥'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount label.USD:before {
            content: '$'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount label.GBP:before {
            content: '£'; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount label.EUR:before {
            content: '€'; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount > label {
          font-size: 0.95rem; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage {
          font-weight: normal;
          font-size: 0.8rem;
          margin: 0px;
          padding: 0px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount > span > label {
          font-weight: normal; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .price > div {
          height: 64px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .price {
          margin-right: 20px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .price label {
          height: 30px;
          line-height: 32px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product .num {
          margin-right: 20px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address pre.user-offline {
          line-height: 20px;
          font-size: 12px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address {
          overflow: visible;
          padding-left: 24px;
          cursor: pointer; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address.thumb:before {
          content: '';
          display: block;
          position: absolute;
          top: 12px;
          left: 0;
          width: 20px;
          height: 20px;
          background: center/20px 20px url("") no-repeat;
          border-radius: 100px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address > div.thumb {
          position: absolute;
          left: -12px;
          top: 4px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address > ul {
          z-index: 10000;
          display: block;
          position: absolute;
          left: calc(-100%);
          background-color: #FFFFFF;
          border: 1px solid #D0C9C3;
          border-radius: 3px;
          padding: 10px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address > ul > li {
          height: 30px;
          line-height: 30px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount {
          padding: 0px 16px;
          line-height: 64px;
          min-width: 120px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount span {
          padding-right: 8px; }
        .ec-editor .center-pane section.orders .container.list ol.order li.status {
          padding-right: 16px;
          min-width: 80px;
          text-align: center; }
        .ec-editor .center-pane section.orders .container.list ol.order li.status h3 {
          text-align: center; }
        .ec-editor .center-pane section.orders .container.list ol.order li.btns {
          min-width: 80px;
          height: 64px; }
        .ec-editor .center-pane section.orders .container.list ol.order button.icon.ec-stock, .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock.form-item-autocomplete.loading-autocomplete:before, .ec-editor .center-pane section.orders .container.list ol.order .ui-indicator button.ec-stock#indicator:before, .ui-indicator .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock#indicator:before {
          text-indent: 0px;
          height: 24px;
          line-height: 24px;
          padding-left: 8px !important;
          padding-right: 8px !important;
          background-color: #FFFFFF;
          border-color: #D0C9C3; }
          .ec-editor .center-pane section.orders .container.list ol.order button.icon.ec-stock:hover, .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock.form-item-autocomplete.loading-autocomplete:hover:before, .ec-editor .center-pane section.orders .container.list ol.order .ui-indicator button.ec-stock#indicator:hover:before, .ui-indicator .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock#indicator:hover:before {
            background-color: #F8F6F5; }
        .ec-editor .center-pane section.orders .container.list ol.order button.icon.ec-stock:disabled, .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock.form-item-autocomplete.loading-autocomplete:disabled:before, .ec-editor .center-pane section.orders .container.list ol.order .ui-indicator button.ec-stock#indicator:disabled:before, .ui-indicator .ec-editor .center-pane section.orders .container.list ol.order button.ec-stock#indicator:disabled:before {
          background-color: #F8F6F5;
          border-color: #F8F6F5; }
        .ec-editor .center-pane section.orders .container.list ol.order li.product {
          flex: 1 0 500px;
          min-width: 500px;
          position: relative; }
          .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) {
            display: grid;
            grid-template-columns: min-content 1fr min-content min-content min-content;
            grid-auto-flow: column dense; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) > * {
              display: flex;
              align-items: flex-start;
              justify-content: flex-start; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .image {
              min-width: initial;
              grid-row: span 2 / auto;
              grid-column: 1; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .title {
              justify-content: flex-end; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .opt {
              grid-row: 2;
              justify-content: flex-start; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .title, .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .opt {
              line-height: initial;
              align-items: flex-start;
              min-height: initial;
              height: initial; }
              .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .title h3, .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .opt h3 {
                height: initial;
                text-align: left; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .price {
              grid-row: auto / span 2;
              padding-top: 12px; }
              .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .price label {
                min-height: initial;
                line-height: initial;
                font-size: 14px; }
                .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .price label::before {
                  margin-right: 4px;
                  position: relative; }
            .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .num {
              grid-row: auto / span 2;
              padding-top: 12px; }
              .ec-editor .center-pane section.orders .container.list ol.order li.product > :is(#x, div) .num label {
                min-height: initial;
                line-height: initial; }
        .ec-editor .center-pane section.orders .container.list ol.order li.address {
          flex: 0 0 260px;
          position: relative;
          line-height: initial;
          padding-top: 12px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.address::before {
            top: 12px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.address pre {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis; }
        .ec-editor .center-pane section.orders .container.list ol.order li.amount {
          margin-left: auto;
          flex: 0 0 100px;
          padding: 12px 0 !important; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount > label:first-child, .ec-editor .center-pane section.orders .container.list ol.order li.amount > label:first-child > * {
            font-weight: normal;
            font-size: 14px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage > * {
            font-size: 14px;
            font-weight: normal; }
            .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage > *:first-child {
              font-size: 12px;
              opacity: 0.5;
              font-weight: normal; }
          .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage:last-child {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap; }
            .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage:last-child > * {
              vertical-align: middle;
              display: inline; }
              .ec-editor .center-pane section.orders .container.list ol.order li.amount .postage:last-child > *:first-child {
                flex: 1 0 100%;
                text-align: center; }
        .ec-editor .center-pane section.orders .container.list ol.order li.status {
          flex: 0 0 80px;
          padding-top: 12px; }
          .ec-editor .center-pane section.orders .container.list ol.order li.status h3 {
            line-height: initial; }
        .ec-editor .center-pane section.orders .container.list ol.order li.btns {
          line-height: initial;
          flex: 0 0 100px;
          min-width: initial;
          height: initial;
          padding-top: 12px; }
      .ec-editor .center-pane section.orders .container.list ol.order.cancel,
      .ec-editor .center-pane section.orders .container.list ol.order.expired {
        background-color: #F8F6F5; }

.popup.ec-categories {
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  width: 920px !important;
  top: 0px;
  left: 50vw;
  margin-left: -330px;
  background: #999; }
  .popup.ec-categories dl {
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px; }
  .popup.ec-categories dl.subcategories {
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    margin: auto; }
  .popup.ec-categories dd {
    text-align: center;
    justify-content: center;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 6px;
    position: relative;
    width: 100px;
    background-position: center 12px;
    background-size: auto 36px;
    cursor: pointer; }
    .popup.ec-categories dd label {
      text-align: center;
      white-space: nowrap;
      font-size: 0.8rem;
      margin-right: 0;
      padding-right: 0;
      margin-top: 40px;
      line-height: 36px;
      height: 36px;
      color: rgba(255, 255, 255, 0.7);
      width: inherit;
      display: block;
      cursor: pointer; }
    .popup.ec-categories dd.on, .popup.ec-categories dd:hover {
      background-color: #FDC73E;
      background-size: auto 44px;
      background-position: center 8px;
      transition-duration: 0.1s; }
      .popup.ec-categories dd.on label, .popup.ec-categories dd:hover label {
        color: #FFFFFF; }

.ec-1-fashion-dark {
  background-image: url(/images/ec/ec-1-fashion-dark.svg); }

.ec-2-electronics-dark {
  background-image: url(/images/ec/ec-2-electronics-dark.svg); }

.ec-3-home-dark {
  background-image: url(/images/ec/ec-3-home-dark.svg); }

.ec-4-food-dark {
  background-image: url(/images/ec/ec-4-food-dark.svg); }

.ec-5-sports_outdoor-dark {
  background-image: url(/images/ec/ec-5-sports_outdoor-dark.svg); }

.ec-6-music_book-dark {
  background-image: url(/images/ec/ec-6-music_book-dark.svg); }

.ec-7-beauty_health-dark {
  background-image: url(/images/ec/ec-7-beauty_health-dark.svg); }

.ec-8-auto-dark {
  background-image: url(/images/ec/ec-8-auto-dark.svg); }

.ec-999-others-dark {
  background-image: url(/images/ec/ec-others-dark.svg); }

.ec-1-fashion {
  background-image: url(/images/ec/ec-1-fashion.svg); }

.ec-coat {
  background-image: url(/images/ec/ec-coat.svg); }

.ec-jacket {
  background-image: url(/images/ec/ec-jacket.svg); }

.ec-shirt {
  background-image: url(/images/ec/ec-shirt.svg); }

.ec-blous {
  background-image: url(/images/ec/ec-blous.svg); }

.ec-sweater {
  background-image: url(/images/ec/ec-sweater.svg); }

.ec-hoody {
  background-image: url(/images/ec/ec-hoody.svg); }

.ec-tshirt {
  background-image: url(/images/ec/ec-tshirt.svg); }

.ec-vest {
  background-image: url(/images/ec/ec-vest.svg); }

.ec-jeans {
  background-image: url(/images/ec/ec-jeans.svg); }

.ec-pants {
  background-image: url(/images/ec/ec-pants.svg); }

.ec-skirt {
  background-image: url(/images/ec/ec-skirt.svg); }

.ec-shortpants {
  background-image: url(/images/ec/ec-shortpants.svg); }

.ec-suits {
  background-image: url(/images/ec/ec-suits.svg); }

.ec-dress {
  background-image: url(/images/ec/ec-dress.svg); }

.ec-onepiece {
  background-image: url(/images/ec/ec-onepiece.svg); }

.ec-underwear {
  background-image: url(/images/ec/ec-underwear.svg); }

.ec-bra {
  background-image: url(/images/ec/ec-bra.svg); }

.ec-sportswear {
  background-image: url(/images/ec/ec-sportswear.svg); }

.ec-sleep {
  background-image: url(/images/ec/ec-sleep.svg); }

.ec-hat {
  background-image: url(/images/ec/ec-hat.svg); }

.ec-socks {
  background-image: url(/images/ec/ec-socks.svg); }

.ec-shoes {
  background-image: url(/images/ec/ec-shoes.svg); }

.ec-bag {
  background-image: url(/images/ec/ec-bag.svg); }

.ec-accessory {
  background-image: url(/images/ec/ec-accessory.svg); }

.ec-watch {
  background-image: url(/images/ec/ec-watch.svg); }

.ec-jewelry {
  background-image: url(/images/ec/ec-jewelry.svg); }

.ec-swimwear {
  background-image: url(/images/ec/ec-swimwear.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-2-electronics {
  background-image: url(/images/ec/ec-2-electronics.svg); }

.ec-pc {
  background-image: url(/images/ec/ec-pc.svg); }

.ec-appliance {
  background-image: url(/images/ec/ec-appliance.svg); }

.ec-tv {
  background-image: url(/images/ec/ec-tv.svg); }

.ec-audio {
  background-image: url(/images/ec/ec-audio.svg); }

.ec-camera {
  background-image: url(/images/ec/ec-camera.svg); }

.ec-mobile {
  background-image: url(/images/ec/ec-mobile.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-3-home {
  background-image: url(/images/ec/ec-3-home.svg); }

.ec-interior {
  background-image: url(/images/ec/ec-interior.svg); }

.ec-bedding {
  background-image: url(/images/ec/ec-bedding.svg); }

.ec-decor {
  background-image: url(/images/ec/ec-decor.svg); }

.ec-daily {
  background-image: url(/images/ec/ec-daily.svg); }

.ec-stationery {
  background-image: url(/images/ec/ec-stationery.svg); }

.ec-craft {
  background-image: url(/images/ec/ec-craft.svg); }

.ec-kitchen {
  background-image: url(/images/ec/ec-kitchen.svg); }

.ec-flower {
  background-image: url(/images/ec/ec-flower.svg); }

.ec-diy {
  background-image: url(/images/ec/ec-diy.svg); }

.ec-pet {
  background-image: url(/images/ec/ec-pet.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-4-food {
  background-image: url(/images/ec/ec-4-food.svg); }

.ec-food {
  background-image: url(/images/ec/ec-food.svg); }

.ec-foodstuff {
  background-image: url(/images/ec/ec-foodstuff.svg); }

.ec-sweets {
  background-image: url(/images/ec/ec-sweets.svg); }

.ec-drink {
  background-image: url(/images/ec/ec-drink.svg); }

.ec-wine {
  background-image: url(/images/ec/ec-wine.svg); }

.ec-liquor {
  background-image: url(/images/ec/ec-liquor.svg); }

.ec-sake {
  background-image: url(/images/ec/ec-sake.svg); }

.ec-spicy {
  background-image: url(/images/ec/ec-spicy.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-5-sports_outdoor {
  background-image: url(/images/ec/ec-5-sports_outdoor.svg); }

.ec-martiala_arts {
  background-image: url(/images/ec/ec-martiala_arts.svg); }

.ec-cycling {
  background-image: url(/images/ec/ec-cycling.svg); }

.ec-fishing {
  background-image: url(/images/ec/ec-fishing.svg); }

.ec-fitness {
  background-image: url(/images/ec/ec-fitness.svg); }

.ec-golf {
  background-image: url(/images/ec/ec-golf.svg); }

.ec-outdoor {
  background-image: url(/images/ec/ec-outdoor.svg); }

.ec-sports {
  background-image: url(/images/ec/ec-sports.svg); }

.ec-water_sports {
  background-image: url(/images/ec/ec-water_sports.svg); }

.ec-winter_sports {
  background-image: url(/images/ec/ec-winter_sports.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-6-music_book {
  background-image: url(/images/ec/ec-6-music_book.svg); }

.ec-books {
  background-image: url(/images/ec/ec-books.svg); }

.ec-media {
  background-image: url(/images/ec/ec-media.svg); }

.ec-instrument {
  background-image: url(/images/ec/ec-instrument.svg); }

.ec-indoor {
  background-image: url(/images/ec/ec-indoor.svg); }

.ec-toys {
  background-image: url(/images/ec/ec-toys.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-7-beauty_health {
  background-image: url(/images/ec/ec-7-beauty_health.svg); }

.ec-health {
  background-image: url(/images/ec/ec-health.svg); }

.ec-medicine {
  background-image: url(/images/ec/ec-medicine.svg); }

.ec-beauty {
  background-image: url(/images/ec/ec-beauty.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-8-auto {
  background-image: url(/images/ec/ec-8-auto.svg); }

.ec-car {
  background-image: url(/images/ec/ec-car.svg); }

.ec-car_goods {
  background-image: url(/images/ec/ec-car_goods.svg); }

.ec-bike {
  background-image: url(/images/ec/ec-bike.svg); }

.ec-bike_goods {
  background-image: url(/images/ec/ec-bike_goods.svg); }

.ec-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-999-others {
  background-image: url(/images/ec/ec-others.svg); }

.ec-1-fashion.on, .ec-1-fashion:hover {
  background-image: url(/images/ec/ec-1-fashion_on.svg); }

.ec-coat.on, .ec-coat:hover {
  background-image: url(/images/ec/ec-coat_on.svg); }

.ec-jacket.on, .ec-jacket:hover {
  background-image: url(/images/ec/ec-jacket_on.svg); }

.ec-shirt.on, .ec-shirt:hover {
  background-image: url(/images/ec/ec-shirt_on.svg); }

.ec-blous.on, .ec-blous:hover {
  background-image: url(/images/ec/ec-blous_on.svg); }

.ec-sweater.on, .ec-sweater:hover {
  background-image: url(/images/ec/ec-sweater_on.svg); }

.ec-hoody.on, .ec-hoody:hover {
  background-image: url(/images/ec/ec-hoody_on.svg); }

.ec-vest.on, .ec-vest:hover {
  background-image: url(/images/ec/ec-vest.svg); }

.ec-tshirt.on, .ec-tshirt:hover {
  background-image: url(/images/ec/ec-tshirt_on.svg); }

.ec-jeans.on, .ec-jeans:hover {
  background-image: url(/images/ec/ec-jeans_on.svg); }

.ec-pants.on, .ec-pants:hover {
  background-image: url(/images/ec/ec-pants_on.svg); }

.ec-skirt.on, .ec-skirt:hover {
  background-image: url(/images/ec/ec-skirt_on.svg); }

.ec-shortpants.on, .ec-shortpants:hover {
  background-image: url(/images/ec/ec-shortpants_on.svg); }

.ec-suits.on, .ec-suits:hover {
  background-image: url(/images/ec/ec-suits_on.svg); }

.ec-dress.on, .ec-dress:hover {
  background-image: url(/images/ec/ec-dress_on.svg); }

.ec-onepiece.on, .ec-onepiece:hover {
  background-image: url(/images/ec/ec-onepiece_on.svg); }

.ec-underwear.on, .ec-underwear:hover {
  background-image: url(/images/ec/ec-underwear_on.svg); }

.ec-bra.on, .ec-bra:hover {
  background-image: url(/images/ec/ec-bra_on.svg); }

.ec-sportswear.on, .ec-sportswear:hover {
  background-image: url(/images/ec/ec-sportswear_on.svg); }

.ec-sleep.on, .ec-sleep:hover {
  background-image: url(/images/ec/ec-sleep_on.svg); }

.ec-hat.on, .ec-hat:hover {
  background-image: url(/images/ec/ec-hat_on.svg); }

.ec-socks.on, .ec-socks:hover {
  background-image: url(/images/ec/ec-socks_on.svg); }

.ec-shoes.on, .ec-shoes:hover {
  background-image: url(/images/ec/ec-shoes_on.svg); }

.ec-bag.on, .ec-bag:hover {
  background-image: url(/images/ec/ec-bag_on.svg); }

.ec-accessory.on, .ec-accessory:hover {
  background-image: url(/images/ec/ec-accessory_on.svg); }

.ec-watch.on, .ec-watch:hover {
  background-image: url(/images/ec/ec-watch_on.svg); }

.ec-jewelry.on, .ec-jewelry:hover {
  background-image: url(/images/ec/ec-jewelry_on.svg); }

.ec-swimwear.on, .ec-swimwear:hover {
  background-image: url(/images/ec/ec-swimwear_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-2-electronics.on, .ec-2-electronics:hover {
  background-image: url(/images/ec/ec-2-electronics_on.svg); }

.ec-pc.on, .ec-pc:hover {
  background-image: url(/images/ec/ec-pc_on.svg); }

.ec-appliance.on, .ec-appliance:hover {
  background-image: url(/images/ec/ec-appliance_on.svg); }

.ec-tv.on, .ec-tv:hover {
  background-image: url(/images/ec/ec-tv_on.svg); }

.ec-audio.on, .ec-audio:hover {
  background-image: url(/images/ec/ec-audio_on.svg); }

.ec-camera.on, .ec-camera:hover {
  background-image: url(/images/ec/ec-camera_on.svg); }

.ec-mobile.on, .ec-mobile:hover {
  background-image: url(/images/ec/ec-mobile_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-3-home.on, .ec-3-home:hover {
  background-image: url(/images/ec/ec-3-home_on.svg); }

.ec-interior.on, .ec-interior:hover {
  background-image: url(/images/ec/ec-interior_on.svg); }

.ec-bedding.on, .ec-bedding:hover {
  background-image: url(/images/ec/ec-bedding_on.svg); }

.ec-decor.on, .ec-decor:hover {
  background-image: url(/images/ec/ec-decor_on.svg); }

.ec-daily.on, .ec-daily:hover {
  background-image: url(/images/ec/ec-daily_on.svg); }

.ec-stationery.on, .ec-stationery:hover {
  background-image: url(/images/ec/ec-stationery_on.svg); }

.ec-craft.on, .ec-craft:hover {
  background-image: url(/images/ec/ec-craft_on.svg); }

.ec-kitchen.on, .ec-kitchen:hover {
  background-image: url(/images/ec/ec-kitchen_on.svg); }

.ec-flower.on, .ec-flower:hover {
  background-image: url(/images/ec/ec-flower_on.svg); }

.ec-diy.on, .ec-diy:hover {
  background-image: url(/images/ec/ec-diy_on.svg); }

.ec-pet.on, .ec-pet:hover {
  background-image: url(/images/ec/ec-pet_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-4-food.on, .ec-4-food:hover {
  background-image: url(/images/ec/ec-4-food_on.svg); }

.ec-food.on, .ec-food:hover {
  background-image: url(/images/ec/ec-food_on.svg); }

.ec-sweets.on, .ec-sweets:hover {
  background-image: url(/images/ec/ec-sweets_on.svg); }

.ec-drink.on, .ec-drink:hover {
  background-image: url(/images/ec/ec-drink_on.svg); }

.ec-wine.on, .ec-wine:hover {
  background-image: url(/images/ec/ec-wine_on.svg); }

.ec-liquor.on, .ec-liquor:hover {
  background-image: url(/images/ec/ec-liquor_on.svg); }

.ec-sake.on, .ec-sake:hover {
  background-image: url(/images/ec/ec-sake_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-5-sports_outdoor.on, .ec-5-sports_outdoor:hover {
  background-image: url(/images/ec/ec-5-sports_outdoor_on.svg); }

.ec-martiala_arts.on, .ec-martiala_arts:hover {
  background-image: url(/images/ec/ec-martiala_arts_on.svg); }

.ec-cycling.on, .ec-cycling:hover {
  background-image: url(/images/ec/ec-cycling_on.svg); }

.ec-fishing.on, .ec-fishing:hover {
  background-image: url(/images/ec/ec-fishing_on.svg); }

.ec-fitness.on, .ec-fitness:hover {
  background-image: url(/images/ec/ec-fitness_on.svg); }

.ec-golf.on, .ec-golf:hover {
  background-image: url(/images/ec/ec-golf_on.svg); }

.ec-outdoor.on, .ec-outdoor:hover {
  background-image: url(/images/ec/ec-outdoor_on.svg); }

.ec-sports.on, .ec-sports:hover {
  background-image: url(/images/ec/ec-sports_on.svg); }

.ec-water_sports.on, .ec-water_sports:hover {
  background-image: url(/images/ec/ec-water_sports_on.svg); }

.ec-winter_sports.on, .ec-winter_sports:hover {
  background-image: url(/images/ec/ec-winter_sports_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-6-music_book.on, .ec-6-music_book:hover {
  background-image: url(/images/ec/ec-6-music_book_on.svg); }

.ec-books.on, .ec-books:hover {
  background-image: url(/images/ec/ec-books_on.svg); }

.ec-media.on, .ec-media:hover {
  background-image: url(/images/ec/ec-media_on.svg); }

.ec-instrument.on, .ec-instrument:hover {
  background-image: url(/images/ec/ec-instrument_on.svg); }

.ec-indoor.on, .ec-indoor:hover {
  background-image: url(/images/ec/ec-indoor_on.svg); }

.ec-toys.on, .ec-toys:hover {
  background-image: url(/images/ec/ec-toys_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-7-beauty_health.on, .ec-7-beauty_health:hover {
  background-image: url(/images/ec/ec-7-beauty_health_on.svg); }

.ec-health.on, .ec-health:hover {
  background-image: url(/images/ec/ec-health_on.svg); }

.ec-medicine.on, .ec-medicine:hover {
  background-image: url(/images/ec/ec-medicine_on.svg); }

.ec-beauty.on, .ec-beauty:hover {
  background-image: url(/images/ec/ec-beauty_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-8-auto.on, .ec-8-auto:hover {
  background-image: url(/images/ec/ec-8-auto_on.svg); }

.ec-car.on, .ec-car:hover {
  background-image: url(/images/ec/ec-car_on.svg); }

.ec-car_goods.on, .ec-car_goods:hover {
  background-image: url(/images/ec/ec-car_goods_on.svg); }

.ec-bike.on, .ec-bike:hover {
  background-image: url(/images/ec/ec-bike_on.svg); }

.ec-bike_goods.on, .ec-bike_goods:hover {
  background-image: url(/images/ec/ec-bike_goods_on.svg); }

.ec-others.on, .ec-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.ec-999-others.on, .ec-999-others:hover {
  background-image: url(/images/ec/ec-others_on.svg); }

.popup.ec-colors {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px; }
  .popup.ec-colors ul {
    display: inline-block; }
    .popup.ec-colors ul li {
      color: rgba(255, 255, 255, 0.7);
      text-align: center;
      position: relative;
      padding-left: 8px;
      padding-right: 8px; }
    .popup.ec-colors ul li.color-name {
      white-space: nowrap;
      height: 28px;
      line-height: 28px;
      text-transform: uppercase;
      font-size: 0.8rem; }
    .popup.ec-colors ul li.color-name:before, .popup.ec-colors ul li.color-name:after {
      content: "";
      width: 16%;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.7);
      position: absolute;
      top: 14px; }
    .popup.ec-colors ul li.color-name:before {
      left: 10%; }
    .popup.ec-colors ul li.color-name:after {
      right: 10%; }
    .popup.ec-colors ul dd {
      width: 16px;
      height: 16px;
      margin: 8px;
      display: block;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      cursor: pointer; }
      .popup.ec-colors ul dd:hover {
        transition-duration: 0.1s;
        transform: scale(1.2, 1.2);
        border-color: white; }
    .popup.ec-colors ul dt {
      min-height: 48px;
      text-align: center;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-items: center; }
    .popup.ec-colors ul dt span {
      display: block;
      position: absolute;
      top: auto;
      bottom: 0;
      width: auto;
      height: 18px;
      white-space: nowrap;
      font-size: 0.7rem;
      text-align: center !important;
      margin: auto;
      color: transparent; }
    .popup.ec-colors ul dt:hover span {
      color: rgba(255, 255, 255, 0.7); }

.pop-inline.ec-select-image {
  position: absolute;
  display: flex;
  flex-direction: row;
  /*width:auto !important;*/
  height: auto !important;
  /*max-width:780px !important; min-width: 140px !important;*/
  padding: 5px 5px 5px 5px; }
  .pop-inline.ec-select-image > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 5px; }
    .pop-inline.ec-select-image > div div.ec-item-image {
      flex-shrink: 0;
      height: 120px;
      width: 120px;
      margin: 5px;
      display: block;
      position: relative;
      margin-bottom: 0;
      background-size: contain;
      background-color: #F8F6F5;
      background-position: center center;
      cursor: pointer; }
    .pop-inline.ec-select-image > div div.ec-item-image.on:after {
      content: '';
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 24px !important;
      height: 24px !important;
      border-radius: 24px;
      background-color: #5F5BFF;
      background-position: 50% 50%;
      background-size: 24px auto;
      background-image: url(/images/ico_check_w2.svg); }

/* 在庫編集画面 */
.window.ec-inv th {
  text-align: center;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  font-weight: 0.8rem; }

.window.ec-inv th, .window.ec-inv td {
  padding-left: 8px;
  padding-right: 8px;
  color: #222; }

.window.ec-inv td.price {
  text-align: right; }

.window.ec-inv td.price:after, .window.ec-inv td.optprice:after {
  content: '¥';
  padding-left: 4px; }

.window.ec-inv td.optprice input, .window.ec-inv td.stock input, .window.ec-inv td.weight input {
  width: 80px; }

.window.ec-inv td.price:after, .window.ec-inv td.regular_price:after {
  content: '¥';
  padding-left: 4px; }

.window.ec-inv td.regular_price input, .window.ec-inv td.stock input, .window.ec-inv td.weight input {
  width: 80px;
  text-align: right; }

.window.ec-inv td.regular_price input {
  width: 90px; }

.window.ec-inv td.weight:after {
  content: 'kg';
  padding-left: 4px; }

.window.ec-inv td.opt {
  font-weight: bold;
  font-size: 0.8rem; }

.window.ec-inv footer {
  background-color: #FFFFFF;
  color: #666; }

.window.ec-inv td {
  word-break: keep-all;
  white-space: nowrap;
  padding-bottom: 2px;
  padding-top: 2px; }
  .window.ec-inv td .img_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%; }
    .window.ec-inv td .img_container .img_box {
      flex: 1;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      min-width: 100px; }
      .window.ec-inv td .img_container .img_box .ec-item-image-thumb {
        height: 28px;
        width: 28px;
        margin: 0px 0px 0px 5px;
        *display: block;
        position: relative;
        margin-bottom: 0;
        background-size: contain;
        background-color: #F8F6F5;
        background-position: center center;
        cursor: pointer; }
    .window.ec-inv td .img_container > button {
      box-sizing: border-box;
      width: auto; }

.window.ec-order th {
  text-align: center;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  font-weight: 0.8rem; }

.window.ec-order th, .window.ec-order td {
  padding-left: 8px;
  padding-right: 8px;
  color: #222; }

.window.ec-order td.price:after, .window.ec-order td.optprice:after {
  content: '¥';
  padding-left: 4px; }

.window.ec-order td.optprice input, .window.ec-order td.stock input, .window.ec-order td.weight input {
  width: 80px; }

.window.ec-order td.price:after, .window.ec-order td.regular_price:after {
  content: '¥';
  padding-left: 4px; }

.window.ec-order td.regular_price input, .window.ec-order td.stock input, .window.ec-order td.weight input {
  width: 80px; }

.window.ec-order td.weight:after {
  content: 'kg';
  padding-left: 4px; }

.window.ec-order td.opt {
  font-weight: bold;
  font-size: 0.8rem; }

/* 離島の地域設定画面 */
.window.ec-area_groups {
  width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .window.ec-area_groups footer {
    background-color: #FFFFFF;
    color: #666; }
  .window.ec-area_groups > section {
    padding: 10px 20px; }
  .window.ec-area_groups .name-box {
    width: 200px;
    min-width: 200px;
    flex: 0; }
    .window.ec-area_groups .name-box input[type=text] {
      min-height: 38px;
      line-height: 38px; }
  .window.ec-area_groups .item-box > span {
    max-width: 400px; }
  .window.ec-area_groups .item-box.error {
    border-color: rgba(235, 82, 108, 0.1);
    background-color: rgba(235, 82, 108, 0.1); }
    .window.ec-area_groups .item-box.error .autocomplete {
      background-color: transparent !important; }
  .window.ec-area_groups .btns {
    flex: 0;
    width: 100px;
    display: flex;
    flex-direction: row; }
    .window.ec-area_groups .btns button {
      border: 0px;
      min-width: 32px;
      max-width: 32px;
      padding: 0px;
      height: 100%; }
      .window.ec-area_groups .btns button:before {
        text-indent: 10px;
        height: 38px;
        line-height: 38px; }
      .window.ec-area_groups .btns button:hover {
        background: transparent; }

.user-editor-frame {
  width: fit-content;
  margin: auto;
  background-color: transparent; }
  .user-editor-frame .thumb-pane {
    position: relative; }
    .user-editor-frame .thumb-pane section.pop-inline.tags-btn {
      position: absolute !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      width: 240px !important;
      min-width: initial !important; }
      .user-editor-frame .thumb-pane section.pop-inline.tags-btn form {
        min-width: initial !important; }
      .user-editor-frame .thumb-pane section.pop-inline.tags-btn .icon.trash::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn table.list-view th.trash.on::before, table.list-view .user-editor-frame .thumb-pane section.pop-inline.tags-btn th.trash.on::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn table.list-view th.trash.sortable::before, table.list-view .user-editor-frame .thumb-pane section.pop-inline.tags-btn th.trash.sortable::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .search-bar div.trash.queries::before, .search-bar .user-editor-frame .thumb-pane section.pop-inline.tags-btn div.trash.queries::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .simulator > header dd.trash::before, .simulator > header .user-editor-frame .thumb-pane section.pop-inline.tags-btn dd.trash::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .p3-layout .menu-pane li.trash::before, .p3-layout .menu-pane .user-editor-frame .thumb-pane section.pop-inline.tags-btn li.trash::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor section.actions li h5.trash::before, .bot-editor section.actions li .user-editor-frame .thumb-pane section.pop-inline.tags-btn h5.trash::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor ul.nodes > li > div span.trash.new::before, .bot-editor ul.nodes > li > div .user-editor-frame .thumb-pane section.pop-inline.tags-btn span.trash.new::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor ul.nodes > li > div label.trash.new::before, .bot-editor ul.nodes > li > div .user-editor-frame .thumb-pane section.pop-inline.tags-btn label.trash.new::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor ul.nodes div.trash.schedule::before, .bot-editor ul.nodes .user-editor-frame .thumb-pane section.pop-inline.tags-btn div.trash.schedule::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor ul.nodes ol.card li.trash.item.new::before, .bot-editor ul.nodes ol.card .user-editor-frame .thumb-pane section.pop-inline.tags-btn li.trash.item.new::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn .bot-editor ul.nodes div.react-btns label.colors:hover u.trash::before, .bot-editor ul.nodes div.react-btns label.colors:hover .user-editor-frame .thumb-pane section.pop-inline.tags-btn u.trash::before, .user-editor-frame .thumb-pane section.pop-inline.tags-btn section.user-editor section.info header.trash::before, section.user-editor section.info .user-editor-frame .thumb-pane section.pop-inline.tags-btn header.trash::before {
        left: 4px;
        top: -2px; }
    .user-editor-frame .thumb-pane .name {
      width: 83%;
      pointer-events: none; }
      .user-editor-frame .thumb-pane .name h3 {
        overflow: hidden; }
    .user-editor-frame .thumb-pane .member_id .autocomplete-frame {
      flex-wrap: nowrap; }
  .user-editor-frame .chats footer dd[hint][tp='act']:hover::after {
    left: 0 !important;
    transform: translateX(0px) !important; }
  .user-editor-frame .chats footer dd[hint][tp='text']:hover::after {
    left: calc(50% + 4px) !important; }
  .user-editor-frame .chats footer button.tooltip:last-child:hover::after {
    left: initial !important;
    right: 0 !important;
    transform: translateX(0px) !important; }
  .user-editor-frame .chats footer .type-text b.tooltip:hover::after {
    left: calc(50% - 8px) !important; }

section.user-editor {
  display: flex;
  flex-direction: row;
  min-width: 1200px !important;
  width: calc(100vw - 100px);
  height: calc(100vh - 100px);
  min-height: 560px;
  overflow: hidden;
  background-color: white;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  /* loading dots */ }
  section.user-editor * {
    color: #666; }
  section.user-editor .content textarea {
    color: #222 !important;
    min-height: auto; }
  section.user-editor > section {
    height: 100%;
    overflow-y: auto;
    flex: 1; }
    section.user-editor > section.thumb-pane {
      flex: 0 1 280px; }
    section.user-editor > section.chats {
      min-width: 420px; }
  section.user-editor .tags {
    box-sizing: content-box;
    height: auto;
    padding: 4px 16px;
    background-color: white;
    flex-shrink: 0;
    flex-direction: row;
    flex-wrap: wrap; }
    section.user-editor .tags dd {
      color: white;
      background-color: #222;
      height: 24px;
      line-height: 24px;
      font-size: .7rem;
      max-width: 100px;
      border-radius: 4px;
      padding: 0px 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: 'Arial';
      margin: 0px 6px 12px 0px; }
  section.user-editor .simulator.web > section {
    border-left: 0;
    border-right: 0; }
  section.user-editor section.thumb-pane {
    background-color: #F8F6F5;
    border-right: 1px solid #D0C9C3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
    section.user-editor section.thumb-pane .thumb {
      margin-top: 6vh;
      width: 100px;
      height: 100px;
      border-radius: 50px;
      flex: none; }
    section.user-editor section.thumb-pane h3 {
      text-indent: 0;
      color: #222;
      margin-top: 16px;
      margin-bottom: 16px; }
    section.user-editor section.thumb-pane li {
      height: 48px;
      line-height: 48px;
      display: flex;
      flex-direction: row; }
    section.user-editor section.thumb-pane label {
      position: relative;
      cursor: pointer;
      text-align: left;
      margin-right: 6px;
      flex: 1;
      line-height: 36px; }
    section.user-editor section.thumb-pane .form-item-switch.on:before {
      text-align: left;
      text-indent: 12px; }
    section.user-editor section.thumb-pane .form-item-switch:before {
      text-align: left;
      text-indent: 28px; }
    section.user-editor section.thumb-pane .basic-form {
      margin: 0 auto; }
      section.user-editor section.thumb-pane .basic-form .form-item-autocomplete {
        height: 32px;
        width: 120px; }
      section.user-editor section.thumb-pane .basic-form p {
        padding: 0;
        height: 36px;
        line-height: 36px; }
    section.user-editor section.thumb-pane button.label-button {
      padding-right: 4px;
      background-color: transparent;
      border: 0;
      line-height: 36px;
      color: #5F5BFF;
      text-decoration: underline; }
    section.user-editor section.thumb-pane li.separator {
      text-align: center;
      display: block; }
      section.user-editor section.thumb-pane li.separator:before {
        content: "";
        height: 23px;
        border-bottom: 1px solid #D0C9C3;
        position: absolute;
        width: 100%;
        display: block; }
      section.user-editor section.thumb-pane li.separator:after {
        content: "TAGS";
        width: 100%;
        background: #F8F6F5;
        z-index: 1;
        position: absolute;
        width: 80px;
        left: 70px; }
    section.user-editor section.thumb-pane li.plans-row {
      height: auto;
      flex-direction: column;
      width: 100%;
      position: relative; }
      section.user-editor section.thumb-pane li.plans-row div.separator {
        height: 48px;
        text-align: center;
        display: block; }
        section.user-editor section.thumb-pane li.plans-row div.separator:before {
          content: "";
          height: 23px;
          border-bottom: 1px solid #D0C9C3;
          position: absolute;
          width: 100%;
          display: block; }
        section.user-editor section.thumb-pane li.plans-row div.separator:after {
          content: attr(data-title);
          width: 100%;
          background: #F8F6F5;
          z-index: 1;
          position: absolute;
          width: 80px;
          left: 70px; }
      section.user-editor section.thumb-pane li.plans-row dl.tags dd {
        padding-right: 12px; }
    section.user-editor section.thumb-pane li.tags-row {
      height: auto;
      width: 100%;
      position: relative; }
    section.user-editor section.thumb-pane dl.tags {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
      height: auto;
      width: 232px; }
      section.user-editor section.thumb-pane dl.tags dd {
        position: relative;
        background-color: #666;
        padding-left: 12px;
        padding-right: 24px;
        border-radius: 12px;
        margin-left: 0px;
        margin-right: 12px; }
        section.user-editor section.thumb-pane dl.tags dd > span {
          font-size: 12px;
          color: #FFFFFF !important;
          line-height: 24px; }
        section.user-editor section.thumb-pane dl.tags dd b {
          width: 16px;
          height: 12px;
          position: absolute;
          z-index: 1;
          top: 6px;
          right: 6px;
          background-image: url(/images/ico_cross_w.svg);
          background-size: 10px 10px;
          background-position: 50% 50%;
          cursor: hand;
          cursor: pointer; }
      section.user-editor section.thumb-pane dl.tags .new-btn,
      section.user-editor section.thumb-pane dl.tags .new-btn:hover {
        font-size: 12px;
        line-height: 24px;
        padding-right: 12px;
        background-color: #00D6C9;
        color: #FFFFFF; }
  section.user-editor section.info {
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    border-right: 1px solid #D0C9C3; }
    section.user-editor section.info header {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      text-indent: 44px;
      font-size: 14px;
      font-weight: 600;
      padding-right: 25px; }
      section.user-editor section.info header div {
        width: 141px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      section.user-editor section.info header .icon, section.user-editor section.info header .form-item-autocomplete.loading-autocomplete:before, section.user-editor section.info header table.list-view th.on, table.list-view section.user-editor section.info header th.on, section.user-editor section.info header table.list-view th.sortable, table.list-view section.user-editor section.info header th.sortable, section.user-editor section.info header .ui-indicator #indicator:before, .ui-indicator section.user-editor section.info header #indicator:before, section.user-editor section.info header .search-bar div.queries, .search-bar section.user-editor section.info header div.queries, section.user-editor section.info .simulator > header dd, section.user-editor section.info header .p3-layout .menu-pane li, .p3-layout .menu-pane section.user-editor section.info header li, section.user-editor section.info header .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.info header b:before, section.user-editor section.info header .bot-editor section.actions li h5, .bot-editor section.actions li section.user-editor section.info header h5, section.user-editor section.info header .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div section.user-editor section.info header span.new, section.user-editor section.info header .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div section.user-editor section.info header label.new, section.user-editor section.info header .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes section.user-editor section.info header div.schedule, section.user-editor section.info header .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card section.user-editor section.info header li.item.new, section.user-editor section.info header .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.info header u, section.user-editor section.info header header, section.user-editor section.info header section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.info header b:before {
        position: absolute;
        top: 0px; }
        section.user-editor section.info header .icon.pdf, section.user-editor section.info header .pdf.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.info header table.list-view th.pdf.on, table.list-view section.user-editor section.info header th.pdf.on, section.user-editor section.info header table.list-view th.pdf.sortable, table.list-view section.user-editor section.info header th.pdf.sortable, section.user-editor section.info header .ui-indicator .pdf#indicator:before, .ui-indicator section.user-editor section.info header .pdf#indicator:before, section.user-editor section.info header .search-bar div.pdf.queries, .search-bar section.user-editor section.info header div.pdf.queries, section.user-editor section.info .simulator > header dd.pdf, section.user-editor section.info header .p3-layout .menu-pane li.pdf, .p3-layout .menu-pane section.user-editor section.info header li.pdf, section.user-editor section.info header .chat_list_view #simulator footer.send-type-text .type-text b.pdf:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.info header b.pdf:before, section.user-editor section.info header .bot-editor section.actions li h5.pdf, .bot-editor section.actions li section.user-editor section.info header h5.pdf, section.user-editor section.info header .bot-editor ul.nodes > li > div span.pdf.new, .bot-editor ul.nodes > li > div section.user-editor section.info header span.pdf.new, section.user-editor section.info header .bot-editor ul.nodes > li > div label.pdf.new, .bot-editor ul.nodes > li > div section.user-editor section.info header label.pdf.new, section.user-editor section.info header .bot-editor ul.nodes div.pdf.schedule, .bot-editor ul.nodes section.user-editor section.info header div.pdf.schedule, section.user-editor section.info header .bot-editor ul.nodes ol.card li.pdf.item.new, .bot-editor ul.nodes ol.card section.user-editor section.info header li.pdf.item.new, section.user-editor section.info header .bot-editor ul.nodes div.react-btns label.colors:hover u.pdf, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.info header u.pdf, section.user-editor section.info header header.pdf, section.user-editor section.info header section.chats footer.simulator-footer.send-type-text .type-text b.pdf:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.info header b.pdf:before {
          right: 36px; }
        section.user-editor section.info header .icon.history, section.user-editor section.info header .history.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.info header table.list-view th.history.on, table.list-view section.user-editor section.info header th.history.on, section.user-editor section.info header table.list-view th.history.sortable, table.list-view section.user-editor section.info header th.history.sortable, section.user-editor section.info header .ui-indicator .history#indicator:before, .ui-indicator section.user-editor section.info header .history#indicator:before, section.user-editor section.info header .search-bar div.history.queries, .search-bar section.user-editor section.info header div.history.queries, section.user-editor section.info .simulator > header dd.history, section.user-editor section.info header .p3-layout .menu-pane li.history, .p3-layout .menu-pane section.user-editor section.info header li.history, section.user-editor section.info header .chat_list_view #simulator footer.send-type-text .type-text b.history:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.info header b.history:before, section.user-editor section.info header .bot-editor section.actions li h5.history, .bot-editor section.actions li section.user-editor section.info header h5.history, section.user-editor section.info header .bot-editor ul.nodes > li > div span.history.new, .bot-editor ul.nodes > li > div section.user-editor section.info header span.history.new, section.user-editor section.info header .bot-editor ul.nodes > li > div label.history.new, .bot-editor ul.nodes > li > div section.user-editor section.info header label.history.new, section.user-editor section.info header .bot-editor ul.nodes div.history.schedule, .bot-editor ul.nodes section.user-editor section.info header div.history.schedule, section.user-editor section.info header .bot-editor ul.nodes ol.card li.history.item.new, .bot-editor ul.nodes ol.card section.user-editor section.info header li.history.item.new, section.user-editor section.info header .bot-editor ul.nodes div.react-btns label.colors:hover u.history, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.info header u.history, section.user-editor section.info header header.history, section.user-editor section.info header section.chats footer.simulator-footer.send-type-text .type-text b.history:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.info header b.history:before {
          right: 60px; }
    section.user-editor section.info section.content {
      flex: 1;
      overflow-y: scroll;
      width: 100%;
      height: auto; }
      section.user-editor section.info section.content ul li input[type=text], section.user-editor section.info section.content ul li input[type=password], section.user-editor section.info section.content ul li input[type=autocomplete], section.user-editor section.info section.content ul li input[type=email], section.user-editor section.info section.content ul li input[type=tel], section.user-editor section.info section.content ul li input[type=url], section.user-editor section.info section.content ul li input[type=search], section.user-editor section.info section.content ul li input[type=date] {
        width: 100%; }
    section.user-editor section.info footer.info_footer {
      box-sizing: border-box;
      display: none;
      position: relative;
      width: 100%;
      height: 48px; }
      section.user-editor section.info footer.info_footer .space {
        flex: 1; }
    section.user-editor section.info header:before {
      content: "";
      padding-left: 10px; }
    section.user-editor section.info header:after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      right: 0px;
      top: 16px;
      text-indent: 0;
      font-size: 16px;
      color: #666; }
    section.user-editor section.info section.closed {
      border-top: 0; }
      section.user-editor section.info section.closed + section {
        border-top: 0; }
      section.user-editor section.info section.closed header:before {
        content: ""; }
      section.user-editor section.info section.closed header:after {
        content: "";
        color: #222; }
      section.user-editor section.info section.closed header {
        border-top: 0; }
      section.user-editor section.info section.closed header + ul {
        display: none !important; }
    section.user-editor section.info section {
      border-top: 1px solid #D0C9C3; }
    section.user-editor section.info section:first-child {
      border-top: 0; }
    section.user-editor section.info ul {
      padding: 16px; }
      section.user-editor section.info ul form ul {
        margin: 0px;
        padding: 0px;
        padding-left: 16px; }
        section.user-editor section.info ul form ul h4 {
          padding-left: 0px;
          text-transform: uppercase;
          font-weight: bold; }
      section.user-editor section.info ul form textarea,
      section.user-editor section.info ul form input[type=text],
      section.user-editor section.info ul form input[type=password],
      section.user-editor section.info ul form input[type=email],
      section.user-editor section.info ul form input[type=url],
      section.user-editor section.info ul form input[type=tel],
      section.user-editor section.info ul form [type=search],
      section.user-editor section.info ul form .form-item-autocomplete,
      section.user-editor section.info ul form .ui-dropdown {
        width: 90%;
        max-width: 600px; }
      section.user-editor section.info ul form .form-item-autocomplete {
        background-color: #FFFFFF !important;
        min-height: 36px;
        line-height: 36px;
        overflow: hidden;
        border: 1px solid #D0C9C3;
        border-radius: 4px;
        display: flex;
        flex-wrap: wrap; }
        section.user-editor section.info ul form .form-item-autocomplete input[type=text] {
          background-color: transparent;
          height: 24px;
          line-height: 24px;
          margin: 6px;
          border: 0;
          padding-left: 0;
          width: inherit;
          flex: 1; }
          section.user-editor section.info ul form .form-item-autocomplete input[type=text]:focus {
            border: 0 !important;
            border-radius: 0; }
        section.user-editor section.info ul form .form-item-autocomplete span {
          background-color: #666 !important;
          font-size: 11px !important;
          color: #FFFFFF !important;
          padding-left: 12px !important;
          padding-right: 24px !important;
          border-radius: 12px;
          height: 24px !important;
          line-height: 24px !important; }
        section.user-editor section.info ul form .form-item-autocomplete.on {
          border-color: #5F5BFF;
          border-width: 1px;
          background-color: #FFFFFF; }
      section.user-editor section.info ul form .form-item-name input.form-item[type=text] {
        border: 1px solid #D0C9C3;
        border-radius: 4px; }
      section.user-editor section.info ul form .form-row-checkbox label.on {
        color: #666; }
    section.user-editor section.info li {
      height: auto; }
      section.user-editor section.info li.no-value {
        display: none; }
      section.user-editor section.info li cite:not(:empty) {
        font-size: 10px;
        color: #DB234B;
        font-style: normal;
        padding-left: 16px; }
      section.user-editor section.info li h4 {
        height: 20px;
        line-height: 20px;
        color: #666;
        font-weight: normal;
        padding-left: 24px; }
      section.user-editor section.info li h4.lock:after {
        font-size: 16px;
        height: inherit;
        color: #999;
        padding-left: 6px;
        content: ""; }
      section.user-editor section.info li.text h4 {
        background-color: white;
        position: absolute;
        left: 24px;
        padding-left: 4px;
        padding-right: 4px; }
      section.user-editor section.info li.text p {
        height: auto;
        line-height: 40px;
        font-size: 14px;
        font-weight: normal;
        color: #222;
        border: 1px solid #D0C9C3;
        border-radius: 4px;
        padding: 0 !important;
        margin: 10px 20px 8px 16px; }
        section.user-editor section.info li.text p.error {
          border: 1px solid #DB234B;
          margin-bottom: unset; }
          section.user-editor section.info li.text p.error::after {
            content: "";
            background-image: url(/images/widgets/ico-err-red.svg);
            width: 20px;
            height: 20px;
            right: 24px;
            top: 22px;
            z-index: 1;
            position: absolute;
            background-repeat: no-repeat;
            background-position: center; }
      section.user-editor section.info li input[type=text] {
        color: #222 !important;
        border: 0; }
      section.user-editor section.info li input[type=text]:valid {
        color: #222 !important; }
      section.user-editor section.info li input[type=text]:focus {
        border: 0; }
      section.user-editor section.info li img {
        max-width: 300px;
        cursor: pointer; }
      section.user-editor section.info li dl.btns {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap; }
        section.user-editor section.info li dl.btns dd {
          color: #5F5BFF;
          border: 1px solid #5F5BFF;
          border-radius: 4px;
          height: 24px;
          line-height: 24px;
          padding-left: 8px !important;
          padding-right: 8px;
          margin: 6px;
          margin-left: 0px;
          cursor: pointer;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 100%;
          overflow: hidden; }
        section.user-editor section.info li dl.btns dd:hover {
          background-color: #5F5BFF;
          color: white; }
        section.user-editor section.info li dl.btns dd.on {
          background-color: #666;
          color: white;
          border-color: #222; }
    section.user-editor section.info footer {
      background-color: white;
      border-top: 1px solid #D0C9C3; }
  section.user-editor section.editing-mode footer.info_footer {
    display: flex; }
  section.user-editor section.editing-mode li.no-value {
    display: block; }
  section.user-editor section.editing-mode .g-miniapp-data {
    display: none; }
  section.user-editor section.pop-inline.tags-btn {
    height: 48px;
    line-height: 48px; }
    section.user-editor section.pop-inline.tags-btn form {
      width: 200px;
      padding-top: 0;
      margin-left: 0;
      text-align: left;
      padding-left: 16px; }
      section.user-editor section.pop-inline.tags-btn form input {
        height: 24px;
        line-height: 24px;
        border-radius: 16px;
        width: 180px; }
      section.user-editor section.pop-inline.tags-btn form i.icon, section.user-editor section.pop-inline.tags-btn form i.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.pop-inline.tags-btn form .ui-indicator i#indicator:before, .ui-indicator section.user-editor section.pop-inline.tags-btn form i#indicator:before {
        top: 16px;
        height: 20px;
        line-height: 20px; }
    section.user-editor section.pop-inline.tags-btn.new-form i.icon.trash, section.user-editor section.pop-inline.tags-btn.new-form i.trash.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.pop-inline.tags-btn.new-form .ui-indicator i.trash#indicator:before, .ui-indicator section.user-editor section.pop-inline.tags-btn.new-form i.trash#indicator:before {
      display: none; }
  section.user-editor section.note-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
    background-color: white;
    border-left: 1px solid #D0C9C3;
    overflow-y: hidden; }
    section.user-editor section.note-wrapper section {
      position: relative; }
    section.user-editor section.note-wrapper h2.separator {
      text-align: center;
      justify-content: center;
      position: relative;
      height: 54px;
      margin-top: 20px;
      padding-bottom: 45px; }
      section.user-editor section.note-wrapper h2.separator:before {
        content: "";
        width: 80%;
        height: 1px;
        background: #D0C9C3;
        top: 50%;
        left: 50%;
        margin-left: -40%;
        position: absolute; }
      section.user-editor section.note-wrapper h2.separator:after {
        content: attr(txt);
        min-width: max-content;
        position: absolute;
        transform: translateX(-62%);
        padding-left: 20px;
        padding-right: 20px;
        height: 42px;
        line-height: 54px;
        background: #FFFFFF;
        top: -3px;
        z-index: 1;
        color: #D0C9C3; }
    section.user-editor section.note-wrapper dl.tags {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px;
      justify-content: center;
      justify-content: center;
      padding: 12px 16px;
      box-sizing: border-box; }
      section.user-editor section.note-wrapper dl.tags dd {
        height: 24px;
        line-height: 24px;
        border-radius: 12px;
        border: 1px solid #5F5BFF;
        margin: 4px;
        cursor: pointer; }
      section.user-editor section.note-wrapper dl.tags dd.tag, section.user-editor section.note-wrapper section.thumb-pane dl.tags dd, section.user-editor section.thumb-pane section.note-wrapper dl.tags dd {
        background-color: #5F5BFF;
        color: white;
        padding-left: 8px;
        padding-right: 8px; }
        section.user-editor section.note-wrapper dl.tags dd.tag span, section.user-editor section.note-wrapper section.thumb-pane dl.tags dd span, section.user-editor section.thumb-pane section.note-wrapper dl.tags dd span {
          color: #FFFFFF;
          font-size: 12px; }
        section.user-editor section.note-wrapper dl.tags dd.tag:hover, section.user-editor section.note-wrapper section.thumb-pane dl.tags dd:hover, section.user-editor section.thumb-pane section.note-wrapper dl.tags dd:hover {
          display: flex;
          flex-direction: row;
          align-items: center;
          max-width: max-content;
          flex-shrink: 0; }
          section.user-editor section.note-wrapper dl.tags dd.tag:hover b, section.user-editor section.note-wrapper section.thumb-pane dl.tags dd:hover b, section.user-editor section.thumb-pane section.note-wrapper dl.tags dd:hover b {
            width: 16px;
            height: 16px;
            display: block;
            background-size: 16px auto;
            background-position: center;
            margin-left: 4px;
            transition-duration: 0.2s;
            background-image: url(/images/widgets/ico-cross-rounded-w.svg); }
            section.user-editor section.note-wrapper dl.tags dd.tag:hover b:hover, section.user-editor section.note-wrapper section.thumb-pane dl.tags dd:hover b:hover, section.user-editor section.thumb-pane section.note-wrapper dl.tags dd:hover b:hover {
              transform: scale(1.2, 1.2); }
      section.user-editor section.note-wrapper dl.tags dd.new-btn {
        padding: 0;
        width: 24px;
        color: #5F5BFF;
        background-color: white;
        text-overflow: initial; }
        section.user-editor section.note-wrapper dl.tags dd.new-btn:before {
          content: "+";
          font-size: 20px;
          width: 22px;
          height: 24px;
          line-height: 24px;
          text-align: center; }
    section.user-editor section.note-wrapper .notes-pane {
      flex: 1;
      display: flex;
      flex-direction: column; }
    section.user-editor section.note-wrapper .notes-frame {
      flex: 1;
      display: flex;
      flex-direction: column;
      height: 82vh; }
      section.user-editor section.note-wrapper .notes-frame .notes-scroll {
        flex: 1; }
        section.user-editor section.note-wrapper .notes-frame .notes-scroll ul.notes li div.thumb {
          min-width: 32px;
          max-width: 136px; }
        section.user-editor section.note-wrapper .notes-frame .notes-scroll ul.notes li div.tooltip:hover::after {
          overflow: auto;
          text-overflow: ellipsis;
          padding: 2px 4px;
          max-width: 59px !important;
          min-width: 8px !important;
          white-space: nowrap; }
        section.user-editor section.note-wrapper .notes-frame .notes-scroll ul.notes li div.body dt {
          margin-right: 5px;
          width: 100%; }
      section.user-editor section.note-wrapper .notes-frame header {
        display: none; }
      section.user-editor section.note-wrapper .notes-frame .CodeMirror-scroll {
        overflow-y: auto !important; }
      section.user-editor section.note-wrapper .notes-frame .editor-toolbar {
        border: 0;
        border-top: 1px solid #D0C9C3; }
      section.user-editor section.note-wrapper .notes-frame .notes-form .CodeMirror {
        border-bottom: 0;
        min-height: 120px;
        height: 120px; }
      section.user-editor section.note-wrapper .notes-frame .notes-form .editor-statusbar {
        display: none; }
      section.user-editor section.note-wrapper .notes-frame .notes {
        padding: 20px 10px 8px 10px;
        padding-top: 0; }
        section.user-editor section.note-wrapper .notes-frame .notes li {
          padding: 12px 8px 0 8px; }
        section.user-editor section.note-wrapper .notes-frame .notes .body {
          background-color: #F8F6F5;
          border-radius: 4px;
          transition: all .3s;
          word-wrap: break-word;
          width: 80%;
          position: relative; }
          section.user-editor section.note-wrapper .notes-frame .notes .body dl {
            padding: 8px 8px 0 20px;
            display: none; }
          section.user-editor section.note-wrapper .notes-frame .notes .body p.markdown {
            padding: 4px 12px 8px 20px;
            font-size: 13px; }
            section.user-editor section.note-wrapper .notes-frame .notes .body p.markdown u {
              margin-left: 0;
              color: #222;
              font-weight: bold;
              background-color: transparent;
              padding-left: 0;
              padding-right: 0;
              font-size: 12px; }
          section.user-editor section.note-wrapper .notes-frame .notes .body .replies {
            margin-left: 16px; }
            section.user-editor section.note-wrapper .notes-frame .notes .body .replies dl {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              padding-top: 0;
              padding-right: 0;
              padding-left: 10px; }
              section.user-editor section.note-wrapper .notes-frame .notes .body .replies dl dt {
                width: fit-content;
                max-width: 66px; }
              @media (min-width: 1388px) {
                section.user-editor section.note-wrapper .notes-frame .notes .body .replies dl dt {
                  max-width: 112px; } }
              section.user-editor section.note-wrapper .notes-frame .notes .body .replies dl dd.btns {
                margin-right: 0;
                justify-content: flex-start;
                position: absolute;
                top: 0;
                right: -16px; }
            section.user-editor section.note-wrapper .notes-frame .notes .body .replies div.thumbs s.tooltip:hover::after {
              overflow: auto;
              text-overflow: ellipsis;
              padding: 2px 4px;
              max-width: 56px !important;
              min-width: 8px;
              white-space: nowrap; }
            section.user-editor section.note-wrapper .notes-frame .notes .body .replies .thumb {
              top: 8px;
              height: 24px;
              min-width: 24px !important;
              line-height: 24px;
              margin-right: 0; }
            section.user-editor section.note-wrapper .notes-frame .notes .body .replies li {
              padding-top: 0;
              box-sizing: border-box;
              border-top: 1px dashed #D0C9C3;
              padding-top: 8px;
              padding-right: 0;
              padding-left: 0; }
              section.user-editor section.note-wrapper .notes-frame .notes .body .replies li .body.reply {
                max-width: 180px;
                position: relative; }
                section.user-editor section.note-wrapper .notes-frame .notes .body .replies li .body.reply p.markdown {
                  padding-left: 12px; }
          section.user-editor section.note-wrapper .notes-frame .notes .body:hover dl {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            section.user-editor section.note-wrapper .notes-frame .notes .body:hover dl dt {
              overflow: auto;
              width: fit-content;
              max-width: 66px; }
            @media (min-width: 1388px) {
              section.user-editor section.note-wrapper .notes-frame .notes .body:hover dl dt {
                max-width: 112px; } }
            section.user-editor section.note-wrapper .notes-frame .notes .body:hover dl dd.btns {
              margin-right: 0;
              margin-left: 8px;
              position: absolute;
              top: 8px;
              right: 8px; }
          section.user-editor section.note-wrapper .notes-frame .notes .body:hover .replies dl dd.btns {
            margin-left: 0;
            top: 0;
            right: -16px; }
  section.user-editor section.chats .simulator > section ul#chats {
    padding-top: 0; }
  section.user-editor section.chats div.stamps-pane {
    position: absolute;
    bottom: 52px;
    left: 5px;
    height: 418px;
    width: 340px;
    z-index: 99;
    background-color: #d0c9c3;
    padding: 16px;
    border-radius: 12px;
    overflow-y: scroll;
    margin: auto; }
    section.user-editor section.chats div.stamps-pane dl {
      justify-content: center; }
  section.user-editor section.chats footer {
    width: 100%;
    height: auto !important;
    padding: 0;
    min-height: 48px;
    line-height: 48px;
    align-items: center !important;
    padding-top: 6px;
    align-items: end; }
    section.user-editor section.chats footer.simulator-footer {
      display: flex;
      padding: 6px; }
      section.user-editor section.chats footer.simulator-footer button {
        height: 36px;
        line-height: 36px; }
      section.user-editor section.chats footer.simulator-footer button.tooltip.icon.send:hover:after, section.user-editor section.chats footer.simulator-footer div.alt-type b.icon.face.tooltip:hover:after {
        left: auto;
        right: 0; }
      section.user-editor section.chats footer.simulator-footer .form-item-autocomplete {
        background: #FFFFFF;
        width: 240px; }
        section.user-editor section.chats footer.simulator-footer .form-item-autocomplete span {
          margin: 2px 6px; }
        section.user-editor section.chats footer.simulator-footer .form-item-autocomplete input[type=text] {
          background: #FFFFFF;
          border: none; }
        section.user-editor section.chats footer.simulator-footer .form-item-autocomplete span + input.autocomplete {
          opacity: 0; }
      section.user-editor section.chats footer.simulator-footer b.face {
        display: none; }
      section.user-editor section.chats footer.simulator-footer .alt-type {
        display: none; }
      section.user-editor section.chats footer.simulator-footer.send-type-text .type-text {
        display: flex;
        flex: 1;
        position: relative; }
        section.user-editor section.chats footer.simulator-footer.send-type-text .type-text textarea {
          background-color: transparent;
          width: 100%;
          height: 100%;
          min-height: 42px;
          overflow-y: auto;
          max-height: 300px;
          padding: 9px;
          padding-right: 20px; }
        section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.face {
          position: absolute;
          right: 0;
          top: 50%;
          width: 24px;
          height: 24px;
          line-height: 24px;
          margin-top: -12px;
          display: block; }
        section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before {
          content: ""; }
        section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.icon.face.tooltip:hover::after {
          left: initial !important;
          transform: translateX(0px) !important;
          top: -30px; }
      section.user-editor section.chats footer.simulator-footer.send-type-act .type-act {
        display: flex;
        height: 42px;
        min-height: 42px;
        min-width: 240px;
        flex: 1; }
        section.user-editor section.chats footer.simulator-footer.send-type-act .type-act .edit {
          position: absolute;
          right: 20px;
          color: var(--a1); }
      section.user-editor section.chats footer.simulator-footer.send-type-image .type-image {
        display: flex;
        flex: 1;
        background-color: #F8F6F5;
        cursor: pointer;
        border-radius: 4px;
        min-width: 240px;
        height: 42px;
        min-height: 42px;
        transition-duration: 0.4s;
        box-shadow: none; }
        section.user-editor section.chats footer.simulator-footer.send-type-image .type-image:before {
          content: attr(hint);
          display: flex;
          position: absolute;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          text-align: center;
          font-size: 14px; }
        section.user-editor section.chats footer.simulator-footer.send-type-image .type-image:hover {
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
          section.user-editor section.chats footer.simulator-footer.send-type-image .type-image:hover:before {
            color: #222; }
        section.user-editor section.chats footer.simulator-footer.send-type-image .type-image input {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          cursor: inherit; }
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps {
        display: flex;
        flex: 1;
        background-color: #F8F6F5;
        cursor: pointer;
        border-radius: 4px;
        min-width: 240px;
        height: 42px;
        min-height: 42px;
        transition-duration: 0.4s;
        box-shadow: none; }
        section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps button {
          color: #666;
          height: 42px;
          width: 100%;
          background-color: transparent;
          padding-left: 0; }
        section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps:hover {
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
          section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps:hover:before {
            color: #222; }
          section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps:hover button {
            color: #222; }
      section.user-editor section.chats footer.simulator-footer dl dd {
        margin: 0 !important;
        margin-right: 4px !important; }
      section.user-editor section.chats footer.simulator-footer .icon.tooltip, section.user-editor section.chats footer.simulator-footer .tooltip.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.on, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.on, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.sortable, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.sortable, section.user-editor section.chats footer.simulator-footer .ui-indicator .tooltip#indicator:before, .ui-indicator section.user-editor section.chats footer.simulator-footer .tooltip#indicator:before, section.user-editor section.chats footer.simulator-footer .search-bar div.tooltip.queries, .search-bar section.user-editor section.chats footer.simulator-footer div.tooltip.queries, section.user-editor section.chats footer.simulator-footer .simulator > header dd.tooltip, .simulator > header section.user-editor section.chats footer.simulator-footer dd.tooltip, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li.tooltip, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li.tooltip, section.user-editor section.chats footer.simulator-footer .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer b.tooltip:before, section.user-editor section.chats footer.simulator-footer .bot-editor section.actions li h5.tooltip, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5.tooltip, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.tooltip.new, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.tooltip.new, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.tooltip.new, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.tooltip.new, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.tooltip.schedule, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.tooltip.schedule, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.tooltip.item.new, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.tooltip.item.new, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer u.tooltip, section.user-editor section.chats footer.simulator-footer section.info header.tooltip, section.user-editor section.info section.chats footer.simulator-footer header.tooltip, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tooltip:before {
        display: block;
        width: 20px;
        height: 20px;
        margin: 4px 4px;
        cursor: pointer;
        padding-left: 0;
        padding-right: 0;
        transition-duration: 0.3s; }
      section.user-editor section.chats footer.simulator-footer .icon.tooltip:before, section.user-editor section.chats footer.simulator-footer .tooltip.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.on:before, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.on:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.sortable:before, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.sortable:before, section.user-editor section.chats footer.simulator-footer .ui-indicator .tooltip#indicator:before, .ui-indicator section.user-editor section.chats footer.simulator-footer .tooltip#indicator:before, section.user-editor section.chats footer.simulator-footer .search-bar div.tooltip.queries:before, .search-bar section.user-editor section.chats footer.simulator-footer div.tooltip.queries:before, section.user-editor section.chats footer.simulator-footer .simulator > header dd.tooltip:before, .simulator > header section.user-editor section.chats footer.simulator-footer dd.tooltip:before, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li.tooltip:before, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li.tooltip:before, section.user-editor section.chats footer.simulator-footer .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer b.tooltip:before, section.user-editor section.chats footer.simulator-footer .bot-editor section.actions li h5.tooltip:before, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5.tooltip:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.tooltip.new:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.tooltip.new:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.tooltip.new:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.tooltip.new:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.tooltip.schedule:before, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.tooltip.schedule:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.tooltip.item.new:before, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.tooltip.item.new:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:before, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer u.tooltip:before, section.user-editor section.chats footer.simulator-footer section.info header.tooltip:before, section.user-editor section.info section.chats footer.simulator-footer header.tooltip:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tooltip:before {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        color: #5F5BFF;
        width: 20px;
        text-align: center; }
      section.user-editor section.chats footer.simulator-footer .icon.tooltip:hover, section.user-editor section.chats footer.simulator-footer .tooltip.form-item-autocomplete.loading-autocomplete:hover:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.on:hover, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.on:hover, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.sortable:hover, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.sortable:hover, section.user-editor section.chats footer.simulator-footer .ui-indicator .tooltip#indicator:hover:before, .ui-indicator section.user-editor section.chats footer.simulator-footer .tooltip#indicator:hover:before, section.user-editor section.chats footer.simulator-footer .search-bar div.tooltip.queries:hover, .search-bar section.user-editor section.chats footer.simulator-footer div.tooltip.queries:hover, section.user-editor section.chats footer.simulator-footer .simulator > header dd.tooltip:hover, .simulator > header section.user-editor section.chats footer.simulator-footer dd.tooltip:hover, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li.tooltip:hover, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li.tooltip:hover, section.user-editor section.chats footer.simulator-footer .chat_list_view #simulator footer.send-type-text .type-text b.tooltip:hover:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer b.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor section.actions li h5.tooltip:hover, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5.tooltip:hover, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.tooltip.new:hover, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.tooltip.new:hover, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.tooltip.new:hover, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.tooltip.new:hover, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.tooltip.schedule:hover, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.tooltip.schedule:hover, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.tooltip.item.new:hover, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.tooltip.item.new:hover, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:hover, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer u.tooltip:hover, section.user-editor section.chats footer.simulator-footer section.info header.tooltip:hover, section.user-editor section.info section.chats footer.simulator-footer header.tooltip:hover, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tooltip:hover:before {
        transform: scale(1.2, 1.2); }
      section.user-editor section.chats footer.simulator-footer .icon:hover:before, section.user-editor section.chats footer.simulator-footer .form-item-autocomplete.loading-autocomplete:hover:before, section.user-editor section.chats footer.simulator-footer table.list-view th.on:hover:before, table.list-view section.user-editor section.chats footer.simulator-footer th.on:hover:before, section.user-editor section.chats footer.simulator-footer table.list-view th.sortable:hover:before, table.list-view section.user-editor section.chats footer.simulator-footer th.sortable:hover:before, section.user-editor section.chats footer.simulator-footer .ui-indicator #indicator:hover:before, .ui-indicator section.user-editor section.chats footer.simulator-footer #indicator:hover:before, section.user-editor section.chats footer.simulator-footer .search-bar div.queries:hover:before, .search-bar section.user-editor section.chats footer.simulator-footer div.queries:hover:before, section.user-editor section.chats footer.simulator-footer .simulator > header dd:hover:before, .simulator > header section.user-editor section.chats footer.simulator-footer dd:hover:before, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li:hover:before, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li:hover:before, section.user-editor section.chats footer.simulator-footer .chat_list_view #simulator footer.send-type-text .type-text b:hover:before, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer b:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor section.actions li h5:hover:before, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.new:hover:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.new:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.new:hover:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.new:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.schedule:hover:before, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.schedule:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.item.new:hover:before, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.item.new:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.react-btns label.colors:hover u:hover:before, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer u:hover:before, section.user-editor section.chats footer.simulator-footer section.info header:hover:before, section.user-editor section.info section.chats footer.simulator-footer header:hover:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:hover:before {
        color: #3A3AB5; }
      section.user-editor section.chats footer.simulator-footer .icon.tooltip:after, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.on:after, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.on:after, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.sortable:after, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.sortable:after, section.user-editor section.chats footer.simulator-footer .search-bar div.tooltip.queries:after, .search-bar section.user-editor section.chats footer.simulator-footer div.tooltip.queries:after, section.user-editor section.chats footer.simulator-footer .simulator > header dd.tooltip:after, .simulator > header section.user-editor section.chats footer.simulator-footer dd.tooltip:after, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li.tooltip:after, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li.tooltip:after, section.user-editor section.chats footer.simulator-footer .bot-editor section.actions li h5.tooltip:after, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5.tooltip:after, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.tooltip.new:after, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.tooltip.new:after, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.tooltip.new:after, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.tooltip.new:after, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.tooltip.schedule:after, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.tooltip.schedule:after, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.tooltip.item.new:after, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.tooltip.item.new:after, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.react-btns label.colors:hover u.tooltip:after, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer u.tooltip:after, section.user-editor section.chats footer.simulator-footer section.info header.tooltip:after, section.user-editor section.info section.chats footer.simulator-footer header.tooltip:after {
        top: -32px;
        z-index: 100; }
      section.user-editor section.chats footer.simulator-footer.send-type-text .icon.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .text.form-item-autocomplete.loading-autocomplete:before, section.user-editor section.chats footer.simulator-footer.send-type-text table.list-view th.text.on:before, table.list-view section.user-editor section.chats footer.simulator-footer.send-type-text th.text.on:before, section.user-editor section.chats footer.simulator-footer.send-type-text table.list-view th.text.sortable:before, table.list-view section.user-editor section.chats footer.simulator-footer.send-type-text th.text.sortable:before, section.user-editor section.chats footer.simulator-footer.send-type-text .ui-indicator .text#indicator:before, .ui-indicator section.user-editor section.chats footer.simulator-footer.send-type-text .text#indicator:before, section.user-editor section.chats footer.simulator-footer.send-type-text .search-bar div.text.queries:before, .search-bar section.user-editor section.chats footer.simulator-footer.send-type-text div.text.queries:before, section.user-editor section.chats footer.simulator-footer.send-type-text .simulator > header dd.text:before, .simulator > header section.user-editor section.chats footer.simulator-footer.send-type-text dd.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .p3-layout .menu-pane li.text:before, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer.send-type-text li.text:before, section.user-editor section.chats .chat_list_view #simulator footer.simulator-footer.send-type-text .type-text b.text:before, .chat_list_view #simulator section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor section.actions li h5.text:before, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer.send-type-text h5.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor ul.nodes > li > div span.text.new:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-text span.text.new:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor ul.nodes > li > div label.text.new:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-text label.text.new:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor ul.nodes div.text.schedule:before, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer.send-type-text div.text.schedule:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor ul.nodes ol.card li.text.item.new:before, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer.send-type-text li.text.item.new:before, section.user-editor section.chats footer.simulator-footer.send-type-text .bot-editor ul.nodes div.react-btns label.colors:hover u.text:before, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer.send-type-text u.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text section.info header.text:before, section.user-editor section.info section.chats footer.simulator-footer.send-type-text header.text:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.text:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .icon.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .image.form-item-autocomplete.loading-autocomplete:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image table.list-view th.image.on:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-image th.image.on:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image table.list-view th.image.sortable:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-image th.image.sortable:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .ui-indicator .image#indicator:before,
      .ui-indicator section.user-editor section.chats footer.simulator-footer.send-type-image .image#indicator:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .search-bar div.image.queries:before,
      .search-bar section.user-editor section.chats footer.simulator-footer.send-type-image div.image.queries:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .simulator > header dd.image:before,
      .simulator > header section.user-editor section.chats footer.simulator-footer.send-type-image dd.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .p3-layout .menu-pane li.image:before,
      .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer.send-type-image li.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .chat_list_view #simulator footer.send-type-text .type-text b.image:before,
      .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer.send-type-image b.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor section.actions li h5.image:before,
      .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer.send-type-image h5.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor ul.nodes > li > div span.image.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-image span.image.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor ul.nodes > li > div label.image.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-image label.image.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor ul.nodes div.image.schedule:before,
      .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer.send-type-image div.image.schedule:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor ul.nodes ol.card li.image.item.new:before,
      .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer.send-type-image li.image.item.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image .bot-editor ul.nodes div.react-btns label.colors:hover u.image:before,
      .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer.send-type-image u.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image section.info header.image:before,
      section.user-editor section.info section.chats footer.simulator-footer.send-type-image header.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-image footer.simulator-footer.send-type-text .type-text b.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-text .type-text footer.simulator-footer.send-type-image b.image:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .icon.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .act.form-item-autocomplete.loading-autocomplete:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act table.list-view th.act.on:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-act th.act.on:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act table.list-view th.act.sortable:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-act th.act.sortable:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .ui-indicator .act#indicator:before,
      .ui-indicator section.user-editor section.chats footer.simulator-footer.send-type-act .act#indicator:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .search-bar div.act.queries:before,
      .search-bar section.user-editor section.chats footer.simulator-footer.send-type-act div.act.queries:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .simulator > header dd.act:before,
      .simulator > header section.user-editor section.chats footer.simulator-footer.send-type-act dd.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .p3-layout .menu-pane li.act:before,
      .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer.send-type-act li.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .chat_list_view #simulator footer.send-type-text .type-text b.act:before,
      .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer.send-type-act b.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor section.actions li h5.act:before,
      .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer.send-type-act h5.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor ul.nodes > li > div span.act.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-act span.act.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor ul.nodes > li > div label.act.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-act label.act.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor ul.nodes div.act.schedule:before,
      .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer.send-type-act div.act.schedule:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor ul.nodes ol.card li.act.item.new:before,
      .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer.send-type-act li.act.item.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act .bot-editor ul.nodes div.react-btns label.colors:hover u.act:before,
      .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer.send-type-act u.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act section.info header.act:before,
      section.user-editor section.info section.chats footer.simulator-footer.send-type-act header.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-act footer.simulator-footer.send-type-text .type-text b.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-text .type-text footer.simulator-footer.send-type-act b.act:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .icon.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .stamps.form-item-autocomplete.loading-autocomplete:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps table.list-view th.stamps.on:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-stamps th.stamps.on:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps table.list-view th.stamps.sortable:before,
      table.list-view section.user-editor section.chats footer.simulator-footer.send-type-stamps th.stamps.sortable:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .ui-indicator .stamps#indicator:before,
      .ui-indicator section.user-editor section.chats footer.simulator-footer.send-type-stamps .stamps#indicator:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .search-bar div.stamps.queries:before,
      .search-bar section.user-editor section.chats footer.simulator-footer.send-type-stamps div.stamps.queries:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .simulator > header dd.stamps:before,
      .simulator > header section.user-editor section.chats footer.simulator-footer.send-type-stamps dd.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .p3-layout .menu-pane li.stamps:before,
      .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer.send-type-stamps li.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .chat_list_view #simulator footer.send-type-text .type-text b.stamps:before,
      .chat_list_view #simulator footer.send-type-text .type-text section.user-editor section.chats footer.simulator-footer.send-type-stamps b.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor section.actions li h5.stamps:before,
      .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer.send-type-stamps h5.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor ul.nodes > li > div span.stamps.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-stamps span.stamps.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor ul.nodes > li > div label.stamps.new:before,
      .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer.send-type-stamps label.stamps.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor ul.nodes div.stamps.schedule:before,
      .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer.send-type-stamps div.stamps.schedule:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor ul.nodes ol.card li.stamps.item.new:before,
      .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer.send-type-stamps li.stamps.item.new:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps .bot-editor ul.nodes div.react-btns label.colors:hover u.stamps:before,
      .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor section.chats footer.simulator-footer.send-type-stamps u.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps section.info header.stamps:before,
      section.user-editor section.info section.chats footer.simulator-footer.send-type-stamps header.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-stamps footer.simulator-footer.send-type-text .type-text b.stamps:before,
      section.user-editor section.chats footer.simulator-footer.send-type-text .type-text footer.simulator-footer.send-type-stamps b.stamps:before {
        border-bottom: 2px solid #3A3AB5; }
    section.user-editor section.chats footer button {
      border: 0;
      background: transparent;
      margin-left: 0px;
      padding-left: 6px; }
    section.user-editor section.chats footer button:before {
      line-height: 32px;
      left: -10px;
      transform: translate(0); }
  section.user-editor section.chats .emoji-pane {
    width: 360px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    margin-left: -10px; }
  section.user-editor .loading {
    font-size: 24px !important;
    line-height: 100px !important;
    color: #222;
    text-align: center; }
  section.user-editor > .icon.close, section.user-editor > .close.form-item-autocomplete.loading-autocomplete:before, table.list-view section.user-editor > th.close.on, table.list-view section.user-editor > th.close.sortable, .ui-indicator section.user-editor > .close#indicator:before, .search-bar section.user-editor > div.close.queries, .simulator > header section.user-editor > dd.close, .p3-layout .menu-pane section.user-editor > li.close, .chat_list_view #simulator footer.send-type-text .type-text section.user-editor > b.close:before, .bot-editor section.actions li section.user-editor > h5.close, .bot-editor ul.nodes > li > div section.user-editor > span.close.new, .bot-editor ul.nodes > li > div section.user-editor > label.close.new, .bot-editor ul.nodes section.user-editor > div.close.schedule, .bot-editor ul.nodes ol.card section.user-editor > li.close.item.new, .bot-editor ul.nodes div.react-btns label.colors:hover section.user-editor > u.close, section.user-editor section.info section.user-editor > header.close, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text section.user-editor > b.close:before {
    z-index: 9999; }

section.user-editor.add {
  width: 560px !important; }
  section.user-editor.add section.chats {
    display: none; }

.swipe-list .search-bar {
  justify-content: flex-start; }
  .swipe-list .search-bar .ui-dropdown {
    margin-right: 8px; }

.swipe-list .list-item-image {
  background-size: cover;
  background-color: #F6F4F3;
  width: 80px;
  max-width: 80px;
  background-position: center center; }

.swipe-list .list-item-title {
  width: 240px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis; }

.swipe-list .list-item-desc {
  width: 240px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis; }

.user-miniapp-details {
  overflow: hidden; }
  .user-miniapp-details .user-miniapp-detail {
    display: flex;
    height: 80vh; }
    .user-miniapp-details .user-miniapp-detail .view-list {
      height: 100%;
      overflow-y: auto; }
    .user-miniapp-details .user-miniapp-detail .center-pane .miniapp-datas {
      overflow-y: auto;
      height: calc(100% - 60px); }
      .user-miniapp-details .user-miniapp-detail .center-pane .miniapp-datas form span {
        height: 32px;
        line-height: 32px; }
      .user-miniapp-details .user-miniapp-detail .center-pane .miniapp-datas form img {
        max-width: 50%; }

.miniapp-datas-pdf {
  width: 780px; }
  .miniapp-datas-pdf .miniapp-datas {
    height: auto; }
    .miniapp-datas-pdf .miniapp-datas form span {
      height: 32px;
      line-height: 32px; }
    .miniapp-datas-pdf .miniapp-datas form img {
      max-width: 50%; }

.miniapp-history-list .histories {
  height: 80vh;
  width: 100%;
  overflow: auto; }
  .miniapp-history-list .histories .image {
    background-size: contain;
    background-position: center; }
  .miniapp-history-list .histories .list-view td {
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    max-width: 180px;
    padding-right: 12px;
    padding-left: 6px; }

.migration-map-popup .data-migration-setting {
  display: flex;
  flex-direction: row;
  padding: 4px 40px;
  justify-content: space-around; }
  .migration-map-popup .data-migration-setting .bot-select,
  .migration-map-popup .data-migration-setting .view-select {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex: 1; }
  .migration-map-popup .data-migration-setting .form-item-autocomplete {
    margin-top: 4px;
    height: 38px; }

.migration-map-popup .data-migration-map {
  height: 50vh;
  overflow-y: auto; }
  .migration-map-popup .data-migration-map li {
    display: flex;
    /* height: 44px; */
    padding: 6px 40px;
    justify-content: space-around; }
    .migration-map-popup .data-migration-map li > label {
      width: 240px;
      text-align: right;
      line-height: 32px; }
    .migration-map-popup .data-migration-map li .icon, .migration-map-popup .data-migration-map li .form-item-autocomplete.loading-autocomplete:before, .migration-map-popup .data-migration-map li table.list-view th.on, table.list-view .migration-map-popup .data-migration-map li th.on, .migration-map-popup .data-migration-map li table.list-view th.sortable, table.list-view .migration-map-popup .data-migration-map li th.sortable, .migration-map-popup .data-migration-map li .ui-indicator #indicator:before, .ui-indicator .migration-map-popup .data-migration-map li #indicator:before, .migration-map-popup .data-migration-map li .search-bar div.queries, .search-bar .migration-map-popup .data-migration-map li div.queries, .migration-map-popup .data-migration-map li .simulator > header dd, .simulator > header .migration-map-popup .data-migration-map li dd, .migration-map-popup .data-migration-map li .p3-layout .menu-pane li, .p3-layout .menu-pane .migration-map-popup .data-migration-map li li, .migration-map-popup .data-migration-map li .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .migration-map-popup .data-migration-map li b:before, .migration-map-popup .data-migration-map .bot-editor section.actions li h5, .bot-editor section.actions .migration-map-popup .data-migration-map li h5, .migration-map-popup .data-migration-map .bot-editor ul.nodes > li > div span.new, .bot-editor .migration-map-popup .data-migration-map ul.nodes > li > div span.new, .migration-map-popup .data-migration-map .bot-editor ul.nodes > li > div label.new, .bot-editor .migration-map-popup .data-migration-map ul.nodes > li > div label.new, .migration-map-popup .data-migration-map li .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .migration-map-popup .data-migration-map li div.schedule, .migration-map-popup .data-migration-map li .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .migration-map-popup .data-migration-map li li.item.new, .migration-map-popup .data-migration-map li .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .migration-map-popup .data-migration-map li u, .migration-map-popup .data-migration-map li section.user-editor section.info header, section.user-editor section.info .migration-map-popup .data-migration-map li header, .migration-map-popup .data-migration-map li section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .migration-map-popup .data-migration-map li b:before {
      top: 12px; }

.popup.expansion-image {
  width: fit-content;
  height: fit-content; }
  .popup.expansion-image img {
    max-height: 80vh;
    max-width: 100%;
    vertical-align: top; }

.popup.user-cd-popup .content {
  display: flex;
  padding: 24px; }
  .popup.user-cd-popup .content h4 {
    width: 90px;
    flex: 0 0 auto; }
  .popup.user-cd-popup .content input {
    flex: 1; }

.popover.white.columns-editor, section.white.columns-editor.pop-inline, section.columns-editor.pop-inline.dict-editor, section.popover.columns-editor.dict-editor {
  width: auto; }
  .popover.white.columns-editor:after, section.white.columns-editor.pop-inline:after, section.columns-editor.pop-inline.dict-editor:after, section.popover.columns-editor.dict-editor:after {
    border-bottom-color: transparent !important; }
  .popover.white.columns-editor header, section.white.columns-editor.pop-inline header, section.columns-editor.pop-inline.dict-editor header, section.popover.columns-editor.dict-editor header {
    height: 80px; }
    .popover.white.columns-editor header h2, section.white.columns-editor.pop-inline header h2, section.columns-editor.pop-inline.dict-editor header h2, section.popover.columns-editor.dict-editor header h2 {
      height: 20px;
      line-height: 28px;
      padding-top: 12px;
      padding-bottom: 0px;
      box-sizing: content-box; }
    .popover.white.columns-editor header nav, section.white.columns-editor.pop-inline header nav, section.columns-editor.pop-inline.dict-editor header nav, section.popover.columns-editor.dict-editor header nav {
      height: 48px;
      line-height: 48px;
      align-items: center;
      overflow-x: auto;
      max-width: 480px; }
    .popover.white.columns-editor header label, section.white.columns-editor.pop-inline header label, section.columns-editor.pop-inline.dict-editor header label, section.popover.columns-editor.dict-editor header label {
      width: auto;
      box-sizing: border-box;
      height: 24px;
      line-height: 24px;
      padding-left: 12px;
      padding-right: 12px;
      white-space: nowrap;
      cursor: pointer;
      border-radius: 4px; }
      .popover.white.columns-editor header label.on, section.white.columns-editor.pop-inline header label.on, section.columns-editor.pop-inline.dict-editor header label.on, section.popover.columns-editor.dict-editor header label.on {
        background-color: #5F5BFF;
        color: #FFFFFF; }
      .popover.white.columns-editor header label:hover, section.white.columns-editor.pop-inline header label:hover, section.columns-editor.pop-inline.dict-editor header label:hover, section.popover.columns-editor.dict-editor header label:hover {
        background-color: #666;
        color: #FFFFFF; }
    .popover.white.columns-editor header nav[tab="cols"] [tab="cols"], section.white.columns-editor.pop-inline header nav[tab="cols"] [tab="cols"], section.columns-editor.pop-inline.dict-editor header nav[tab="cols"] [tab="cols"], section.popover.columns-editor.dict-editor header nav[tab="cols"] [tab="cols"] {
      background-color: #5F5BFF;
      color: #FFFFFF; }
    .popover.white.columns-editor header label[tab="cols"].active, section.white.columns-editor.pop-inline header label[tab="cols"].active, section.columns-editor.pop-inline.dict-editor header label[tab="cols"].active, section.popover.columns-editor.dict-editor header label[tab="cols"].active {
      background-color: revert;
      color: #00D6C9; }
      .popover.white.columns-editor header label[tab="cols"].active:after, section.white.columns-editor.pop-inline header label[tab="cols"].active:after, section.columns-editor.pop-inline.dict-editor header label[tab="cols"].active:after, section.popover.columns-editor.dict-editor header label[tab="cols"].active:after {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00D6C9;
        display: block;
        margin: 0 auto; }
    .popover.white.columns-editor header nav[tab="tags"] [tab="tags"], section.white.columns-editor.pop-inline header nav[tab="tags"] [tab="tags"], section.columns-editor.pop-inline.dict-editor header nav[tab="tags"] [tab="tags"], section.popover.columns-editor.dict-editor header nav[tab="tags"] [tab="tags"] {
      background-color: #5F5BFF;
      color: #FFFFFF; }
    .popover.white.columns-editor header label[tab="tags"].active, section.white.columns-editor.pop-inline header label[tab="tags"].active, section.columns-editor.pop-inline.dict-editor header label[tab="tags"].active, section.popover.columns-editor.dict-editor header label[tab="tags"].active {
      background-color: revert;
      color: #00D6C9; }
      .popover.white.columns-editor header label[tab="tags"].active:after, section.white.columns-editor.pop-inline header label[tab="tags"].active:after, section.columns-editor.pop-inline.dict-editor header label[tab="tags"].active:after, section.popover.columns-editor.dict-editor header label[tab="tags"].active:after {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00D6C9;
        display: block;
        margin: 0 auto; }
    .popover.white.columns-editor header nav[tab="funcs"] [tab="funcs"], section.white.columns-editor.pop-inline header nav[tab="funcs"] [tab="funcs"], section.columns-editor.pop-inline.dict-editor header nav[tab="funcs"] [tab="funcs"], section.popover.columns-editor.dict-editor header nav[tab="funcs"] [tab="funcs"] {
      background-color: #5F5BFF;
      color: #FFFFFF; }
    .popover.white.columns-editor header label[tab="funcs"].active, section.white.columns-editor.pop-inline header label[tab="funcs"].active, section.columns-editor.pop-inline.dict-editor header label[tab="funcs"].active, section.popover.columns-editor.dict-editor header label[tab="funcs"].active {
      background-color: revert;
      color: #00D6C9; }
      .popover.white.columns-editor header label[tab="funcs"].active:after, section.white.columns-editor.pop-inline header label[tab="funcs"].active:after, section.columns-editor.pop-inline.dict-editor header label[tab="funcs"].active:after, section.popover.columns-editor.dict-editor header label[tab="funcs"].active:after {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00D6C9;
        display: block;
        margin: 0 auto; }
    .popover.white.columns-editor header nav[tab="cd"] [tab="cd"], section.white.columns-editor.pop-inline header nav[tab="cd"] [tab="cd"], section.columns-editor.pop-inline.dict-editor header nav[tab="cd"] [tab="cd"], section.popover.columns-editor.dict-editor header nav[tab="cd"] [tab="cd"] {
      background-color: #5F5BFF;
      color: #FFFFFF; }
    .popover.white.columns-editor header label[tab="cd"].active, section.white.columns-editor.pop-inline header label[tab="cd"].active, section.columns-editor.pop-inline.dict-editor header label[tab="cd"].active, section.popover.columns-editor.dict-editor header label[tab="cd"].active {
      background-color: revert;
      color: #00D6C9; }
      .popover.white.columns-editor header label[tab="cd"].active:after, section.white.columns-editor.pop-inline header label[tab="cd"].active:after, section.columns-editor.pop-inline.dict-editor header label[tab="cd"].active:after, section.popover.columns-editor.dict-editor header label[tab="cd"].active:after {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00D6C9;
        display: block;
        margin: 0 auto; }
    .popover.white.columns-editor header nav[tab="settings"] [tab="settings"], section.white.columns-editor.pop-inline header nav[tab="settings"] [tab="settings"], section.columns-editor.pop-inline.dict-editor header nav[tab="settings"] [tab="settings"], section.popover.columns-editor.dict-editor header nav[tab="settings"] [tab="settings"] {
      background-color: #5F5BFF;
      color: #FFFFFF; }
    .popover.white.columns-editor header label[tab="settings"].active, section.white.columns-editor.pop-inline header label[tab="settings"].active, section.columns-editor.pop-inline.dict-editor header label[tab="settings"].active, section.popover.columns-editor.dict-editor header label[tab="settings"].active {
      background-color: revert;
      color: #00D6C9; }
      .popover.white.columns-editor header label[tab="settings"].active:after, section.white.columns-editor.pop-inline header label[tab="settings"].active:after, section.columns-editor.pop-inline.dict-editor header label[tab="settings"].active:after, section.popover.columns-editor.dict-editor header label[tab="settings"].active:after {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00D6C9;
        display: block;
        margin: 0 auto; }
  .popover.white.columns-editor form, section.white.columns-editor.pop-inline form, section.columns-editor.pop-inline.dict-editor form, section.popover.columns-editor.dict-editor form {
    padding-top: 0; }
    .popover.white.columns-editor form li, section.white.columns-editor.pop-inline form li, section.columns-editor.pop-inline.dict-editor form li, section.popover.columns-editor.dict-editor form li {
      flex: 0 0 auto;
      height: max-content; }
      .popover.white.columns-editor form li.funcs-method, section.white.columns-editor.pop-inline form li.funcs-method, section.columns-editor.pop-inline.dict-editor form li.funcs-method, section.popover.columns-editor.dict-editor form li.funcs-method {
        border-bottom: 1px solid #D0C9C3; }
    .popover.white.columns-editor form h4, section.white.columns-editor.pop-inline form h4, section.columns-editor.pop-inline.dict-editor form h4, section.popover.columns-editor.dict-editor form h4 {
      height: auto;
      border-bottom: none;
      margin-right: .5rem;
      text-align: left !important;
      display: flex;
      align-items: center; }

section.cols-frame {
  overflow: hidden;
  height: 480px;
  overflow-y: auto;
  max-height: 50vh; }
  section.cols-frame div.sel-wrapper {
    display: flex;
    flex-direction: column;
    padding: 8px; }
  section.cols-frame label {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 0;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    white-space: nowrap; }
  section.cols-frame label.on {
    color: #666; }
  section.cols-frame label:hover {
    background: #F8F6F5; }
  section.cols-frame li[type=multiple] label.sel-option {
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden; }
  section.cols-frame dd[name=cols] {
    min-width: 180px;
    display: block !important; }
  section.cols-frame .form-row-checkbox {
    flex-direction: column !important; }
  section.cols-frame[check-tab=cols] {
    overflow: hidden; }
  section.cols-frame ul {
    padding-top: 0;
    max-height: 480px; }
    section.cols-frame ul li {
      overflow: hidden; }
    section.cols-frame ul dl {
      overflow: hidden; }
    section.cols-frame ul .space {
      background-color: #F8F6F5;
      margin-left: 8px;
      margin-right: 8px;
      max-width: 4px; }
    section.cols-frame ul .form-item-multiple {
      padding-top: 0; }
    section.cols-frame ul .form-item-cols,
    section.cols-frame ul .form-item-selected {
      overflow-y: auto;
      display: block;
      width: 160px !important;
      padding-right: 0 !important; }
    section.cols-frame ul .form-item-selected label.sel-option {
      display: none; }
    section.cols-frame ul .form-item-selected label.sel-option.on {
      display: inline-block; }
    section.cols-frame ul h4 {
      position: sticky;
      top: 2px;
      z-index: 1;
      font-size: 13px;
      border-bottom: 1px solid #D0C9C3;
      color: #222 !important;
      font-weight: bold !important;
      text-align: center !important;
      background-color: white; }
    section.cols-frame ul h3 {
      white-space: unset;
      word-break: break-all; }

.columns-selector label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
  overflow: hidden; }

.popup.columns-create-form form {
  padding: 2rem; }

section[tab=tags] section section.cols-frame {
  overflow-y: hidden; }

section.post-editor {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden; }
  section.post-editor section {
    flex: 1;
    display: block;
    height: 100%;
    overflow-y: auto; }
  section.post-editor div.seminar-checkbox {
    display: flex;
    justify-content: start;
    margin-left: 16px; }
  section.post-editor section.post-form-pane {
    width: 240px;
    max-width: 240px;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-direction: column;
    display: flex; }
    section.post-editor section.post-form-pane ul {
      flex: 1;
      padding-top: 16px;
      padding-bottom: 16px; }
    section.post-editor section.post-form-pane li div {
      width: 220px;
      height: 120px;
      background-size: 180px auto;
      background-position: center center;
      border: 10px solid #FFFFFF;
      border-left-width: 20px;
      border-right-width: 20px;
      cursor: pointer; }
    section.post-editor section.post-form-pane i.bookmark {
      bottom: 0;
      right: 0;
      color: white;
      z-index: 2; }
    section.post-editor section.post-form-pane li div.on {
      border-color: #5F5BFF; }
    section.post-editor section.post-form-pane input[type=text] {
      height: 40px;
      line-height: 40px;
      border: 0;
      outline: 0;
      margin-left: 0;
      margin-right: auto;
      width: 208px;
      padding-left: 16px;
      font-size: 14px;
      background-color: white;
      border: 1px solid #D0C9C3; }
    section.post-editor section.post-form-pane h4 {
      padding-left: 16px;
      height: 32px;
      line-height: 32px;
      margin-top: 12px; }
    section.post-editor section.post-form-pane div.radio {
      height: 32px;
      line-height: 32px;
      text-align: left;
      padding-left: 16px;
      display: flex;
      flex-direction: row;
      align-items: center; }
    section.post-editor section.post-form-pane select {
      width: 208px;
      height: 40px;
      line-height: 40px; }
    section.post-editor section.post-form-pane label {
      cursor: pointer;
      height: 32px;
      line-height: 32px;
      margin-left: 8px; }
    section.post-editor section.post-form-pane .form-item-autocomplete {
      margin-left: 16px;
      margin-right: 0;
      line-height: 40px; }
      section.post-editor section.post-form-pane .form-item-autocomplete input[type=text] {
        height: 32px;
        line-height: 32px;
        margin-top: 4px !important;
        margin-bottom: 0 !important;
        border: 0;
        min-width: 60px; }
    section.post-editor section.post-form-pane form {
      padding-top: 0; }
  section.post-editor section.post-edit-pane {
    /*max-width:50%;*/
    border-right: 2px solid #D0C9C3;
    position: relative; }
  section.post-editor div.CodeMirror.cm-s-monokai {
    height: 100%; }
    section.post-editor div.CodeMirror.cm-s-monokai * {
      text-align: left !important;
      font-size: 14px;
      white-space: pre-wrap; }
    section.post-editor div.CodeMirror.cm-s-monokai .CodeMirror-lines {
      padding-left: 16px; }
  section.post-editor .post-preview-pane h1 {
    font-weight: 600; }
  section.post-editor .post-preview-pane h2 {
    background-color: #F4F4F4;
    border-left: solid 3px #5F5CF6;
    margin-top: 4rem !important;
    margin-bottom: 3.5rem !important; }
  section.post-editor .post-preview-pane h3 {
    border-bottom: solid 1px #5F5CF6;
    margin-top: 4rem !important;
    margin-bottom: 3.5rem !important;
    font-weight: 600 !important; }
  section.post-editor .post-preview-pane ul li, section.post-editor .post-preview-pane ol li {
    display: list-item; }
  section.post-editor .post-preview-pane img {
    margin: 1.2rem 0 !important; }

.post_list_view button.publish {
  background: #00D6C9;
  color: white; }

.post_edit_view section.post-editor {
  height: calc( 100% - 60px); }

.weekly-calendar {
  max-height: 100%;
  position: relative; }
  .weekly-calendar header {
    font-size: inherit;
    line-height: initial !important;
    z-index: 0;
    position: relative !important;
    width: 100% !important; }
  .weekly-calendar header,
  .weekly-calendar section.headers {
    border-bottom: var(--border);
    display: flex;
    align-items: center;
    justify-content: center; }
  .weekly-calendar section.headers {
    border-bottom: none;
    position: relative !important;
    width: 100% !important; }
  .weekly-calendar .cols:not(.headers) {
    flex: 1;
    overflow-y: auto;
    display: flex; }
    .weekly-calendar .cols:not(.headers) dl dd {
      display: flex;
      align-items: center;
      justify-content: center; }
  .weekly-calendar dl {
    flex: 1;
    margin-left: 0; }
    .weekly-calendar dl dt {
      width: 100%; }
      .weekly-calendar dl dt h3 {
        margin-top: 0;
        margin-bottom: 0; }
      .weekly-calendar dl dt h6 {
        margin-top: 0;
        margin-bottom: 0; }
    .weekly-calendar dl dd {
      margin-left: 0;
      padding-right: var(--gap);
      min-height: 4rem;
      padding-right: 0;
      font-size: 1.2rem; }

.weekly-calendar {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  position: relative;
  border: var(--border);
  align-items: stretch; }
  .weekly-calendar header {
    padding: var(--gap);
    width: 100%;
    display: flex !important;
    flex-direction: row;
    padding: 0 10px; }
    .weekly-calendar header:before {
      background-image: none !important; }
    .weekly-calendar header h2 {
      text-align: center;
      color: var(--clrText);
      margin: 0 var(--gap);
      font-size: 1.6rem;
      font-weight: bold; }
    .weekly-calendar header b {
      display: block !important;
      width: 2.4rem !important;
      height: 2.4rem !important;
      background-position: center !important;
      background-size: contain !important;
      cursor: pointer !important; }
    .weekly-calendar header b.left {
      background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" transform="rotate(180 12 12)" fill="%23D0C9C3"/><path d="M14 17L9 12L14 7" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      margin-right: auto !important; }
    .weekly-calendar header b.right {
      background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23D0C9C3"/><path d="M10 7L15 12L10 17" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      margin-left: auto !important; }
    .weekly-calendar header p {
      font-size: 12px;
      opacity: 0.7;
      padding: 0;
      text-align: center; }
    .weekly-calendar header span {
      display: none; }
  .weekly-calendar section.cols {
    display: flex;
    flex-direction: row;
    width: 100%; }
  .weekly-calendar dl {
    display: flex;
    flex-direction: column;
    border-right: var(--border); }
    .weekly-calendar dl:last-child {
      border-right: 0; }
    .weekly-calendar dl.side {
      width: 100px; }
      .weekly-calendar dl.side dd {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: right !important; }
    .weekly-calendar dl dt {
      height: 56px;
      display: flex;
      flex-direction: column;
      border-bottom: var(--border); }
      .weekly-calendar dl dt h6 {
        font-size: 12px;
        text-align: center;
        padding-top: 4px;
        color: var(--clrText); }
      .weekly-calendar dl dt h3 {
        font-size: 16px;
        text-align: center;
        padding-bottom: 4px;
        color: var(--clrText); }
      .weekly-calendar dl dt .today {
        color: var(--clrText); }
    .weekly-calendar dl dt.today h3,
    .weekly-calendar dl dt.today h6 {
      color: var(--clrTheme); }
    .weekly-calendar dl dt.wday-0 h6,
    .weekly-calendar dl dt.wday-6 h6 {
      color: var(--a4); }
    .weekly-calendar dl dd {
      border-bottom: var(--border);
      flex: 1 0 4rem;
      padding-right: 0; }
      .weekly-calendar dl dd:last-child {
        height: 44px;
        border-bottom: none; }
      .weekly-calendar dl dd.open {
        background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="none" stroke="%235F5BFF" stroke-width="2"/></svg>');
        background-size: 16px auto;
        background-position: center;
        cursor: pointer; }
      .weekly-calendar dl dd.full {
        background-color: var(--clrBg2); }
      .weekly-calendar dl dd.open:hover {
        transform: scale(1.2, 1.2) translate(-2px -2px);
        transition-duration: 0.2s;
        box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
        z-index: 1;
        border-bottom: 0; }
      .weekly-calendar dl dd.disabled {
        background-color: var(--clrBg3);
        background-image: url(/images/widgets/ico-circle-disabled.svg?v=1);
        background-size: 16px auto;
        background-position: center; }
  .weekly-calendar .btn-confirm {
    display: none; }

.component-opentime .weekly-calendar dl dd:not(.full), .comp-opentime .weekly-calendar dl dd:not(.full) {
  background-position-y: calc(50% + 8px);
  display: flex;
  flex-direction: column; }
  .component-opentime .weekly-calendar dl dd:not(.full)::after, .comp-opentime .weekly-calendar dl dd:not(.full)::after {
    content: "";
    margin-top: 1.4rem;
    display: block; }

.view-editor {
  margin-top: 0;
  margin-left: 0 !important;
  position: relative;
  background-color: #D8D8D8;
  /* The below is related to the .required .form-item-title above. Adds space before input for the red "required" star.*/ }
  .view-editor .container {
    background-color: #D8D8D8;
    padding: 24px;
    padding-bottom: 40rem; }
  .view-editor header {
    background-color: white;
    height: 60px;
    z-index: 1;
    width: 414px;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    justify-content: center; }
    .view-editor header:before {
      content: "";
      background-image: url(/images/favicon.png);
      width: 16px;
      height: 16px;
      left: 16px;
      top: 22px;
      position: absolute;
      background-size: 16px auto; }
    .view-editor header h2 {
      max-width: 340px;
      line-height: initial;
      overflow: hidden; }
    .view-editor header span {
      line-height: 12px;
      color: #D8D8D8;
      font-size: 12px; }
    .view-editor header.view-edit h2 {
      display: none; }
  .view-editor h4, .view-editor p, .view-editor label, .view-editor input[type=text], .view-editor span, .view-editor div {
    user-select: none; }
  .view-editor .hidden {
    display: none !important; }
  .view-editor .tag-h1 {
    font-weight: bold;
    color: #222;
    font-size: 22px; }
  .view-editor .tag-h2 {
    font-weight: bold;
    color: #222;
    font-size: 18px; }
  .view-editor .tag-h3 {
    font-weight: bold;
    color: #222;
    font-size: 14px; }
  .view-editor .tag-text {
    font-weight: bold;
    color: #666;
    font-size: inherit; }
  .view-editor img.qrcode {
    width: 180px;
    height: 180px;
    border: 0;
    margin: 10px; }
  .view-editor img.barcode {
    height: 140px;
    border: 0; }
  .view-editor p.loading {
    text-align: center;
    padding-top: 15vh; }
  .view-editor section.comp-hidden.preview {
    min-height: 20px; }
  .view-editor .evolany-only {
    visibility: hidden;
    position: absolute;
    z-index: -1; }
  .view-editor.evolany .evolany-only {
    visibility: visible !important;
    position: relative;
    z-index: 1; }
  .view-editor .comp.preview {
    position: relative;
    width: 414px;
    background-color: #F8F6F5; }
    .view-editor .comp.preview:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .view-editor .comp.preview ul {
      padding-bottom: 0 !important; }
    .view-editor .comp.preview li.form-item-desc.not-empty {
      display: block;
      padding-top: 0; }
      .view-editor .comp.preview li.form-item-desc.not-empty input[type=text] {
        color: #666;
        font-size: 12px;
        border-bottom: 0; }
    .view-editor .comp.preview li.form-item-multiple {
      padding-top: 0;
      padding-bottom: 0; }
    .view-editor .comp.preview dd.form-item-type,
    .view-editor .comp.preview li.form-item-desc,
    .view-editor .comp.preview li.form-item-name,
    .view-editor .comp.preview li.form-item-uval,
    .view-editor .comp.preview li.form-item-name_addr,
    .view-editor .comp.preview li.form-item-options,
    .view-editor .comp.preview li.form-item-cal_type,
    .view-editor .comp.preview li.form-item-src,
    .view-editor .comp.preview li.form-item-cms_key,
    .view-editor .comp.preview li.form-item-num_limit,
    .view-editor .comp.preview li.form-item-checkbox_limit,
    .view-editor .comp.preview li.form-item-items.form-row-text,
    .view-editor .comp.preview li.form-item-unit,
    .view-editor .comp.preview li.form-item-view,
    .view-editor .comp.preview li.form-item-vparams,
    .view-editor .comp.preview li.form-item-trans,
    .view-editor .comp.preview li.form-item-subtype,
    .view-editor .comp.preview li.form-item-default,
    .view-editor .comp.preview li.form-item-margin,
    .view-editor .comp.preview li.form-item-direction,
    .view-editor .comp.preview li.form-item-uri.trans-uri,
    .view-editor .comp.preview li.form-item-func.trans-func,
    .view-editor .comp.preview li.form-item-chat.trans-chat,
    .view-editor .comp.preview li.form-item-validate,
    .view-editor .comp.preview li.form-item-state_key,
    .view-editor .comp.preview li.form-item-placeholder,
    .view-editor .comp.preview li.form-row-opentime,
    .view-editor .comp.preview li.form-row-hidden,
    .view-editor .comp.preview li.src-upload,
    .view-editor .comp.preview li.src-url,
    .view-editor .comp.preview li.src-api,
    .view-editor .comp.preview li.src-pre,
    .view-editor .comp.preview li[name^='opts.'],
    .view-editor .comp.preview li.opentime-ext-btn {
      display: none; }
    .view-editor .comp.preview li.form-item-default[type='switch'] {
      display: block; }
      .view-editor .comp.preview li.form-item-default[type='switch'] h4 {
        display: none; }
    .view-editor .comp.preview.comp-game li {
      padding: 0; }
      .view-editor .comp.preview.comp-game li > *:not(.preview) {
        display: none; }
    .view-editor .comp.preview.comp-qrcode li > *:not(.component-qrcode) {
      display: none; }
    .view-editor .comp.preview li.form-item-placeholder.tp-search, .view-editor .comp.preview li.form-item-placeholder.form-row-text, .view-editor .comp.preview li.form-item-placeholder.form-row-textarea {
      display: block; }
    .view-editor .comp.preview li.form-item-direction .form-type-radio {
      flex-direction: row; }
    .view-editor .comp.preview li.share-img-upload {
      display: none; }
    .view-editor .comp.preview footer {
      display: none;
      background-color: transparent; }
    .view-editor .comp.preview form {
      width: 100% !important;
      position: relative;
      box-sizing: border-box; }
      .view-editor .comp.preview form ul {
        width: 100%;
        padding: 0 24px 16px 24px; }
      .view-editor .comp.preview form li {
        height: auto;
        padding-top: 4px;
        padding-bottom: 4px;
        box-sizing: border-box; }
      .view-editor .comp.preview form input.form-item[type=text], .view-editor .comp.preview form textarea {
        background-color: white;
        border: 1px solid #D0C9C3; }
        .view-editor .comp.preview form input.form-item[type=text]::placeholder, .view-editor .comp.preview form textarea::placeholder {
          color: #D8D8D8; }
      .view-editor .comp.preview form input.form-item[type=text][name=title] {
        border: 0;
        font-size: 12px;
        color: #222;
        font-weight: normal;
        background-color: transparent;
        padding-left: 0;
        width: 100%; }
      .view-editor .comp.preview form input.form-item[type=text][name=desc] {
        border: 0;
        font-size: 12px;
        background-color: transparent;
        padding-left: 0;
        color: #D0C9C3; }
      .view-editor .comp.preview form dd[name=title] {
        width: 100%; }
      .view-editor .comp.preview form dd[name=title] .form-type-text {
        width: 100%; }
    .view-editor .comp.preview li.option {
      padding-left: 32px; }
      .view-editor .comp.preview li.option:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0px;
        top: 10px;
        background-position: 0 center;
        background-size: 20px 20px;
        opacity: 0.4; }
      .view-editor .comp.preview li.option input.form-item[type=text] {
        border: 0px;
        background-color: transparent;
        padding-left: 0px; }
    .view-editor .comp.preview li.option-checkbox:before, .view-editor .comp.preview li.option-radio:before {
      width: 16px;
      font-size: 16px;
      text-indent: 0px;
      line-height: 22px;
      height: inherit; }
    .view-editor .comp.preview li.option-checkbox:before {
      content: ""; }
    .view-editor .comp.preview li.option-radio:before {
      content: ""; }
    .view-editor .comp.preview li.option-tabmenu:before {
      background-image: url(/images/widgets/ico-form-tabmenu.svg); }
    .view-editor .comp.preview li.option-select:before, .view-editor .comp.preview li.option-dropdown:before {
      background-image: url(/images/widgets/ico-form-dropdown.svg);
      right: 8px;
      position: absolute;
      left: auto; }
    .view-editor .comp.preview li.option-select, .view-editor .comp.preview li.option-dropdown {
      padding-left: 16px;
      width: 100%;
      background-color: white; }
    .view-editor .comp.preview li.option-select.first, .view-editor .comp.preview li.option-dropdown.first {
      border: 1px solid #D0C9C3;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      background-color: #F9F9F8; }
    .view-editor .comp.preview li.option-select.others, .view-editor .comp.preview li.option-dropdown.others {
      border-left: 1px solid #D0C9C3;
      border-right: 1px solid #D0C9C3; }
    .view-editor .comp.preview li.option-select.last, .view-editor .comp.preview li.option-dropdown.last {
      border: 1px solid #D0C9C3;
      border-top: 0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .view-editor .comp.preview li.tabmenu dl {
      border: 1px solid #D0C9C3;
      background-color: #F8F6F5;
      border-radius: 4px;
      overflow: hidden;
      width: auto !important; }
      .view-editor .comp.preview li.tabmenu dl input[type=text] {
        border: 0;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent; }
      .view-editor .comp.preview li.tabmenu dl dd {
        flex: 1 1 0;
        padding-left: 0;
        padding-right: 0;
        border-right: 1px solid #D0C9C3;
        height: 36px;
        line-height: 36px;
        background-color: #FFFFFF; }
      .view-editor .comp.preview li.tabmenu dl dd:last-child {
        border-right: 0; }
      .view-editor .comp.preview li.tabmenu dl dd.space {
        display: none; }
      .view-editor .comp.preview li.tabmenu dl dd.on {
        background-color: #FFFFFF; }
    .view-editor .comp.preview li.form-item-options-4 ~ .option {
      display: none; }
    .view-editor .comp.preview li.form-item-options-4 ~ .option-radio,
    .view-editor .comp.preview li.form-item-options-4 ~ .option-checkbox {
      display: inherit; }
    .view-editor .comp.preview li.form-item-multiple dl {
      width: 100%; }
    .view-editor .comp.preview .ui-dropdown {
      background-color: white; }
    .view-editor .comp.preview .ui-calendar {
      width: 342px;
      border: 1px solid #D0C9C3; }
    .view-editor .comp.preview .comp-mask {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
    .view-editor .comp.preview.comp-text form ul {
      display: none !important; }
    .view-editor .comp.preview.comp-html li.form-item-desc {
      display: none; }
    .view-editor .comp.preview.comp-tabbar .form-row-text {
      display: none; }
    .view-editor .comp.preview.comp-search .form-item-multiple, .view-editor .comp.preview.comp-search .form-item-desc {
      display: none; }
    .view-editor .comp.preview.comp-list .form-row-range, .view-editor .comp.preview.comp-list .form-item-range, .view-editor .comp.preview.comp-list .form-item-subtype,
    .view-editor .comp.preview.comp-list .form-item-row_appearance, .view-editor .comp.preview.comp-list .form-item-show_pay_btn, .view-editor .comp.preview.comp-list li.form-item-placeholder,
    .view-editor .comp.preview.comp-list .form-item-unit_init_empty, .view-editor .comp.preview.comp-list .form-item-use_unit_num {
      display: none; }
    .view-editor .comp.preview.comp-list .form-item-items {
      display: none; }
    .view-editor .comp.preview.comp-list .form-item-desc {
      display: none !important; }
    .view-editor .comp.preview.comp-zipcode ul[data-id] {
      padding-bottom: 0; }
    .view-editor .comp.preview.comp-condition {
      padding-top: 12px; }
      .view-editor .comp.preview.comp-condition ul {
        padding-bottom: 0; }
      .view-editor .comp.preview.comp-condition li.form-item-view,
      .view-editor .comp.preview.comp-condition li.form-item-trans {
        display: flex;
        flex-direction: row; }
        .view-editor .comp.preview.comp-condition li.form-item-view .form-type-radio,
        .view-editor .comp.preview.comp-condition li.form-item-trans .form-type-radio {
          flex-direction: row; }
    .view-editor .comp.preview.comp-video li.form-item-desc {
      display: none; }
    .view-editor .comp.preview.comp-yymmdd .form-item-placeholder {
      display: block; }
    .view-editor .comp.preview.comp-file .form-item-placeholder {
      display: block; }
    .view-editor .comp.preview.comp-switch .form-item-placeholder {
      display: block; }
    .view-editor .comp.preview .knob {
      display: none; }
    .view-editor .comp.preview.dragover-insert {
      margin-bottom: 4px;
      border-bottom: 2px solid #5F5BFF; }
    .view-editor .comp.preview.comp-image .form-item-uri {
      display: none; }
    .view-editor .comp.preview.comp-qrcode .form-item-uri {
      display: none; }
    .view-editor .comp.preview.comp-barcode .form-item-uri {
      display: none; }
    .view-editor .comp.preview.comp-barcode .form-item-subtype {
      display: none; }
    .view-editor .comp.preview.comp-grids {
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .view-editor .comp.preview.comp-grids .form-item-placeholder {
        display: none !important; }
      .view-editor .comp.preview.comp-grids .form-item-desc {
        display: none !important; }
    .view-editor .comp.preview.comp-calendar li.form-row-calendar {
      display: block; }
      .view-editor .comp.preview.comp-calendar li.form-row-calendar article {
        width: calc(100% - 24px);
        margin-right: auto;
        margin-left: 0; }
    .view-editor .comp.preview.comp-time li.form-row-time {
      display: block; }
    .view-editor .comp.preview p.desc {
      display: none; }
    .view-editor .comp.preview .component-address li:first-child {
      display: none; }
  .view-editor .comp.editing {
    border: 1px solid #D0C9C3;
    box-shadow: 0 1px 3px 1px #D0C9C3;
    width: 446px;
    transform: translateX(-16px);
    background-color: white;
    border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 6px;
    overflow: hidden; }
    .view-editor .comp.editing.dragging-obj {
      height: 40px !important;
      overflow: hidden; }
    .view-editor .comp.editing.comp-hidden .title-row, .view-editor .comp.editing.comp-hidden .form-item-desc, .view-editor .comp.editing.comp-hidden .form-item-margin, .view-editor .comp.editing.comp-hidden .required-switcher {
      display: none !important; }
    .view-editor .comp.editing dd {
      display: flex;
      align-items: center; }
    .view-editor .comp.editing dd.form-item-type {
      display: flex; }
      .view-editor .comp.editing dd.form-item-type .form-type-select {
        width: 188px; }
    .view-editor .comp.editing dd.form-item-title {
      width: 208px; }
    .view-editor .comp.editing li.form-item-name,
    .view-editor .comp.editing li.form-item-desc,
    .view-editor .comp.editing li.form-item-src,
    .view-editor .comp.editing li.src-upload,
    .view-editor .comp.editing li.src-url,
    .view-editor .comp.editing li.src-api,
    .view-editor .comp.editing li.src-pre {
      display: block; }
    .view-editor .comp.editing li.form-item-cms_key h4 {
      width: auto;
      padding-right: 16px; }
    .view-editor .comp.editing li.form-item-cms_key label.sel-option.checkbox {
      line-height: inherit; }
    .view-editor .comp.editing li.option.form-item-options {
      display: block;
      padding-left: 0; }
    .view-editor .comp.editing li.option {
      display: none; }
    .view-editor .comp.editing .tp-zipcode-ext {
      display: none; }
    .view-editor .comp.editing li.opentime-ext-btn {
      padding: 0px;
      margin-top: 10px; }
      .view-editor .comp.editing li.opentime-ext-btn label {
        height: 36px;
        line-height: 36px; }
    .view-editor .comp.editing footer {
      display: flex;
      background-color: #F8F6F5;
      justify-content: space-between;
      width: auto; }
      .view-editor .comp.editing footer > span {
        flex: 1; }
      .view-editor .comp.editing footer > div {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .view-editor .comp.editing footer .form-item-switch {
        margin-left: 8px; }
      .view-editor .comp.editing footer .tooltip.help::before {
        color: #999; }
      .view-editor .comp.editing footer .tooltip.help[hint=''] {
        display: none; }
      .view-editor .comp.editing footer .tooltip.help.tp-file:hover::after {
        top: -60px;
        height: auto;
        transform: translateX(-220px);
        white-space: break-spaces; }
      .view-editor .comp.editing footer div.bot-locks:after {
        font-family: "FontAwesome" !important;
        margin-right: 13px;
        opacity: .6;
        font-size: 21px;
        position: relative;
        top: 4px; }
      .view-editor .comp.editing footer div.bot-locks:hover {
        cursor: pointer;
        transform: scale(1.1);
        transition-duration: .2s; }
      .view-editor .comp.editing footer div.bot-locks:hover:after {
        opacity: 1; }
      .view-editor .comp.editing footer div.unlock:after {
        content: ""; }
      .view-editor .comp.editing footer div.lock:after {
        content: "";
        color: #f8c90a; }
    .view-editor .comp.editing form {
      width: 100% !important;
      position: relative;
      box-sizing: border-box; }
      .view-editor .comp.editing form ul {
        padding: 16px 24px; }
      .view-editor .comp.editing form [class*="alt-"] {
        display: none; }
      .view-editor .comp.editing form[view-src=stocks] .alt-trans {
        display: none !important; }
      .view-editor .comp.editing form[data-trans=view] .alt-trans.trans-view,
      .view-editor .comp.editing form[data-trans=uri] .alt-trans.trans-uri,
      .view-editor .comp.editing form[data-trans=chat] .alt-trans.trans-chat,
      .view-editor .comp.editing form[view-src=api] .alt-src.src-api,
      .view-editor .comp.editing form[view-src=ec] .alt-src.src-ec,
      .view-editor .comp.editing form[view-src=stores] .alt-src.src-stores,
      .view-editor .comp.editing form[view-src=catalog] .alt-src.src-catalog,
      .view-editor .comp.editing form[view-src=events] .alt-src.src-events,
      .view-editor .comp.editing form[view-src=coupons] .alt-src.src-coupons,
      .view-editor .comp.editing form[view-src=inherit] .alt-src.src-inherit,
      .view-editor .comp.editing form[data-src=api] .alt-src.src-api,
      .view-editor .comp.editing form[data-src=ec] .alt-src.src-ec,
      .view-editor .comp.editing form[data-src=stores] .alt-src.src-stores,
      .view-editor .comp.editing form[data-src=catalog] .alt-src.src-catalog,
      .view-editor .comp.editing form[data-src=events] .alt-src.src-events,
      .view-editor .comp.editing form[data-src=coupons] .alt-src.src-coupons,
      .view-editor .comp.editing form[data-src=inherit] .alt-src.src-inherit,
      .view-editor .comp.editing form[data-src=upload] .alt-src.src-upload,
      .view-editor .comp.editing form[data-src=url] .alt-src.src-url,
      .view-editor .comp.editing form[data-src=pre] .alt-src.src-pre,
      .view-editor .comp.editing form[data-src=campaign] .alt-src.src-campaign,
      .view-editor .comp.editing form[data-src=manual] .alt-src.src-manual,
      .view-editor .comp.editing form[data-subtype*=rms_reserve] .alt-st.st-rms_reserve,
      .view-editor .comp.editing form[data-subtype*=thumb] .alt-st.st-thumb,
      .view-editor .comp.editing form[data-subtype*=show_normal] .alt-st.st-show_normal,
      .view-editor .comp.editing form[data-subtype*=checkbox] .alt-st.st-checkbox,
      .view-editor .comp.editing form[data-subtype*=tasklist] .alt-st.st-tasklist,
      .view-editor .comp.editing form[data-subtype*=numpicker] .alt-st.st-numpicker,
      .view-editor .comp.editing form[data-opts--participation_limit_err--trans="view"] .participation_limit_err--trans-view,
      .view-editor .comp.editing form[data-opts--participation_limit_err--trans="uri"] .participation_limit_err--trans-uri,
      .view-editor .comp.editing form[data-opts--participation_limit_err--trans="chat"] .participation_limit_err--trans-chat,
      .view-editor .comp.editing form[data-opts--code_err--trans="view"] .code_err--trans-view,
      .view-editor .comp.editing form[data-opts--code_err--trans="uri"] .code_err--trans-uri,
      .view-editor .comp.editing form[data-opts--code_err--trans="chat"] .code_err--trans-chat,
      .view-editor .comp.editing form[data-opts--ukey_err--trans="view"] .ukey_err--trans-view,
      .view-editor .comp.editing form[data-opts--ukey_err--trans="uri"] .ukey_err--trans-uri,
      .view-editor .comp.editing form[data-opts--ukey_err--trans="chat"] .ukey_err--trans-chat,
      .view-editor .comp.editing form[data-opts--period_err--trans="view"] .period_err--trans-view,
      .view-editor .comp.editing form[data-opts--period_err--trans="uri"] .period_err--trans-uri,
      .view-editor .comp.editing form[data-opts--period_err--trans="chat"] .period_err--trans-chat,
      .view-editor .comp.editing form[data-opts--general_err--trans="view"] .general_err--trans-view,
      .view-editor .comp.editing form[data-opts--general_err--trans="uri"] .general_err--trans-uri,
      .view-editor .comp.editing form[data-opts--general_err--trans="chat"] .general_err--trans-chat {
        display: flex; }
      .view-editor .comp.editing form input.form-item[type=text] {
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #D0C9C3;
        padding-left: 0;
        background-color: transparent; }
        .view-editor .comp.editing form input.form-item[type=text]:focus {
          border-bottom: 1px solid #5F5BFF; }
      .view-editor .comp.editing form input.form-item[type=text][name=title] {
        border-bottom: 1px solid #D0C9C3;
        border-radius: 0; }
        .view-editor .comp.editing form input.form-item[type=text][name=title]:focus {
          border: 0px;
          border-bottom: 1px solid #5F5BFF; }
      .view-editor .comp.editing form input.form-item[type=text][name=desc] {
        color: #222; }
      .view-editor .comp.editing form textarea {
        background-color: #F8F6F5;
        border: 1px solid #D0C9C3;
        border-radius: 4px;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 8px !important;
        margin-bottom: 8px !important; }
        .view-editor .comp.editing form textarea:focus {
          border: 1px solid #5F5BFF; }
      .view-editor .comp.editing form dd.space {
        display: none; }
      .view-editor .comp.editing form .form-type-radio {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
      .view-editor .comp.editing form .form-type-checkbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
      .view-editor .comp.editing form .form-type-checkbox.column {
        flex-direction: column; }
      .view-editor .comp.editing form .form-item-range input[type=number] {
        width: 80px;
        text-align: right;
        padding-right: 4px; }
      .view-editor .comp.editing form .form-item-unit_init_empty h4, .view-editor .comp.editing form .form-item-use_unit_num h4 {
        width: 220px; }
      .view-editor .comp.editing form input[name=prefix], .view-editor .comp.editing form input[name=suffix] {
        width: 80px; }
      .view-editor .comp.editing form li[name="opts.sticky"] {
        padding: .2rem 1rem; }
        .view-editor .comp.editing form li[name="opts.sticky"] .form-type-radio {
          flex-wrap: nowrap; }
      .view-editor .comp.editing form[data-type=share] li[name='opts.align'] input {
        display: none !important; }
      .view-editor .comp.editing form[data-type=share] li[name='opts.align'] label {
        padding: 0;
        height: 30px;
        width: 30px;
        margin: 0;
        background-position: center; }
        .view-editor .comp.editing form[data-type=share] li[name='opts.align'] label[data-value=left] {
          background-image: url(/images/widgets/ico-form-left.svg); }
        .view-editor .comp.editing form[data-type=share] li[name='opts.align'] label[data-value=center] {
          background-image: url(/images/widgets/ico-form-center.svg); }
        .view-editor .comp.editing form[data-type=share] li[name='opts.align'] label[data-value=right] {
          background-image: url(/images/widgets/ico-form-right.svg); }
        .view-editor .comp.editing form[data-type=share] li[name='opts.align'] label.on {
          background-color: #F8F6F5;
          border-radius: 2px;
          border: 1px solid #D0C9C3;
          animation: unset; }
      .view-editor .comp.editing form dd.form-item-format {
        margin-right: 24px;
        width: 180px; }
        .view-editor .comp.editing form dd.form-item-format .ui-dropdown {
          min-width: 160px;
          width: 160px; }
      .view-editor .comp.editing form dd.form-item-prefix {
        margin-right: 24px; }
      .view-editor .comp.editing form h4 {
        height: 36px;
        line-height: 36px; }
      .view-editor .comp.editing form li.form-item-margin input[type=number] {
        width: 60px; }
      .view-editor .comp.editing form li.form-item-margin .form-item-marginTop {
        width: 160px; }
      .view-editor .comp.editing form li.share-img-upload h4 {
        overflow: initial; }
      .view-editor .comp.editing form[view-src=manual] .form-item-subtype label[data=show_normal] {
        display: none; }
      .view-editor .comp.editing form[view-src=manual] .form-item-subtype label[data=thumb] {
        display: none; }
      .view-editor .comp.editing form[view-src=manual] .form-item-trans label[data=uri] {
        display: none; }
      .view-editor .comp.editing form[view-src=manual] .component-list.thumb .image {
        display: none !important; }
      .view-editor .comp.editing form[data-opts--limitation="relative"] .opts-relative {
        display: block; }
      .view-editor .comp.editing form[data-opts--limitation="date"] .opts-date {
        display: block; }
      .view-editor .comp.editing form[data-opts--limitation="time"] .opts-time {
        display: block; }
      .view-editor .comp.editing form[data-opts--limitation="store"] .opts-store {
        display: block; }
      .view-editor .comp.editing form .goods-tab {
        width: 100%; }
        .view-editor .comp.editing form .goods-tab dl {
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
          .view-editor .comp.editing form .goods-tab dl dd {
            width: 100%;
            padding: 0;
            margin: 0;
            flex: 1; }
            .view-editor .comp.editing form .goods-tab dl dd button {
              width: 100%;
              margin: 0; }
              .view-editor .comp.editing form .goods-tab dl dd button.on {
                background-color: var(--a1);
                color: white;
                font-weight: bold; }
    .view-editor .comp.editing li.tabmenu {
      display: none; }
    .view-editor .comp.editing .knob {
      height: 32px;
      line-height: 32px;
      background-image: url(/images/widgets/ico-knob.svg);
      opacity: 0.4;
      cursor: move;
      background-position: center;
      display: block; }
      .view-editor .comp.editing .knob span {
        display: none;
        text-align: left;
        padding-left: 24px;
        height: 32px;
        line-height: 32px; }
      .view-editor .comp.editing .knob:hover {
        opacity: 1; }
      .view-editor .comp.editing .knob.dragging span {
        display: block; }
    .view-editor .comp.editing .text-frame {
      background-color: #F8F6F5; }
    .view-editor .comp.editing .comp-preview {
      width: 100%;
      border-top: 40px solid #F8F6F5 !important;
      position: relative; }
      .view-editor .comp.editing .comp-preview::before {
        content: "プレビュー";
        text-align: center;
        font-weight: bold;
        position: absolute;
        top: -40px;
        left: -1px;
        width: calc(100% + 2px);
        height: 40px;
        line-height: 40px;
        box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
        z-index: 1;
        font-size: 13px !important;
        color: #666 !important; }
    .view-editor .comp.editing .preview-barcode {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .view-editor .comp.editing .photo-frame.comp-preview {
      box-sizing: content-box; }
      .view-editor .comp.editing .photo-frame.comp-preview[background=cover] img {
        object-fit: cover; }
      .view-editor .comp.editing .photo-frame.comp-preview[background=contain] img {
        object-fit: contain; }
    .view-editor .comp.editing form.en .comp-preview::before {
      content: "PREVIEW"; }
  .view-editor i.ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    opacity: .4;
    margin-right: 8px; }
  .view-editor i.ico:hover {
    opacity: 1;
    transform: scale(1.1);
    transition-duration: .2s; }
  .view-editor .h-left span {
    width: 24px;
    height: 24px;
    position: relative; }
    .view-editor .h-left span:after {
      content: "";
      position: absolute;
      top: 0;
      left: 12px;
      width: 1px;
      height: inherit;
      background-color: #D0C9C3; }
  .view-editor .required .form-item-title:before {
    position: absolute;
    content: "*";
    color: #DB234B;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px; }
  .view-editor .comp .required input[type=text][name=title] {
    padding-left: 12px !important; }
  .view-editor .edit-bar {
    display: block;
    width: 414px; }
    .view-editor .edit-bar .bar {
      display: block;
      position: relative;
      cursor: pointer;
      width: 414px;
      height: 40px;
      background-color: #F8F6F5;
      transition-duration: 0.2s; }
      .view-editor .edit-bar .bar:before {
        content: '';
        width: 366px;
        height: 0;
        top: 20px;
        left: 24px;
        border-top: 1px dotted #D0C9C3;
        display: block;
        position: absolute; }
      .view-editor .edit-bar .bar:after {
        font-size: 16px;
        width: 20px;
        height: 20px;
        top: 10px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        content: "";
        color: #ccc;
        line-height: 20px;
        text-align: center;
        background-color: #F8F6F5; }
    .view-editor .edit-bar dl {
      display: none;
      flex-direction: column;
      width: 180px;
      font-size: 14px;
      line-height: 24px;
      cursor: pointer;
      animation-duration: 0.2s;
      border-radius: 4px;
      padding-top: 8px;
      padding-bottom: 12px;
      background-color: white;
      width: 180px;
      height: min-content;
      position: absolute;
      transform: translateX(-16px);
      padding-top: 0;
      overflow: hidden;
      transform: translateY(-92px); }
    .view-editor .edit-bar dl.top {
      left: 446px;
      height: min-content; }
    .view-editor .edit-bar dl.sub {
      left: 646px;
      display: none; }
    .view-editor .edit-bar dl.sub.formitems {
      height: min-content;
      width: 360px;
      flex-wrap: wrap;
      flex-direction: row; }
      .view-editor .edit-bar dl.sub.formitems dt {
        width: 360px; }
      .view-editor .edit-bar dl.sub.formitems dd {
        width: 180px; }
    .view-editor .edit-bar dl.sub.text {
      height: min-content; }
    .view-editor .edit-bar dl.sub:hover {
      display: flex !important; }
    .view-editor .edit-bar.formitems dl.sub.formitems,
    .view-editor .edit-bar.text dl.sub.text,
    .view-editor .edit-bar.ec dl.sub.ec,
    .view-editor .edit-bar.rms dl.sub.rms,
    .view-editor .edit-bar.card dl.sub.card,
    .view-editor .edit-bar.games dl.sub.games,
    .view-editor .edit-bar.buttons dl.sub.buttons,
    .view-editor .edit-bar.image dl.sub.image {
      display: flex !important; }
    .view-editor .edit-bar dt {
      background-color: #F8F6F5;
      text-align: center;
      height: 44px;
      line-height: 44px; }
    .view-editor .edit-bar dd {
      background-position: 12px 10px;
      background-size: auto 24px;
      padding-left: 48px;
      height: 44px;
      line-height: 44px;
      position: relative;
      text-align: left; }
      .view-editor .edit-bar dd.icon.share, .view-editor .edit-bar dd.share.form-item-autocomplete.loading-autocomplete:before, .view-editor .edit-bar .ui-indicator dd.share#indicator:before, .ui-indicator .view-editor .edit-bar dd.share#indicator:before, .view-editor .edit-bar .simulator > header dd.share, .simulator > header .view-editor .edit-bar dd.share, .view-editor .edit-bar dd.icon.line-share, .view-editor .edit-bar dd.line-share.form-item-autocomplete.loading-autocomplete:before, .view-editor .edit-bar .ui-indicator dd.line-share#indicator:before, .ui-indicator .view-editor .edit-bar dd.line-share#indicator:before, .view-editor .edit-bar .simulator > header dd.line-share, .simulator > header .view-editor .edit-bar dd.line-share {
        padding-left: 32px; }
        .view-editor .edit-bar dd.icon.share::before, .view-editor .edit-bar .simulator > header dd.share::before, .simulator > header .view-editor .edit-bar dd.share::before, .view-editor .edit-bar dd.icon.line-share::before, .view-editor .edit-bar .simulator > header dd.line-share::before, .simulator > header .view-editor .edit-bar dd.line-share::before {
          left: 16px;
          color: #000; }
    .view-editor .edit-bar dd:hover {
      background-color: #F8F6F5; }
    .view-editor .edit-bar dd.nested:after {
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(/images/widgets/ico-arrow-right.svg);
      position: absolute;
      right: 2px;
      top: 12px;
      opacity: 0.4;
      background-size: 16px 16px;
      background-position: center; }
    .view-editor .edit-bar dd.nested:hover:after {
      opacity: 1; }
    .view-editor .edit-bar:hover {
      width: 100%; }
      .view-editor .edit-bar:hover .bar:before {
        width: 100%;
        left: 0;
        top: 24px;
        transition-duration: 0.2s; }
      .view-editor .edit-bar:hover .bar:after {
        top: 14px;
        color: #666;
        font-size: 1.4rem;
        transition-duration: 0.2s; }
      .view-editor .edit-bar:hover dl.top {
        display: flex; }
    .view-editor .edit-bar.disiabled:hover .bar {
      height: auto; }
    .view-editor .edit-bar .bar:hover + dl, .view-editor .edit-bar .bar + dl:hover {
      display: flex; }
  .view-editor .editing .edit-bar .bar {
    height: 40px; }
  .view-editor .editing .edit-bar .bar:hover + dl, .view-editor .editing .edit-bar .bar + dl:hover {
    display: none; }
  .view-editor .editing .edit-bar .bar:before {
    top: 8px; }
  .view-editor .editing .edit-bar .bar:after {
    top: 2px;
    color: #D0C9C3; }
  .view-editor div.hr {
    height: 48px;
    width: 100%;
    position: relative; }
    .view-editor div.hr:before {
      content: "";
      top: 24px;
      left: 0px;
      height: 1px;
      width: 100%;
      background-color: #D0C9C3; }
  .view-editor .form-item-autocomplete:focus:after {
    opacity: 1; }
  .view-editor .form-item-autocomplete:after {
    content: "";
    width: 20px;
    height: 20px;
    right: 4px;
    top: 7px;
    position: absolute;
    background-image: url(/images/widgets/ico-search.svg);
    opacity: 0.4; }
  .view-editor .form-row-textarea {
    flex-direction: column; }
    .view-editor .form-row-textarea .form-type-textarea textarea {
      margin-top: 0; }
  .view-editor .opts-relative, .view-editor .opts-date, .view-editor .opts-store, .view-editor .opts-time {
    display: none; }
    .view-editor .opts-relative dl, .view-editor .opts-date dl, .view-editor .opts-store dl, .view-editor .opts-time dl {
      justify-content: flex-start;
      align-items: center; }
      .view-editor .opts-relative dl dd, .view-editor .opts-date dl dd, .view-editor .opts-store dl dd, .view-editor .opts-time dl dd {
        width: min-content;
        min-width: auto;
        white-space: nowrap; }
      .view-editor .opts-relative dl span:not(:empty), .view-editor .opts-date dl span:not(:empty), .view-editor .opts-store dl span:not(:empty), .view-editor .opts-time dl span:not(:empty) {
        padding-left: 8px;
        padding-right: 8px;
        white-space: nowrap; }
      .view-editor .opts-relative dl .form-type-date, .view-editor .opts-date dl .form-type-date, .view-editor .opts-store dl .form-type-date, .view-editor .opts-time dl .form-type-date {
        width: 130px; }
        .view-editor .opts-relative dl .form-type-date input, .view-editor .opts-date dl .form-type-date input, .view-editor .opts-store dl .form-type-date input, .view-editor .opts-time dl .form-type-date input {
          width: 100%;
          padding-left: 2px;
          padding-right: 2px; }
      .view-editor .opts-relative dl .ui-dropdown, .view-editor .opts-date dl .ui-dropdown, .view-editor .opts-store dl .ui-dropdown, .view-editor .opts-time dl .ui-dropdown {
        width: max-content; }
  .view-editor .comp-text form ul {
    padding-bottom: 0;
    padding-top: 0; }
  .view-editor .comp-html article {
    padding-left: 20px;
    padding-right: 20px; }
    .view-editor .comp-html article dd {
      margin-left: auto; }
    .view-editor .comp-html article h1 {
      text-align: left;
      padding-left: 0; }
    .view-editor .comp-html article ul {
      list-style: circle; }
    .view-editor .comp-html article ul li {
      list-style-type: circle; }
  .view-editor .comp-html form > ul {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .view-editor .comp-html .component-html {
    min-height: 40px; }
  .view-editor .comp-html .CodeMirror {
    width: 100%; }
  .view-editor .comp-list .title-row, .view-editor .comp-grids .title-row, .view-editor .comp-tabbar .title-row, .view-editor .comp-search .title-row {
    display: none; }
  .view-editor .comp-list .form-item-items, .view-editor .comp-grids .form-item-items, .view-editor .comp-tabbar .form-item-items, .view-editor .comp-search .form-item-items {
    display: none; }
  .view-editor .comp-list form[view-src=manual] .component-list {
    padding-left: 0;
    padding-right: 0; }
    .view-editor .comp-list form[view-src=manual] .component-list.thumb .image {
      display: none !important; }
    .view-editor .comp-list form[view-src=manual] .component-list li.group {
      min-height: 40px !important;
      line-height: 40px;
      background-color: #F8F6F5;
      padding-left: 0; }
      .view-editor .comp-list form[view-src=manual] .component-list li.group div.txt {
        margin-right: 0;
        flex: 1; }
        .view-editor .comp-list form[view-src=manual] .component-list li.group div.txt h4 {
          padding-right: 0;
          text-align: center; }
      .view-editor .comp-list form[view-src=manual] .component-list li.group span.space {
        display: none; }
      .view-editor .comp-list form[view-src=manual] .component-list li.group span.num {
        display: none; }
    .view-editor .comp-list form[view-src=manual] .component-list li.child {
      padding-left: 16px !important; }
      .view-editor .comp-list form[view-src=manual] .component-list li.child h4 {
        font-weight: normal; }
  .view-editor .comp-zipcode li dd:first-child {
    margin-right: 12px; }
  .view-editor .comp-zipcode input[name=pref] {
    width: 120px; }
  .view-editor .comp-zipcode .preview-zipcode dl {
    width: calc(100% - 24px); }
  .view-editor .comp-skus .price-box {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .view-editor .comp-skus .price-box h5 {
      margin-right: 16px;
      background-color: #5F5BFF;
      color: white;
      padding: 4px 12px;
      font-size: 18px;
      border-radius: 4px; }
    .view-editor .comp-skus .price-box s {
      font-size: 18px;
      color: #999; }
  .view-editor .component-buttons {
    display: flex;
    flex-direction: row; }
    .view-editor .component-buttons button {
      background-color: #5F5BFF;
      color: white;
      border: 0;
      height: 44px;
      line-height: 44px;
      padding-left: 24px;
      padding-right: 24px;
      font-size: 14px;
      flex: 1;
      margin: 8px; }
  .view-editor .component-share .share-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    margin: 16px 0; }
    .view-editor .component-share .share-buttons.left {
      justify-content: flex-start; }
    .view-editor .component-share .share-buttons.right {
      justify-content: flex-end; }
    .view-editor .component-share .share-buttons a {
      height: 20px;
      min-height: 20px;
      line-height: 20px;
      width: max-content;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .view-editor .component-share .share-buttons a + a {
        margin-left: 8px; }
      .view-editor .component-share .share-buttons a.line {
        background-color: #06c755;
        font-size: 10px;
        vertical-align: top;
        font-weight: 600;
        padding: 0 6px;
        color: white;
        font-family: system-ui,-apple-system,"Helvetica Neue",Meiryo,HiraKakuProN-W3,"Apple SD Gothic Neo","Arial Unicode MS",Arial,sans-serif;
        border-radius: 3px; }
        .view-editor .component-share .share-buttons a.line::before {
          content: '';
          display: inline-block;
          background: url(https://www.line-website.com/social-plugins/img/common/line_v3@3x.png) center/13px auto no-repeat;
          height: 100%;
          width: 13px;
          margin-right: 4px; }
      .view-editor .component-share .share-buttons a.fb {
        border-radius: 3px;
        font-size: 11px;
        height: 20px;
        padding: 0 6px;
        font-family: Helvetica, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
        vertical-align: middle;
        background: #1877f2;
        color: white; }
        .view-editor .component-share .share-buttons a.fb::before {
          content: '';
          display: inline-block;
          background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yn/r/GzgedhmzSQa.png) center/11px auto no-repeat;
          height: 100%;
          width: 16px;
          margin-right: 4px; }
      .view-editor .component-share .share-buttons a.twitter {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        height: 20px;
        box-sizing: border-box;
        padding: 1px 12px 1px 12px;
        background-color: #1d9bf0;
        color: #fff;
        border-radius: 9999px;
        font-weight: 500; }
        .view-editor .component-share .share-buttons a.twitter::before {
          content: '';
          display: inline-block;
          background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;
          height: 100%;
          width: 14px;
          margin-right: 3px; }
  .view-editor .component-qrcode {
    height: 240px;
    text-align: center; }
  .view-editor .component-barcode {
    height: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .view-editor .component-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    background-color: white;
    box-sizing: border-box;
    border-top: 1px solid #D0C9C3;
    border-bottom: 1px solid #D0C9C3; }
    .view-editor .component-list li {
      height: 48px;
      min-height: 48px;
      line-height: 48px;
      border-bottom: 1px solid #D0C9C3;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .view-editor .component-list li:last-child {
        border-bottom: 0; }
      .view-editor .component-list li label {
        font-size: 12px;
        padding-right: 24px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .view-editor .component-list li h4 {
        color: #222;
        font-size: 14px;
        padding-right: 24px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .view-editor .component-list li.disable {
        background-color: #F8F6F5;
        transform: translateX(-16px);
        width: calc(100% + 32px);
        padding-left: 16px;
        padding-right: 16px; }
      .view-editor .component-list li div.txt {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        margin-right: 16px;
        line-height: initial;
        justify-content: center; }
        .view-editor .component-list li div.txt p {
          padding-top: 0; }
    .view-editor .component-list span.num {
      display: none; }
    .view-editor .component-list div.image {
      display: none; }
    .view-editor .component-list.thumb div.image {
      display: block;
      width: 48px;
      min-width: 48px;
      height: 48px;
      background-size: cover;
      margin-right: 12px;
      background-image: url(/images/logo-v-gray.svg); }
    .view-editor .component-list.numpicker span.space {
      flex: 1; }
    .view-editor .component-list.numpicker span.num {
      height: 16px;
      line-height: 16px;
      background-size: cover;
      margin-right: 12px;
      background-color: #ccc;
      color: #FFFFFF;
      border-radius: 8px;
      padding-left: 4px;
      padding-right: 4px;
      display: block; }
    .view-editor .component-list.lines-1 li h4 {
      font-weight: normal; }
    .view-editor .component-list.lines-2.thumb div.image {
      width: 80px;
      min-width: 80px;
      height: 80px; }
    .view-editor .component-list.lines-2 li {
      height: 80px !important; }
    .view-editor .component-list.lines-3.thumb div.image {
      width: 92px;
      min-width: 92px;
      height: 108px; }
    .view-editor .component-list.lines-3 li {
      height: 108px !important; }
  .view-editor .component-grids {
    background-color: #F8F6F5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    min-height: 20px;
    justify-content: space-evenly; }
    .view-editor .component-grids li {
      width: 180px;
      height: auto;
      margin: 12px 0 12px 0;
      padding-top: 0 !important;
      background: white;
      border-radius: 4px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); }
      .view-editor .component-grids li > * {
        pointer-events: none; }
      .view-editor .component-grids li .image {
        width: 180px;
        height: 180px;
        background-size: cover; }
      .view-editor .component-grids li label {
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        color: white;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
        border-bottom-left-radius: 4px; }
      .view-editor .component-grids li label:empty {
        display: none; }
      .view-editor .component-grids li h5 {
        text-align: center;
        padding: 4px 16px 4px 16px;
        color: #222;
        text-overflow: ellipsis;
        overflow: hidden; }
      .view-editor .component-grids li p {
        text-align: center;
        padding: 0 16px 8px 16px;
        font-size: 12px;
        max-height: 48px;
        overflow: hidden; }
  .view-editor .component-search .search {
    width: 100%;
    position: relative; }
  .view-editor .component-search .search:after {
    content: "";
    background-image: url(/images/widgets/ico-search.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 28px;
    top: 14px;
    opacity: 0.4; }
  .view-editor .component-search input[type=text] {
    margin: 8px;
    margin-left: 24px;
    margin-right: 24px;
    background-color: white;
    width: calc(100% - 48px); }
  .view-editor .component-ec-options {
    padding: 12px 24px 12px 24px; }
    .view-editor .component-ec-options dd {
      display: block !important;
      border-radius: 4px;
      margin: 0px 10px 5px 0px !important;
      width: auto;
      min-width: 44px;
      max-width: 300px;
      overflow: hidden;
      height: 28px;
      line-height: 28px;
      font-weight: 600;
      color: #D0C9C3;
      text-align: center;
      font-size: 14px;
      line-height: 28px;
      box-sizing: border-box;
      /* border: 1px solid #5F5BFF; */
      background: #FFFFFF;
      border: 1px solid #D0C9C3;
      box-sizing: border-box; }
    .view-editor .component-ec-options dd.on {
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      color: #FFFFFF;
      border: 0px;
      background: #222; }
    .view-editor .component-ec-options .price-row {
      font-size: 16px;
      /*discount*/ }
      .view-editor .component-ec-options .price-row label {
        border-radius: 4px;
        padding-left: 12px;
        padding-right: 12px;
        color: #FFFFFF;
        background-color: #5F5BFF;
        font-size: 16px; }
      .view-editor .component-ec-options .price-row label u {
        text-decoration: none;
        color: white;
        font-size: 12px; }
      .view-editor .component-ec-options .price-row span {
        text-decoration: line-through;
        color: #999;
        margin-left: 0px;
        font-size: 16px; }
    .view-editor .component-ec-options .instock-row {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin: 0;
      margin-top: 16px;
      height: 40px;
      line-height: 40px; }
      .view-editor .component-ec-options .instock-row h4 {
        font-size: 16px;
        height: 40px;
        line-height: 40px; }
      .view-editor .component-ec-options .instock-row .stock_row_c {
        margin-left: 8px;
        margin: 0;
        margin-left: 8px;
        height: 40px;
        line-height: 40px;
        font-size: 16px; }
        .view-editor .component-ec-options .instock-row .stock_row_c b {
          font-weight: bold;
          color: #222;
          font-size: 16px; }
    .view-editor .component-ec-options pre.desc {
      font-size: 16px;
      height: 40px;
      line-height: 40px;
      color: #222; }
  .view-editor .component-tabbar {
    align-items: center;
    justify-content: center;
    padding-bottom: 12px;
    overflow: hidden;
    overflow-x: auto;
    text-align: center;
    margin: auto;
    width: 100%; }
    .view-editor .component-tabbar dl {
      width: auto;
      display: block;
      margin: auto;
      position: relative;
      white-space: nowrap; }
    .view-editor .component-tabbar dd {
      padding-left: 12px;
      padding-right: 12px;
      margin-left: 4px;
      margin-right: 4px;
      white-space: nowrap;
      display: inline-block !important; }
    .view-editor .component-tabbar dd.on {
      background-color: #222;
      color: white;
      border-radius: 8px; }
  .view-editor .comp-opentime .weekly-calendar {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    flex-direction: column; }
    .view-editor .comp-opentime .weekly-calendar header {
      height: 54px;
      line-height: 54px;
      width: 100%;
      display: flex;
      flex-direction: row; }
      .view-editor .comp-opentime .weekly-calendar header:before {
        background-image: none !important; }
      .view-editor .comp-opentime .weekly-calendar header span {
        flex: 1; }
      .view-editor .comp-opentime .weekly-calendar header h2 {
        text-align: center;
        height: 24px;
        line-height: 24px;
        color: #222;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        font-weight: bold; }
      .view-editor .comp-opentime .weekly-calendar header b {
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        background-position: center;
        background-size: 20px auto; }
      .view-editor .comp-opentime .weekly-calendar header b.left {
        background-image: url(/images/ico-cal-left.svg); }
      .view-editor .comp-opentime .weekly-calendar header b.right {
        background-image: url(/images/ico-cal-right.svg); }
    .view-editor .comp-opentime .weekly-calendar section.cols {
      display: flex;
      flex-direction: row;
      width: 100%; }
      .view-editor .comp-opentime .weekly-calendar section.cols:not(.headers) {
        scrollbar-width: none; }
        .view-editor .comp-opentime .weekly-calendar section.cols:not(.headers)::-webkit-scrollbar {
          display: none; }
    .view-editor .comp-opentime .weekly-calendar dl {
      display: flex;
      flex-direction: column;
      border-right: 1px solid #D0C9C3; }
      .view-editor .comp-opentime .weekly-calendar dl:last-child {
        border-right: 0; }
      .view-editor .comp-opentime .weekly-calendar dl.side {
        width: 80px;
        min-width: 80px; }
        .view-editor .comp-opentime .weekly-calendar dl.side dd {
          text-align: right !important;
          display: flex;
          flex-direction: row;
          font-size: 14px;
          line-height: 44px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding-right: 10px; }
      .view-editor .comp-opentime .weekly-calendar dl dt {
        height: 54px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #D0C9C3; }
        .view-editor .comp-opentime .weekly-calendar dl dt h6 {
          font-size: 12px;
          text-align: center;
          padding-top: 4px;
          color: #222; }
        .view-editor .comp-opentime .weekly-calendar dl dt h3 {
          font-size: 16px;
          text-align: center;
          padding-bottom: 4px;
          color: #222; }
        .view-editor .comp-opentime .weekly-calendar dl dt .today {
          color: #5F5BFF; }
      .view-editor .comp-opentime .weekly-calendar dl dt.today h3, .view-editor .comp-opentime .weekly-calendar dl dt.today h6 {
        color: #5F5BFF; }
      .view-editor .comp-opentime .weekly-calendar dl dt.wday-0 h6, .view-editor .comp-opentime .weekly-calendar dl dt.wday-6 h6 {
        color: #DB234B; }
      .view-editor .comp-opentime .weekly-calendar dl dd {
        height: 44px;
        border-bottom: 1px dashed #D0C9C3; }
      .view-editor .comp-opentime .weekly-calendar dl dd:last-child {
        height: 44px;
        border-bottom: 1px solid #D0C9C3; }
      .view-editor .comp-opentime .weekly-calendar dl dd.open {
        background-image: url(/images/widgets/ico-circle-blue.svg);
        background-size: 16px auto;
        background-position: center;
        cursor: pointer; }
      .view-editor .comp-opentime .weekly-calendar dl dd.full {
        background-color: #F8F6F5; }
      .view-editor .comp-opentime .weekly-calendar dl dd.open:hover {
        transform: scale(1.2, 1.2) translate(-2px -2px);
        transition-duration: 0.2s;
        box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
        z-index: 1;
        border-bottom: 0; }
  .view-editor .component-member_card {
    justify-content: center;
    align-items: center; }
    .view-editor .component-member_card *[class$="-row"] {
      display: flex;
      flex-direction: row; }
    .view-editor .component-member_card *[class$="-box"] {
      display: flex;
      flex-direction: column; }
    .view-editor .component-member_card .member_card {
      width: 360px;
      border-radius: 6px;
      background: #333;
      position: relative;
      margin: 1rem 0; }
      .view-editor .component-member_card .member_card * {
        color: white; }
      .view-editor .component-member_card .member_card u {
        position: absolute;
        border-radius: 50%; }
      .view-editor .component-member_card .member_card u:nth-child(1) {
        width: 122px;
        height: 122px;
        left: 96px;
        top: 46px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        transform: rotate(180deg); }
      .view-editor .component-member_card .member_card u:nth-child(2) {
        width: 109px;
        height: 109px;
        left: 6px;
        top: 108px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        transform: rotate(90deg); }
      .view-editor .component-member_card .member_card u:nth-child(3) {
        width: 44px;
        height: 44px;
        left: 294px;
        top: 162px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        transform: rotate(135deg); }
      .view-editor .component-member_card .member_card u:nth-child(4) {
        width: 42px;
        height: 42px;
        left: 307px;
        top: 180px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        transform: rotate(135deg); }
    .view-editor .component-member_card .title-row {
      padding: 1.5rem 2rem;
      height: 6rem; }
      .view-editor .component-member_card .title-row h1, .view-editor .component-member_card .title-row h2 {
        padding: 0; }
      .view-editor .component-member_card .title-row h1 {
        font-size: 1.4rem;
        height: 2rem;
        line-height: 2rem; }
      .view-editor .component-member_card .title-row h2 {
        font-size: 1rem; }
      .view-editor .component-member_card .title-row p {
        height: 2rem;
        line-height: 2rem;
        font-size: 1.2rem;
        opacity: .6; }
      .view-editor .component-member_card .title-row .name-box {
        flex: 1; }
    .view-editor .component-member_card .others-row {
      height: 12rem; }
    .view-editor .component-member_card .qr-box {
      width: 140px;
      padding: 0 2rem 2rem 2rem;
      justify-content: flex-end; }
      .view-editor .component-member_card .qr-box img {
        width: 100px;
        height: auto;
        margin: 0; }
    .view-editor .component-member_card .info-box {
      flex: 1;
      padding: 2rem;
      justify-content: flex-end; }
      .view-editor .component-member_card .info-box label {
        width: 5rem;
        opacity: .6; }
    .view-editor .component-member_card .field {
      display: none; }
    .view-editor .component-member_card.id .field.id {
      display: flex; }
    .view-editor .component-member_card.cd .field.cd {
      display: flex; }
    .view-editor .component-member_card.name .field.name {
      display: flex; }
    .view-editor .component-member_card.kana .field.kana {
      display: flex; }
    .view-editor .component-member_card.barcode .field.barcode {
      display: block; }
    .view-editor .component-member_card.qrcode .field.qrcode {
      display: block; }
    .view-editor .component-member_card.points .field.points {
      display: flex; }
    .view-editor .component-member_card.ins_t .field.ins_t {
      display: flex; }
    .view-editor .component-member_card.desc .field.desc {
      display: flex; }
  .view-editor .preview-stamp_card {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .view-editor .preview-stamp_card .component-stamp_card ul {
      display: flex;
      flex-direction: column; }
    .view-editor .preview-stamp_card .component-stamp_card li {
      margin-bottom: 16px; }
    .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card {
      width: 360px;
      border-radius: 6px;
      background: #333;
      position: relative;
      margin: 16px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card * {
        color: white; }
      .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card h2 {
        padding: 16px;
        font-size: 18px; }
      .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card p {
        padding: 12px 16px;
        font-size: 13px;
        opacity: .6; }
      .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card dl.stamp {
        display: grid;
        grid-gap: 8px;
        width: 100%;
        justify-content: center;
        grid-template-columns: repeat(5, 60px);
        grid-template-rows: 60px 60px; }
        .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card dl.stamp dd {
          width: 56px;
          height: 56px;
          text-align: center;
          line-height: 56px;
          border-radius: 4px;
          justify-content: center;
          background-image: url(/images/widgets/ico-stamp-dark.svg?v=1);
          background-size: 36px 36px;
          background-position: center;
          border: 1.6px dashed rgba(255, 255, 255, 0.4); }
          .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card dl.stamp dd b {
            color: rgba(0, 0, 0, 0.4);
            font-size: 20px; }
          .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card dl.stamp dd.on {
            background-color: rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(0, 0, 0, 0.4);
            background-image: url(/images/widgets/ico-stamp.svg?v=1); }
            .view-editor .preview-stamp_card .component-stamp_card .stamp_cards .stamp_card dl.stamp dd.on b {
              color: rgba(0, 0, 0, 0.8); }
    .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper {
      padding-bottom: 15px; }
      .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .qr_sc {
        display: block;
        margin: auto; }
      .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .icon.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .download.form-item-autocomplete.loading-autocomplete:before, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper table.list-view th.download.on, table.list-view .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper th.download.on, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper table.list-view th.download.sortable, table.list-view .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper th.download.sortable, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .ui-indicator .download#indicator:before, .ui-indicator .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .download#indicator:before, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .search-bar div.download.queries, .search-bar .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper div.download.queries, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .simulator > header dd.download, .simulator > header .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper dd.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .p3-layout .menu-pane li.download, .p3-layout .menu-pane .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper li.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .chat_list_view #simulator footer.send-type-text .type-text b.download:before, .chat_list_view #simulator footer.send-type-text .type-text .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper b.download:before, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor section.actions li h5.download, .bot-editor section.actions li .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper h5.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor ul.nodes > li > div span.download.new, .bot-editor ul.nodes > li > div .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper span.download.new, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor ul.nodes > li > div label.download.new, .bot-editor ul.nodes > li > div .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper label.download.new, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor ul.nodes div.download.schedule, .bot-editor ul.nodes .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper div.download.schedule, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor ul.nodes ol.card li.download.item.new, .bot-editor ul.nodes ol.card .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper li.download.item.new, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .bot-editor ul.nodes div.react-btns label.colors:hover u.download, .bot-editor ul.nodes div.react-btns label.colors:hover .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper u.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper section.user-editor section.info header.download, section.user-editor section.info .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper header.download, .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.download:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper b.download:before {
        display: block;
        margin-left: auto;
        margin-right: auto;
        background: #5f5bff;
        color: white; }
      .view-editor .preview-stamp_card .component-stamp_card .qr_sc_wrapper .qr-instruction {
        margin-left: 25px;
        margin-right: 25px;
        padding-left: 15px; }
  .view-editor .photo-frame {
    width: 100%;
    height: 180px;
    background-color: #D0C9C3;
    background-position: center;
    background-image: url(/images/widgets/bg-h.svg); }
    .view-editor .photo-frame .v-knob {
      background-image: url(/images/widgets/ico-vknob.svg);
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 16px;
      width: 100%;
      z-index: 1;
      cursor: row-resize;
      opacity: 0.2;
      background-position: center; }
      .view-editor .photo-frame .v-knob:hover {
        opacity: 0.4;
        border-bottom: 2px solid #222; }
  .view-editor .preview-text {
    padding-left: 24px;
    padding-right: 24px;
    word-break: break-all; }
  .view-editor pre.text-frame {
    word-break: break-all;
    white-space: normal;
    white-space: pre-wrap; }
  .view-editor .comp.comp-image form ul {
    padding-bottom: 0; }
  .view-editor .btn-bar {
    width: 100%;
    height: 32px; }
    .view-editor .btn-bar dd {
      position: relative;
      display: block;
      width: 32px;
      max-width: 32px;
      background-position: center;
      cursor: pointer;
      user-select: none;
      border: 1px solid transparent; }
    .view-editor .btn-bar dd.on {
      background-color: #F8F6F5;
      border-radius: 2px;
      border: 1px solid #D0C9C3; }
    .view-editor .btn-bar dd.space {
      flex: 1;
      width: auto;
      display: block !important;
      max-width: 100%; }
    .view-editor .btn-bar dd.color {
      position: relative; }
      .view-editor .btn-bar dd.color:before {
        content: "";
        position: absolute;
        width: 34px;
        height: 34px;
        background: transparent;
        border: 10px solid white;
        box-sizing: border-box;
        top: -1px;
        left: -1px; }
      .view-editor .btn-bar dd.color:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 5px;
        top: 5px;
        border: 1px solid #222;
        z-index: 1; }
  .view-editor .pop-inline form[data-func="fn.campaigns.bonus"] .alt.func-campaigns-bonus {
    display: flex !important; }
  .view-editor .pop-inline form footer {
    width: 100%; }
    .view-editor .pop-inline form footer span.space {
      flex: 1; }
  .view-editor .pop-inline form .form-type-radio {
    flex-direction: row; }
  .view-editor .pop-inline form .form-type-checkbox {
    padding-left: 6px; }
  .view-editor .slider-box {
    height: 100%; }
    .view-editor .slider-box .pages {
      bottom: 12px; }
  .view-editor .style-panel {
    background-color: #F8F6F5;
    z-index: 1;
    position: absolute;
    left: 480px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);
    width: 354px; }
    .view-editor .style-panel::after {
      border-right-color: #F8F6F5 !important; }
    .view-editor .style-panel * {
      color: #666; }
    .view-editor .style-panel h4 {
      text-transform: uppercase;
      white-space: nowrap;
      width: 144px; }
    .view-editor .style-panel form ul {
      padding-top: 0; }
    .view-editor .style-panel form li {
      padding-left: 8px; }
    .view-editor .style-panel li.sizes dd {
      width: 132px; }
    .view-editor .style-panel li.sizes dd[name] h4 {
      min-width: 56px; }
    .view-editor .style-panel li.sizes dd.space {
      width: 0px; }
    .view-editor .style-panel dl.tabs-row {
      margin: auto;
      justify-content: center;
      padding-top: 8px;
      padding-bottom: 4px; }
      .view-editor .style-panel dl.tabs-row dd {
        margin: 8px 16px;
        padding-right: 0;
        color: #ccc;
        cursor: pointer; }
    .view-editor .style-panel.tab-conf dd[tab=conf] {
      border-bottom: 2px solid #222;
      color: #222;
      font-weight: bold; }
    .view-editor .style-panel.tab-css dd[tab=css] {
      border-bottom: 2px solid #222;
      color: #222;
      font-weight: bold; }
    .view-editor .style-panel.tab-css .classname {
      padding: 8px 20px 8px 20px;
      display: flex;
      flex-direction: row; }
      .view-editor .style-panel.tab-css .classname input {
        background-color: white;
        margin-left: 12px; }
    .view-editor .style-panel .CodeMirror, .view-editor .style-panel .CodeMirror-scroll {
      min-height: 160px; }
    .view-editor .style-panel .form-row {
      border-top: 1px dashed #D0C9C3; }
      .view-editor .style-panel .form-row footer {
        justify-content: flex-end;
        padding-right: 0; }
      .view-editor .style-panel .form-row footer button.icon.save, .view-editor .style-panel .form-row footer button.save.form-item-autocomplete.loading-autocomplete:before, .view-editor .style-panel .form-row footer .ui-indicator button.save#indicator:before, .ui-indicator .view-editor .style-panel .form-row footer button.save#indicator:before {
        background-color: transparent !important;
        border: 0;
        color: #666 !important; }
    .view-editor .style-panel .row-title {
      padding-bottom: 0; }
      .view-editor .style-panel .row-title div.form-type-text {
        display: none; }
      .view-editor .style-panel .row-title h4 {
        line-height: 32px; }
    .view-editor .style-panel .row-split {
      border-bottom: 1px solid #D0C9C3;
      margin-bottom: 4px; }
    .view-editor .style-panel .form-item-multiple {
      padding-top: 0;
      padding-left: 20px; }
      .view-editor .style-panel .form-item-multiple dl h4 {
        width: 60px;
        min-width: 60px;
        font-size: 11px; }
      .view-editor .style-panel .form-item-multiple dl dd input[type=text] {
        width: 60px;
        max-width: 60px;
        text-align: right; }
    .view-editor .style-panel .form-item-background-size .form-type-radio {
      flex-direction: row; }
    .view-editor .style-panel footer .btns {
      width: 100%;
      height: 48px;
      display: flex;
      flex-direction: row;
      padding-top: 8px; }
      .view-editor .style-panel footer .btns span.space {
        flex: 1; }

.vars-panel {
  overflow: hidden;
  overflow-y: auto;
  display: block;
  height: 316px; }
  .vars-panel ul {
    width: inherit;
    overflow: hidden;
    position: relative; }
  .vars-panel li {
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    border-bottom: 1px solid #D0C9C3; }
    .vars-panel li h6 {
      color: #FDC73E;
      font-size: 11px; }
    .vars-panel li label {
      color: #FFFFFF;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.view-header {
  background: white;
  position: sticky;
  top: 0;
  min-width: max-content; }
  .view-header dt {
    margin-right: 12px; }
  .view-header dt.qrtitle {
    margin-right: 0; }
  .view-header select {
    border: 1px solid #D0C9C3;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding-right: 16px;
    padding-left: 8px; }
  .view-header input[name=uri] {
    width: 240px; }
  .view-header input[name=params] {
    width: 240px;
    height: 36px;
    line-height: 36px; }
  .view-header .flex1 {
    flex: 1; }
  .view-header dd.liff_url {
    margin-right: 0px; }
    .view-header dd.liff_url input {
      width: 240px; }
  .view-header dd.qrcode {
    width: 14px;
    margin-right: 12px; }
  .view-header dd.devices {
    display: flex;
    flex-direction: row;
    width: 80px;
    align-items: center; }
    .view-header dd.devices i {
      width: 24px;
      margin-right: 12px;
      position: relative; }
  .view-header .space {
    flex: 1; }
  .view-header .separator {
    flex: 0;
    cursor: col-resize;
    border-right: 1px solid #D0C9C3;
    background-color: #FFFFFF; }
  .view-header .view-opt {
    position: relative;
    text-indent: 16px;
    min-width: 115px; }
  .view-header .view-opt.on {
    color: #222; }
  .view-header .view-opt.gtm {
    min-width: 47px; }
  .view-header .view-opt:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #D0C9C3;
    top: 19px;
    margin-left: -12px; }
  .view-header .view-opt.on:before {
    background-color: #5F5BFF; }
  .view-header .form-item-autocomplete {
    margin-top: 6px;
    height: 28px; }
  .view-header .src-catalog label {
    padding-left: 20px; }

.view-setting-panel {
  background: #FFFFFF;
  position: fixed;
  top: 184px;
  right: 1px;
  left: auto;
  bottom: auto;
  width: 295px;
  max-height: calc(100vh - 184px);
  height: auto;
  padding: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden; }
  .view-setting-panel > form {
    max-height: calc(100vh - 184px - 60px);
    overflow-y: scroll; }
    .view-setting-panel > form li {
      display: flex;
      flex-direction: column !important; }
  .view-setting-panel h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #222;
    height: 32px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden; }
  .view-setting-panel > footer {
    height: 60px; }

.ui-dropdown.disabled.on {
  background-color: #D0C9C3; }

.ui-dropdown-mask {
  z-index: 999 !important; }

.popover.view-settings, section.view-settings.pop-inline {
  top: 40px !important; }
  .popover.view-settings .bot-locks:after, section.view-settings.pop-inline .bot-locks:after {
    height: 32px;
    line-height: 32px;
    font-family: "FontAwesome" !important;
    margin-left: 10px; }
  .popover.view-settings .bot-locks:hover, section.view-settings.pop-inline .bot-locks:hover {
    cursor: pointer; }
  .popover.view-settings .unlock:after, section.view-settings.pop-inline .unlock:after {
    content: ""; }
  .popover.view-settings .lock:after, section.view-settings.pop-inline .lock:after {
    content: "";
    color: #f8c90a; }
  .popover.view-settings header, section.view-settings.pop-inline header {
    background-color: transparent; }
  .popover.view-settings ul, section.view-settings.pop-inline ul {
    padding-top: 4px;
    padding-bottom: 4px; }
  .popover.view-settings span.space, section.view-settings.pop-inline span.space {
    flex: 1; }
  .popover.view-settings .ui-dropdown.form-item label, section.view-settings.pop-inline .ui-dropdown.form-item label {
    padding-left: 0 !important; }
  .popover.view-settings input[type=number], section.view-settings.pop-inline input[type=number] {
    width: 50%; }
  .popover.view-settings label, section.view-settings.pop-inline label {
    white-space: nowrap; }
  .popover.view-settings .form-row-text h4, section.view-settings.pop-inline .form-row-text h4,
  .popover.view-settings li h4,
  section.view-settings.pop-inline li h4 {
    height: 40px;
    line-height: 20px; }
  .popover.view-settings .form-row-hidden, section.view-settings.pop-inline .form-row-hidden {
    display: none; }
  .popover.view-settings .form-item-file, section.view-settings.pop-inline .form-item-file {
    height: 85px;
    width: 85px; }
    .popover.view-settings .form-item-file .default:after, section.view-settings.pop-inline .form-item-file .default:after {
      line-height: 20px;
      content: "Upload meta image"; }
  .popover.view-settings textarea, section.view-settings.pop-inline textarea {
    width: 448px; }
  .popover.view-settings form li[type=multiple] dd:first-child, section.view-settings.pop-inline form li[type=multiple] dd:first-child {
    width: auto; }
  .popover.view-settings .v_template .form-type-radio, section.view-settings.pop-inline .v_template .form-type-radio {
    flex-direction: row; }

.popup.white.add-view-form, section.popup.add-view-form.dict-editor {
  width: 800px; }
  .popup.white.add-view-form form li[type=multiple] dd:first-child, section.popup.add-view-form.dict-editor form li[type=multiple] dd:first-child {
    width: auto; }
  .popup.white.add-view-form .form-item-file, section.popup.add-view-form.dict-editor .form-item-file {
    height: 85px;
    width: 85px; }
    .popup.white.add-view-form .form-item-file .default:after, section.popup.add-view-form.dict-editor .form-item-file .default:after {
      line-height: 20px;
      content: "Upload meta image"; }
  .popup.white.add-view-form .form-item-multiple dd, section.popup.add-view-form.dict-editor .form-item-multiple dd {
    padding-right: 8px; }
  .popup.white.add-view-form .form-item-multiple .form-type-number input, section.popup.add-view-form.dict-editor .form-item-multiple .form-type-number input {
    width: 70px; }
  .popup.white.add-view-form textarea, section.popup.add-view-form.dict-editor textarea {
    width: 423px; }

.popup.view-export {
  width: 640px; }
  .popup.view-export .view-name {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .popup.view-export .view-name.error input[type=text] {
      border-color: #DB234B; }
    .popup.view-export .view-name cite {
      color: #DB234B; }
  .popup.view-export form {
    width: 100%; }
  .popup.view-export i.icon.close, .popup.view-export i.close.form-item-autocomplete.loading-autocomplete:before, .popup.view-export .ui-indicator i.close#indicator:before, .ui-indicator .popup.view-export i.close#indicator:before {
    background-image: url(/images/ico_close_no_bg.svg?v=1); }

.popup[name=miniapp_template_selector] {
  margin: auto;
  transform: unset !important; }
  .popup[name=miniapp_template_selector] .content {
    overflow-y: hidden;
    padding: 0 !important;
    width: 700px;
    max-height: calc(100vh - 7.2rem);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header' 'body' 'footer'; }
    .popup[name=miniapp_template_selector] .content .pop-header {
      grid-area: header;
      text-align: start;
      margin-left: 0;
      margin-top: 0;
      font-weight: 700;
      font-size: 18px;
      line-height: 18px; }
      .popup[name=miniapp_template_selector] .content .pop-header p {
        text-align: start;
        margin-left: 0;
        margin-top: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px; }
    .popup[name=miniapp_template_selector] .content .pop-body {
      grid-area: body;
      overflow: auto;
      padding: 30px; }
      .popup[name=miniapp_template_selector] .content .pop-body ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 30px;
        justify-content: space-between;
        align-items: baseline;
        margin: auto; }
        .popup[name=miniapp_template_selector] .content .pop-body ul .miniapp-template-item-img {
          cursor: pointer;
          width: 305px;
          height: 480px;
          transition: .3s;
          overflow-y: hidden;
          filter: brightness(0.8); }
          .popup[name=miniapp_template_selector] .content .pop-body ul .miniapp-template-item-img:has(.active) {
            filter: brightness(1);
            box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.8); }
          .popup[name=miniapp_template_selector] .content .pop-body ul .miniapp-template-item-img img {
            width: 100%;
            height: auto; }
    .popup[name=miniapp_template_selector] .content footer.operations {
      grid-area: footer;
      align-items: center; }

.popup[name=game_template_selector] {
  background-color: #FFF;
  color: #666;
  transform: unset !important; }
  .popup[name=game_template_selector] .content {
    overflow-y: hidden;
    padding: 0 !important;
    width: 740px;
    max-height: calc(100vh - 7.2rem);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header' 'body' 'footer'; }
    .popup[name=game_template_selector] .content .pop-header {
      grid-area: header; }
      .popup[name=game_template_selector] .content .pop-header p {
        text-align: start;
        margin-left: 0;
        margin-top: 0;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        color: #666 !important; }
    .popup[name=game_template_selector] .content .pop-body {
      grid-area: body;
      overflow: auto;
      padding: 15px 20px; }
      .popup[name=game_template_selector] .content .pop-body ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: flex-start; }
        .popup[name=game_template_selector] .content .pop-body ul .game-template-category {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 10px 0; }
          .popup[name=game_template_selector] .content .pop-body ul .game-template-category h3.game-template-category-label {
            font-size: 16px;
            font-weight: 500;
            color: #666 !important;
            margin-bottom: 10px; }
          .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item {
            width: 150px; }
            .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item h1, .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item h3, .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item p {
              color: #222; }
            .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item .game-template-item-img {
              border: 1px solid #D0C9C3;
              padding: 15px 15px 30px 15px;
              border-radius: 10px;
              height: 200px;
              cursor: pointer; }
              .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item .game-template-item-img iframe {
                pointer-events: none;
                border: unset; }
            .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item .game-template-item-label {
              margin-top: 0px;
              font-size: 14px; }
            .popup[name=game_template_selector] .content .pop-body ul .game-template-category .game-template-item .game-template-item-img:hover {
              box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
              transition: box-shadow 0.2s ease-in-out; }
          .popup[name=game_template_selector] .content .pop-body ul .game-template-category .active {
            box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.1) !important; }
    .popup[name=game_template_selector] .content footer.operations {
      grid-area: footer;
      align-items: center; }

.editor footer, .editor header {
  width: auto; }

.editor section.body {
  overflow-x: auto;
  height: 80vh; }

.editor .image-pane {
  height: 100%;
  width: 100%; }

.editor .tool-pane {
  height: 100%;
  min-width: 380px;
  display: flex;
  flex-direction: column;
  border: 1px solid #D0C9C3; }

.editor .tools li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
  width: calc(100% - 20px); }
  .editor .tools li input[type=number] {
    margin-left: 10px; }
  .editor .tools li.array {
    flex-direction: column;
    display: flex;
    align-items: stretch; }
  .editor .tools li .ui-dropdown {
    width: 180px; }
  .editor .tools li h4 {
    cursor: pointer;
    overflow: unset; }
    .editor .tools li h4:before {
      line-height: 28px; }
  .editor .tools li h4.icon, .editor .tools li h4.form-item-autocomplete.loading-autocomplete:before, .editor .tools li .ui-indicator h4#indicator:before, .ui-indicator .editor .tools li h4#indicator:before {
    margin-right: 24px; }
    .editor .tools li h4.icon:before, .editor .tools li h4.form-item-autocomplete.loading-autocomplete:before, .editor .tools li .ui-indicator h4#indicator:before, .ui-indicator .editor .tools li h4#indicator:before {
      padding-left: 1px; }
  .editor .tools li div {
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-items: center;
    border-radius: 4px;
    height: 30px;
    min-height: 30px;
    transition-duration: 0.4s;
    box-shadow: none;
    width: 8rem; }
    .editor .tools li div:before {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 85px;
      height: 100%;
      text-align: center;
      font-size: 14px; }
    .editor .tools li div:hover:before {
      color: #222; }
    .editor .tools li div input {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      cursor: inherit; }
  .editor .tools li div.add-del-controls {
    flex-direction: row-reverse; }
    .editor .tools li div.add-del-controls .plus-square {
      margin-right: 20px; }
  .editor .tools li label.upload {
    background-color: #F8F6F5;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    width: 8rem;
    min-height: 30px; }
    .editor .tools li label.upload span {
      margin-left: 20px; }
      .editor .tools li label.upload span i {
        display: inline;
        margin-left: 5px; }
    .editor .tools li label.upload input {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }

.ico.banner {
  background-image: url(/images/widgets/ico-banner.svg); }

.ico.branch {
  background-image: url(/images/widgets/ico-branch.svg); }

.ico.cal {
  background-image: url(/images/widgets/ico-cal.svg); }

.ico.card {
  background-image: url(/images/widgets/ico-card.svg); }

.ico.member_card {
  background-image: url(/images/widgets/ico-mem_card.svg); }

.ico.stamp_card {
  background-image: url(/images/widgets/ico-stamp_card.svg); }

.ico.carousel {
  background-image: url(/images/widgets/ico-carousel.svg); }

.ico.clock {
  background-image: url(/images/widgets/ico-clock.svg); }

.ico.copy {
  background-image: url(/images/widgets/ico-copy.svg); }

.ico.cross {
  background-image: url(/images/widgets/ico-cross.svg); }

.ico.down {
  background-image: url(/images/widgets/ico-down.svg); }

.ico.form-button {
  background-image: url(/images/widgets/ico-form-button.svg); }

.ico.form-calendar {
  background-image: url(/images/widgets/ico-form-calendar.svg); }

.ico.form-checkbox-off {
  background-image: url(/images/widgets/ico-form-checkbox-off.svg); }

.ico.form-checkbox {
  background-image: url(/images/widgets/ico-form-checkbox.svg); }

.ico.form-date {
  background-image: url(/images/widgets/ico-form-date.svg); }

.ico.form-divider {
  background-image: url(/images/widgets/ico-form-divider.svg); }

.ico.form-dropdown, .ico.form-select {
  background-image: url(/images/widgets/ico-form-dropdown.svg); }

.ico.form-input {
  background-image: url(/images/widgets/ico-form-input.svg); }

.ico.form-radio {
  background-image: url(/images/widgets/ico-form-radio.svg); }

.ico.form-switch {
  background-image: url(/images/widgets/ico-form-switch.svg); }

.ico.form-tabmenu {
  background-image: url(/images/widgets/ico-form-tabmenu.svg); }

.ico.form-text {
  background-image: url(/images/widgets/ico-form-text.svg); }

.ico.form-textarea {
  background-image: url(/images/widgets/ico-form-textarea.svg); }

.ico.form-time {
  background-image: url(/images/widgets/ico-form-time.svg); }

.ico.form-zipcode {
  background-image: url(/images/widgets/ico-form-zipcode.svg); }

.ico.form-bottom {
  background-image: url(/images/widgets/ico-form-bottom.svg); }

.ico.form-center {
  background-image: url(/images/widgets/ico-form-center.svg); }

.ico.form-file {
  background-image: url(/images/widgets/ico-form-file.svg); }

.ico.form-left {
  background-image: url(/images/widgets/ico-form-left.svg); }

.ico.form-middle {
  background-image: url(/images/widgets/ico-form-middle.svg); }

.ico.form-more {
  background-image: url(/images/widgets/ico-form-more.svg); }

.ico.form-radio-off {
  background-image: url(/images/widgets/ico-form-radio-off.svg); }

.ico.form-right {
  background-image: url(/images/widgets/ico-form-right.svg); }

.ico.form-top {
  background-image: url(/images/widgets/ico-form-top.svg); }

.ico.grids {
  background-image: url(/images/widgets/ico-grids.svg); }

.ico.help {
  background-image: url(/images/widgets/ico-help.svg); }

.ico.image {
  background-image: url(/images/widgets/ico-image.svg); }

.ico.imagecarousel {
  background-image: url(/images/widgets/ico-imagecarousel.svg); }

.ico.imagemap {
  background-image: url(/images/widgets/ico-imagemap.svg); }

.ico.list {
  background-image: url(/images/widgets/ico-list.svg); }

.ico.minus {
  background-image: url(/images/widgets/ico-minus.svg); }

.ico.plus {
  background-image: url(/images/widgets/ico-plus.svg); }

.ico.question {
  background-image: url(/images/widgets/ico-question.svg); }

.ico.required {
  background-image: url(/images/widgets/ico-required.svg); }

.ico.slider {
  background-image: url(/images/widgets/ico-slider.svg); }

.ico.save {
  background-image: url(/images/widgets/ico-save.svg); }

.ico.search {
  background-image: url(/images/widgets/ico-search.svg); }

.ico.text {
  background-image: url(/images/widgets/ico-text.svg); }

.ico.trash {
  background-image: url(/images/widgets/ico-trash.svg); }

.ico.video {
  background-image: url(/images/widgets/ico-video.svg); }

.ico.ec-orders {
  background-image: url(/images/widgets/ico-orders.svg); }

.ico.ec-cart {
  background-image: url(/images/widgets/ico-cart.svg); }

.ico.ec-options {
  background-image: url(/images/widgets/ico-options.svg); }

.ico.font-plus {
  background-image: url(/images/widgets/ico-font-plus.svg); }

.ico.font-minus {
  background-image: url(/images/widgets/ico-font-minus.svg); }

.ico.bold {
  background-image: url(/images/widgets/ico-bold.svg); }

.ico.qrcode {
  background-image: url(/images/widgets/ico-qrcode.svg); }

.ico.barcode {
  background-image: url(/images/widgets/ico-barcode.svg); }

.ico.game {
  background-position: 12px 13px !important;
  background-size: auto 18px !important;
  background-image: url(/images/widgets/game.svg); }

.ico.roulette {
  background-position: 12px 11px !important;
  background-size: auto 21px !important;
  background-image: url(/images/widgets/roulette.svg); }

.ico.itemroulette {
  background-position: 12px 13px !important;
  background-size: auto 17px !important;
  background-image: url(/images/widgets/itemroulette.svg); }

.ico.gacha {
  background-position: 15px 12px !important;
  background-size: auto 23px !important;
  background-image: url(/images/widgets/gacha.svg); }

.ico.slot {
  background-position: 13px 12px !important;
  background-size: auto 19px !important;
  background-image: url(/images/widgets/slot.svg); }

.ico.trump {
  background-position: 13px 11px !important;
  background-size: auto 20px !important;
  background-image: url(/images/widgets/trump.svg); }

.ico.scratch {
  background-position: 13px 13px !important;
  background-size: auto 18px !important;
  background-image: url(/images/widgets/scratch.svg); }

.ico.treasure {
  background-position: 12px 14px !important;
  background-size: auto 17px !important;
  background-image: url(/images/widgets/treasure.svg); }

.ico.code {
  background-image: url(/images/widgets/ico-code.svg); }

.ico.pc {
  background-image: url(/images/widgets/ico-pc.svg); }

.ico.mobile {
  background-image: url(/images/widgets/ico-mobile.svg); }

.ico.pc.gray {
  background-image: url(/images/widgets/ico-pc-g.svg); }

.ico.mobile.gray {
  background-image: url(/images/widgets/ico-mobile-g.svg); }

.ico.pc.on {
  background-image: url(/images/widgets/ico-pc-b.svg) !important; }

.ico.mobile.on {
  background-image: url(/images/widgets/ico-mobile-b.svg) !important; }

.ico.pc.simulator-btn {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 12px;
  top: 12px;
  background-color: white;
  border-radius: 16px;
  background-size: 20px auto; }
  .ico.pc.simulator-btn:after {
    transform: translateX(-88px); }

.app_edit_view {
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box; }
  .app_edit_view * {
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    box-sizing: border-box; }
    .app_edit_view *::before {
      position: initial;
      left: initial;
      top: initial;
      bottom: initial; }
  .app_edit_view > header {
    position: relative; }
    .app_edit_view > header .icon, .app_edit_view > header .form-item-autocomplete.loading-autocomplete:before, .app_edit_view > header table.list-view th.on, table.list-view .app_edit_view > header th.on, .app_edit_view > header table.list-view th.sortable, table.list-view .app_edit_view > header th.sortable, .app_edit_view > header .ui-indicator #indicator:before, .ui-indicator .app_edit_view > header #indicator:before, .app_edit_view > header .search-bar div.queries, .search-bar .app_edit_view > header div.queries, .app_edit_view > header .simulator > header dd, .simulator > header .app_edit_view > header dd, .app_edit_view > header .p3-layout .menu-pane li, .p3-layout .menu-pane .app_edit_view > header li, .app_edit_view > header .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .app_edit_view > header b:before, .app_edit_view > header .bot-editor section.actions li h5, .bot-editor section.actions li .app_edit_view > header h5, .app_edit_view > header .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .app_edit_view > header span.new, .app_edit_view > header .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .app_edit_view > header label.new, .app_edit_view > header .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .app_edit_view > header div.schedule, .app_edit_view > header .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .app_edit_view > header li.item.new, .app_edit_view > header .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view > header u, .app_edit_view > header section.user-editor section.info header, section.user-editor section.info .app_edit_view > header header, .app_edit_view > header section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .app_edit_view > header b:before {
      text-indent: 0; }
      .app_edit_view > header .icon.dots-v, .app_edit_view > header .dots-v.form-item-autocomplete.loading-autocomplete:before, .app_edit_view > header table.list-view th.dots-v.on, table.list-view .app_edit_view > header th.dots-v.on, .app_edit_view > header table.list-view th.dots-v.sortable, table.list-view .app_edit_view > header th.dots-v.sortable, .app_edit_view > header .ui-indicator .dots-v#indicator:before, .ui-indicator .app_edit_view > header .dots-v#indicator:before, .app_edit_view > header .search-bar div.dots-v.queries, .search-bar .app_edit_view > header div.dots-v.queries, .app_edit_view > header .simulator > header dd.dots-v, .simulator > header .app_edit_view > header dd.dots-v, .app_edit_view > header .p3-layout .menu-pane li.dots-v, .p3-layout .menu-pane .app_edit_view > header li.dots-v, .app_edit_view > header .chat_list_view #simulator footer.send-type-text .type-text b.dots-v:before, .chat_list_view #simulator footer.send-type-text .type-text .app_edit_view > header b.dots-v:before, .app_edit_view > header .bot-editor section.actions li h5.dots-v, .bot-editor section.actions li .app_edit_view > header h5.dots-v, .app_edit_view > header .bot-editor ul.nodes > li > div span.dots-v.new, .bot-editor ul.nodes > li > div .app_edit_view > header span.dots-v.new, .app_edit_view > header .bot-editor ul.nodes > li > div label.dots-v.new, .bot-editor ul.nodes > li > div .app_edit_view > header label.dots-v.new, .app_edit_view > header .bot-editor ul.nodes div.dots-v.schedule, .bot-editor ul.nodes .app_edit_view > header div.dots-v.schedule, .app_edit_view > header .bot-editor ul.nodes ol.card li.dots-v.item.new, .bot-editor ul.nodes ol.card .app_edit_view > header li.dots-v.item.new, .app_edit_view > header .bot-editor ul.nodes div.react-btns label.colors:hover u.dots-v, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view > header u.dots-v, .app_edit_view > header section.user-editor section.info header.dots-v, section.user-editor section.info .app_edit_view > header header.dots-v, .app_edit_view > header section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dots-v:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .app_edit_view > header b.dots-v:before {
        display: inherit; }
  .app_edit_view main {
    flex: 1;
    display: grid;
    grid-gap: 0.4rem;
    grid-template-columns: 24rem 1fr 24rem;
    grid-template-rows: min-content 1fr;
    background-color: var(--l2);
    padding-top: 0;
    overflow: hidden;
    position: relative; }
    .app_edit_view main input::placeholder {
      font-size: 12px; }
    .app_edit_view main.editting {
      grid-template-columns: 24rem 1fr 1fr; }
    .app_edit_view main > * {
      position: relative; }
    .app_edit_view main > .box {
      background-color: white; }
    .app_edit_view main > .topmenu {
      grid-column: auto;
      grid-row: 1;
      padding: 1rem;
      display: flex;
      align-items: center; }
      .app_edit_view main > .topmenu dl dd {
        cursor: pointer; }
      .app_edit_view main > .topmenu > * {
        flex: 1 1 20%; }
        .app_edit_view main > .topmenu > *:not(:last-child) {
          margin-right: 1rem; }
        .app_edit_view main > .topmenu > *:first-child {
          display: flex;
          justify-content: flex-start; }
        .app_edit_view main > .topmenu > *:nth-child(2) {
          display: flex;
          justify-content: center; }
        .app_edit_view main > .topmenu > *:last-child {
          display: flex;
          justify-content: flex-end; }
      .app_edit_view main > .topmenu .inputs {
        display: flex;
        justify-content: flex-start; }
        .app_edit_view main > .topmenu .inputs input[type=text] {
          min-width: 10rem !important; }
        .app_edit_view main > .topmenu .inputs > * {
          height: 3.2rem;
          line-height: 3.2rem; }
          .app_edit_view main > .topmenu .inputs > *:not(:first-child) {
            margin-left: 0.5rem; }
      .app_edit_view main > .topmenu .devices {
        position: relative; }
        .app_edit_view main > .topmenu .devices > * {
          cursor: pointer;
          padding: 0.75rem 1.25rem;
          border: solid 1px var(--l2); }
          .app_edit_view main > .topmenu .devices > *:first-child {
            border-top-left-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem; }
          .app_edit_view main > .topmenu .devices > *:not(:first-child) {
            margin-left: -1px; }
          .app_edit_view main > .topmenu .devices > *:last-child {
            border-top-right-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem; }
          .app_edit_view main > .topmenu .devices > *.on {
            color: var(--a1);
            background-color: #ebebff;
            border-color: currentColor;
            z-index: 1; }
    .app_edit_view main > .sidemenu {
      grid-column: 1;
      grid-row: 1 / 3;
      overflow-y: auto;
      display: flex;
      flex-direction: column; }
      .app_edit_view main > .sidemenu .sidemenu-container {
        flex: 1;
        display: flex;
        flex-direction: column; }
        .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub {
          flex: 1;
          display: flex;
          flex-direction: column; }
          .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub:not(.on) {
            display: none; }
          .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline {
            text-align: left;
            padding: 1rem; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .inactive {
              opacity: 0.5; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .misc .delete {
              display: none !important; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline > .wrapper > .label {
              display: none; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .sub {
              overflow: hidden; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label {
              padding: 0.2rem 0;
              padding-left: calc((var(--depth) - 1) * 1.4rem);
              display: flex;
              align-items: center;
              cursor: pointer;
              border: solid 1px transparent;
              transition: all 0.2s; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label input {
                background: none;
                border: none;
                outline: none;
                color: inherit;
                cursor: pointer; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.on {
                background-color: var(--a1);
                color: white; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.editing input {
                cursor: text; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.hover {
                border: solid 1px var(--a1) !important;
                font-family: inherit; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse + .sub {
                max-height: 0; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .icon, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .form-item-autocomplete.loading-autocomplete:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse table.list-view th.on, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse th.on, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse table.list-view th.sortable, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse th.sortable, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .ui-indicator #indicator:before, .ui-indicator .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse #indicator:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .search-bar div.queries, .search-bar .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse div.queries, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .simulator > header dd, .simulator > header .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse dd, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .p3-layout .menu-pane li, .p3-layout .menu-pane .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse li, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse b:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor section.actions li h5, .bot-editor section.actions li .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse h5, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse span.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse label.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse div.schedule, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse li.item.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse u, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse section.user-editor section.info header, section.user-editor section.info .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse header, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.collapse b:before {
                transform: rotate(0deg) !important; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .symbol {
                font-size: 1.6rem;
                color: inherit;
                margin-right: 0.5rem; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .icon, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .form-item-autocomplete.loading-autocomplete:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label table.list-view th.on, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label th.on, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label table.list-view th.sortable, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label th.sortable, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .ui-indicator #indicator:before, .ui-indicator .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label #indicator:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .search-bar div.queries, .search-bar .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label div.queries, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .simulator > header dd, .simulator > header .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label dd, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .p3-layout .menu-pane li, .p3-layout .menu-pane .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label li, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label b:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor section.actions li h5, .bot-editor section.actions li .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label h5, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label span.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label label.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label div.schedule, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label li.item.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label u, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label section.user-editor section.info header, section.user-editor section.info .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label header, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label b:before {
                display: flex;
                width: 1.4rem;
                height: 1.4rem;
                align-items: center;
                justify-content: center;
                color: inherit;
                position: relative;
                vertical-align: middle;
                font-size: 1.2em;
                font-weight: bold;
                margin: 0 0.5rem; }
                .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .icon::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label table.list-view th.on::before, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label th.on::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label table.list-view th.sortable::before, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label th.sortable::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .search-bar div.queries::before, .search-bar .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label div.queries::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .simulator > header dd::before, .simulator > header .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label dd::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .p3-layout .menu-pane li::before, .p3-layout .menu-pane .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label li::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor section.actions li h5::before, .bot-editor section.actions li .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label h5::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label span.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label label.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label div.schedule::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label li.item.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label u::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label section.user-editor section.info header::before, section.user-editor section.info .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label header::before {
                  content: '';
                  display: block;
                  position: initial;
                  width: initial;
                  height: initial;
                  line-height: initial;
                  left: initial;
                  top: initial;
                  right: initial;
                  bottom: initial; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .icon, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .form-item-autocomplete.loading-autocomplete:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group table.list-view th.on, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group th.on, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group table.list-view th.sortable, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group th.sortable, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .ui-indicator #indicator:before, .ui-indicator .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group #indicator:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .search-bar div.queries, .search-bar .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group div.queries, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .simulator > header dd, .simulator > header .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group dd, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .p3-layout .menu-pane li, .p3-layout .menu-pane .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group li, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group b:before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor section.actions li h5, .bot-editor section.actions li .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group h5, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group span.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group label.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group div.schedule, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group li.item.new, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group u, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group section.user-editor section.info header, section.user-editor section.info .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group header, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group b:before {
                position: relative;
                transform: rotate(90deg);
                transition: transform 0.2s; }
                .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .icon::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group table.list-view th.on::before, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group th.on::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group table.list-view th.sortable::before, table.list-view .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group th.sortable::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .search-bar div.queries::before, .search-bar .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group div.queries::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .simulator > header dd::before, .simulator > header .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group dd::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .p3-layout .menu-pane li::before, .p3-layout .menu-pane .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group li::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor section.actions li h5::before, .bot-editor section.actions li .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group h5::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group span.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group label.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group div.schedule::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group li.item.new::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group u::before, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group section.user-editor section.info header::before, section.user-editor section.info .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label.group header::before {
                  content: '\25B8';
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%); }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label label {
                cursor: inherit;
                color: inherit; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .delete {
                opacity: 0;
                text-decoration: none;
                margin-left: auto;
                color: inherit;
                transition: all 0.2s;
                font-size: 1.8rem; }
                .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label .delete:hover {
                  color: #e04f4f; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .label:hover .delete {
                opacity: 1; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .add-cell {
              margin-top: auto;
              display: flex;
              text-decoration: none;
              align-items: center;
              text-align: center;
              justify-content: center;
              border: solid 1px rgba(0, 0, 0, 0.2);
              padding: 0.5rem;
              margin-top: 0.5rem;
              transition: all .2s;
              border-radius: 2px; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .add-cell:hover {
                background-color: var(--a1);
                color: white; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .add-cell * {
                color: inherit; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .outline .add-cell .material-icons {
                font-size: 2rem;
                margin-right: 0.5rem; }
          .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub div.search {
            padding: 0.8rem 1.2rem; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub div.search span {
              color: var(--l3);
              font-size: 1.4rem; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub div.search input {
              background: white;
              font-style: italic;
              color: var(--d1);
              border: 0;
              border-radius: 0; }
          .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages {
            flex: 1;
            overflow-y: auto; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li {
              display: flex;
              flex-direction: row;
              align-items: center;
              padding: 0.8rem 1.2rem;
              cursor: pointer; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li .delete {
                margin-left: auto; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li label {
                margin-left: 0.8rem;
                cursor: pointer; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li:hover {
                background-color: var(--l1); }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li.on {
                background-color: var(--l1); }
                .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages li.on * {
                  color: var(--a1); }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages span {
              font-size: 1.4rem; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-list:before {
              content: '\e896'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-detail:before {
              content: '\e574'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-form:before {
              content: '\e873'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-delete::before {
              content: '\e872'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-rms_form:before {
              content: '\e878'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-grids:before {
              content: '\e9b0'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-condition:before {
              content: '\f184'; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .pages .type-calendar:before {
              content: '\e916'; }
          .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .footer {
            border-top: 1px solid var(--ln);
            justify-content: flex-end;
            padding: 0.4rem; }
            .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .footer .new-view, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .footer .import-view {
              margin: 1rem;
              text-transform: uppercase;
              cursor: pointer;
              font-weight: 600;
              transition: all .2s; }
              .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .footer .new-view:hover, .app_edit_view main > .sidemenu .sidemenu-container .sidemenu-sub .footer .import-view:hover {
                background-color: var(--a1);
                color: white; }
    .app_edit_view main > .container {
      grid-column: 2;
      grid-row: 2;
      background-color: var(--l2);
      overflow-y: auto;
      overflow-x: hidden;
      scroll-behavior: smooth; }
      .app_edit_view main > .container > .wrapper {
        background-color: white;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        user-select: none; }
      .app_edit_view main > .container .wrapper {
        position: relative; }
        .app_edit_view main > .container .wrapper [data-name]:not(.layout)::after {
          content: attr(data-name);
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          background-color: rgba(0, 0, 0, 0.2);
          color: white;
          padding: 2px 4px; }
        .app_edit_view main > .container .wrapper [data-name].on::after {
          background-color: rgba(95, 91, 255, 0.6); }
        .app_edit_view main > .container .wrapper .cell,
        .app_edit_view main > .container .wrapper .layout {
          align-items: stretch;
          position: relative;
          border: solid 1px transparent;
          cursor: pointer;
          min-width: 3.2rem;
          min-height: 3.2rem; }
          .app_edit_view main > .container .wrapper .cell > *,
          .app_edit_view main > .container .wrapper .layout > * {
            max-width: 100%;
            max-height: 100%; }
          .app_edit_view main > .container .wrapper .cell.hover,
          .app_edit_view main > .container .wrapper .layout.hover {
            border: dashed 1px var(--a1) !important; }
          .app_edit_view main > .container .wrapper .cell.on,
          .app_edit_view main > .container .wrapper .layout.on {
            border: solid 1px var(--a1) !important; }
          .app_edit_view main > .container .wrapper .cell.empty,
          .app_edit_view main > .container .wrapper .layout.empty {
            min-width: 8rem;
            min-height: 8rem; }
          .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-left, .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-top, .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-left,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-top,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-bottom {
            display: none; }
          .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-top, .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-left, .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-top,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-left,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-right {
            display: none; }
          .app_edit_view main > .container .wrapper .cell[data-type='footer_menu'].row .division-handles .division-button-right, .app_edit_view main > .container .wrapper .cell[data-type='footer_menu'].row .division-handles .division-button-top, .app_edit_view main > .container .wrapper .cell[data-type='footer_menu'].row .division-handles .division-button-bottom, .app_edit_view main > .container .wrapper .cell[data-type='side_menu'].row .division-handles .division-button-right, .app_edit_view main > .container .wrapper .cell[data-type='side_menu'].row .division-handles .division-button-top, .app_edit_view main > .container .wrapper .cell[data-type='side_menu'].row .division-handles .division-button-bottom, .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-right, .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-top, .app_edit_view main > .container .wrapper .cell[data-type='top_menu'].row .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu'].row .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu'].row .division-handles .division-button-top,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu'].row .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu'].row .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu'].row .division-handles .division-button-top,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu'].row .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-top,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu'].row .division-handles .division-button-bottom {
            display: none; }
          .app_edit_view main > .container .wrapper .cell[data-type='footer_menu']:not(.row) .division-handles .division-button-bottom, .app_edit_view main > .container .wrapper .cell[data-type='footer_menu']:not(.row) .division-handles .division-button-left, .app_edit_view main > .container .wrapper .cell[data-type='footer_menu']:not(.row) .division-handles .division-button-right, .app_edit_view main > .container .wrapper .cell[data-type='side_menu']:not(.row) .division-handles .division-button-bottom, .app_edit_view main > .container .wrapper .cell[data-type='side_menu']:not(.row) .division-handles .division-button-left, .app_edit_view main > .container .wrapper .cell[data-type='side_menu']:not(.row) .division-handles .division-button-right, .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-bottom, .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-left, .app_edit_view main > .container .wrapper .cell[data-type='top_menu']:not(.row) .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu']:not(.row) .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu']:not(.row) .division-handles .division-button-left,
          .app_edit_view main > .container .wrapper .layout[data-type='footer_menu']:not(.row) .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu']:not(.row) .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu']:not(.row) .division-handles .division-button-left,
          .app_edit_view main > .container .wrapper .layout[data-type='side_menu']:not(.row) .division-handles .division-button-right,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-bottom,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-left,
          .app_edit_view main > .container .wrapper .layout[data-type='top_menu']:not(.row) .division-handles .division-button-right {
            display: none; }
        .app_edit_view main > .container .wrapper .layout > .division-handles .division-button-add {
          display: none; }
        .app_edit_view main > .container .wrapper .cell {
          display: flex;
          align-items: stretch;
          position: relative;
          text-align: left; }
          .app_edit_view main > .container .wrapper .cell.empty {
            background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.1) 1rem, rgba(0, 0, 0, 0.15) 1rem, rgba(0, 0, 0, 0.15) 2rem); }
            .app_edit_view main > .container .wrapper .cell.empty::before {
              content: 'Empty';
              font-size: 2rem;
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              color: #aaa; }
          .app_edit_view main > .container .wrapper .cell:not(.empty) .division-handles .division-button-add {
            display: none; }
          .app_edit_view main > .container .wrapper .cell.target, .app_edit_view main > .container .wrapper .cell.dragging {
            border: solid 1px red !important;
            cursor: all-scroll; }
          .app_edit_view main > .container .wrapper .cell .comp {
            flex: 1;
            overflow: hidden;
            position: relative; }
        .app_edit_view main > .container .wrapper .layout {
          display: flex;
          flex-direction: column; }
        .app_edit_view main > .container .wrapper.hover .cell,
        .app_edit_view main > .container .wrapper.hover .layout {
          border: dashed 1px var(--l2); }
        .app_edit_view main > .container .wrapper.hover [data-name]::after {
          display: block; }
    .app_edit_view main > .rightmenu {
      grid-column: 3;
      grid-row: auto / span 2;
      margin: 0;
      overflow-y: auto;
      display: flex;
      flex-direction: column; }
      .app_edit_view main > .rightmenu .rightmenu-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden; }
        .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub {
          flex: 1;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          position: relative; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub:not(.on) {
            display: none; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] form {
              padding: 1rem;
              min-height: 100%; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form {
            text-align: left;
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            display: flex;
            position: relative; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul {
              height: 100%;
              padding: 1rem;
              flex: 1;
              overflow-y: auto;
              display: block;
              overflow-x: hidden;
              display: flex;
              flex-direction: column; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li {
                padding: 0;
                margin-bottom: 1rem;
                flex-direction: column;
                overflow: initial; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li .uri-row code {
                  overflow: hidden; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li p[class*='desc'] {
                  font-size: 0.8em;
                  color: var(--d3); }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li h4 {
                  width: auto; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd {
                  display: flex;
                  align-items: center;
                  padding-right: 0.8rem; }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd[name='prefix'], .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd[name='suffix'] {
                    flex: 1;
                    flex-direction: column;
                    align-items: flex-start; }
                    .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd[name='prefix'] h4, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd[name='suffix'] h4 {
                      height: 2rem;
                      line-height: 2rem; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li[type='multiple'] dd:first-child {
                  width: auto; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li dl.btn-bar dd {
                  height: 2.4rem;
                  width: 2.8rem;
                  background-position: center;
                  cursor: pointer; }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li dl.btn-bar dd.color {
                    border: 1px solid var(--ln); }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul li dl.btn-bar dd.on {
                    color: var(--a1); }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul .sel-option {
                margin-top: 0;
                margin-bottom: 0.8rem;
                height: auto;
                text-indent: 0; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul .sel-option input {
                  flex: 0 0 auto; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form ul .space {
                flex: 1; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'] > div {
              width: 100%; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box ul {
              display: flex;
              justify-content: center; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box ul label:last-child {
                margin-right: 0; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box .qr-row {
              display: flex;
              align-items: center;
              flex-direction: column; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box .qr-row button {
                margin-left: 0;
                margin-top: 1rem;
                border: 1px solid var(--a1);
                color: var(--a1); }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box .qr-row button:hover {
                  background-color: var(--a1);
                  color: white; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form div[class$='-box'].qr-box .qr-row img {
                width: 12rem;
                height: 12rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form code {
              display: block;
              height: 3.2rem;
              line-height: 3.2rem;
              background-color: var(--l1);
              margin-bottom: 4px;
              white-space: nowrap;
              padding-left: 0.4rem;
              overflow: hidden; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox {
              justify-content: flex-end; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox label {
                margin: 0;
                margin-left: auto;
                border-radius: 4px;
                display: flex;
                align-items: center;
                padding: 1px 6px;
                cursor: pointer;
                border: 1px solid var(--a1); }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox label * {
                  color: var(--a1);
                  font-size: 1.4rem; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox label p {
                  padding: 0; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox label:hover {
                  background-color: var(--a1); }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .copy.hbox label:hover * {
                    color: white; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-src,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-trans,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-date-opts,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-time-opts,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-opts--type,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-opts--callback,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-opts--webhook,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-items--type,
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .alt-validate {
              display: none; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch {
              line-height: initial;
              display: flex;
              align-items: center; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch {
                all: unset;
                --size: 1.2rem;
                display: flex;
                width: 3.6rem;
                background-color: var(--l2);
                border: solid 1px rgba(0, 0, 0, 0.1);
                border-radius: 5rem;
                align-items: center;
                justify-content: space-between;
                padding: 0.2rem 0.4rem;
                height: 1.4rem;
                cursor: pointer; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch.on {
                  background-color: var(--a1); }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch.on::before {
                    content: 'ON';
                    order: 0;
                    color: white; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch::before, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch::after {
                  all: unset;
                  content: ''; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch::before {
                  content: 'OFF';
                  font-size: 1rem;
                  order: 1; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-type-switch .form-item-switch::after {
                  display: flex;
                  height: var(--size);
                  width: var(--size);
                  flex: 0 0 var(--size);
                  background-color: white;
                  border-radius: var(--size);
                  border: solid 1px rgba(0, 0, 0, 0.1); }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-item-autocomplete input[type='text'] {
              margin: 0 6px; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer {
              z-index: 1;
              display: flex;
              flex-direction: row;
              background: white;
              bottom: 0;
              border-top: 1px solid var(--ln);
              margin: -1rem;
              margin-bottom: 0;
              margin-top: auto;
              padding: 1rem 2rem; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer .space {
                margin-bottom: 1rem; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer dl {
                width: 100%; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer dl dd[name='required'] {
                  flex: 1; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer dl dd:last-child {
                  flex: 0;
                  padding: 0;
                  display: flex;
                  align-items: center;
                  justify-content: flex-end; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer dl .form-type-switch {
                  display: flex;
                  flex-direction: row; }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer dl .form-type-switch p {
                    white-space: nowrap;
                    padding: 0 0 0 1rem; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer i {
                opacity: 0.4; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .footer i:hover {
                  opacity: 1; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group.inline {
              display: flex;
              align-items: center; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group.inline > *:not(:first-child) {
                margin-left: 1rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group label.big {
              font-size: 1.3rem;
              font-weight: 500;
              color: black; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group > :is(.input-group, .input-groups):not(:first-child) {
              margin-top: 1rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group.icons {
              flex: 1;
              display: flex;
              justify-content: space-around; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group.icons a {
                text-decoration: none; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-group.icons a.on {
                  color: var(--a1); }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-groups {
              display: flex; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .input-groups > .input-group:not(:last-of-type) {
                margin-right: 1rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .form-footer {
              margin-top: auto !important;
              display: flex;
              flex-direction: column;
              align-items: stretch; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .ico-picker {
              display: flex;
              flex-direction: row;
              align-items: stretch; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .ico-picker-icon {
                display: flex;
                width: 3.2rem;
                height: 3.2rem;
                flex: 0 0 3.2rem;
                border-radius: 0.5rem;
                border: solid 1px rgba(0, 0, 0, 0.2);
                align-items: center;
                justify-content: center;
                cursor: pointer;
                margin-right: 1rem; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .ico-picker-icon * {
                  color: inherit; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .ico-picker-icon:hover {
                  color: var(--a1); }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .ico-picker-input {
                font-family: inherit !important;
                font-size: 1.4rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .delete-button {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              margin: 0;
              margin-left: auto;
              padding: 0.5rem 1rem;
              height: initial;
              line-height: initial; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .delete-button span:not(.material-icons) {
                flex: 1; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form .delete-button .material-icons {
                margin-right: 1rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data_tab'] dl {
              display: flex;
              flex-wrap: wrap; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data_tab'] dl dd {
                padding: 0;
                flex: 1; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data_tab'] dl dd button {
                  margin: 0;
                  width: 100%;
                  border-radius: 0; }
                  .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data_tab'] dl dd button.on {
                    background-color: var(--a1);
                    border-color: var(--a1);
                    color: white;
                    font-weight: bold; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data'] {
              overflow-x: hidden; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data'] > dl > dl {
                width: 100%;
                flex: 0 0 auto;
                display: flex;
                flex-direction: column; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data'] > dl > dl [class$=".prize_type"] {
                  padding: 0; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li[name='prize_data'] > dl > dl dd:not([class]) {
                  margin: 0;
                  margin-top: 2rem;
                  margin-left: auto; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li:not([class]) {
              margin: 0;
              margin-bottom: 2rem;
              margin-right: auto; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='game'] > ul > li:not([class]) button {
                margin: 0; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] > ul > li:first-child, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] > ul > li:first-child, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] > ul > li:first-child {
              margin: -1rem;
              margin-bottom: 1rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus {
              display: flex;
              flex-direction: row;
              align-items: stretch;
              overflow-x: auto;
              overflow-y: hidden; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .add, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .add, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .add {
                text-decoration: none;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu:not(:last-child), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .add:not(:last-child), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu:not(:last-child), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .add:not(:last-child), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu:not(:last-child), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .add:not(:last-child) {
                  border-right: solid 1px rgba(0, 0, 0, 0.2); }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu:not(.on), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .add:not(.on), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu:not(.on), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .add:not(.on), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu:not(.on), .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .add:not(.on) {
                  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
                  background-color: var(--l1); }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu {
                flex: 0 0 5rem;
                overflow: hidden;
                padding: 0.5rem 1rem;
                color: var(--d3); }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu *, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu *, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu * {
                  color: inherit; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu span, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu span, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu span {
                  font-size: 2rem; }
                .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .menu p, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .menu p, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .menu p {
                  padding: 0;
                  font-size: 0.7rem;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='footer_menu'] .menus .add, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='side_menu'] .menus .add, .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type='top_menu'] .menus .add {
                flex: 1;
                align-items: flex-start;
                margin-left: auto;
                padding: 0 1rem;
                font-size: 1.6rem;
                color: var(--a1); }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub .sel-option {
            display: inline-flex;
            align-items: center;
            line-height: initial !important;
            padding-left: initial !important; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub .sel-option input {
              order: -1;
              position: initial !important;
              transform: initial !important;
              margin-left: initial !important;
              margin-right: 0.5rem; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=time] .opts-time dl {
            flex-direction: column; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--btntype=text] .alt-_items--type._items--type-icontext.ico-pos-button {
            display: none; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=autocomplete] .alt[tp*=autocomplete],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=file] .alt[tp*=file],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=checkbox] .alt[tp*=checkbox],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=calendar] .alt[tp*=calendar]:not(.alt-date-opts),
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=dropdown] .alt[tp*=dropdown],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=input] .alt[tp*=input],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=textarea] .alt[tp*=textarea],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=radio] .alt[tp*=radio],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=select] .alt[tp*=select],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=search] .alt[tp*=search],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=switch] .alt[tp*=switch],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=tabbar] .alt[tp*=tabbar],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=tabmenu] .alt[tp*=tabmenu],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=time] .alt[tp*=time]:not(.alt-time-opts),
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=yymmdd] .alt[tp*=yymmdd]:not(.alt-date-opts),
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-type=zipcode] .alt[tp*=zipcode],
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-trans=view] .alt.trans-view,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-trans=chat] .alt.trans-chat,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-trans=uri] .alt.trans-uri,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--trans=view] .alt._items--trans-view,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--trans=chat] .alt._items--trans-chat,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--trans=uri] .alt._items--trans-uri,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-subtype*=checkbox] .alt.st-checkbox,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-subtype*=numpicker] .alt.st-numpicker,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--type=text] .alt-_items--type._items--type-text,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--type=icon] .alt-_items--type._items--type-icon,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-_items--type=icontext] .alt-_items--type._items--type-icontext,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=upload] .alt-src.src-upload,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=url] .alt-src.src-url,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=uri] .alt-src.src-uri,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=items] .alt-src.src-items,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=inherit] .alt-src.src-inherit,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=manual] .alt-src.src-manual,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=data] .alt-src.src-data,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-src=api] .alt-src.src-api,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=api] .alt-app-src.src-api,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=ec] .alt-app-src.src-ec,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=stores] .alt-app-src.src-stores,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=catalog] .alt-app-src.src-catalog,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=events] .alt-app-src.src-events,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=coupons] .alt-app-src.src-coupons,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-app-src=inherit] .alt-app-src.src-inherit,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-validate=regexp] .alt-validate.validate-regexp,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=relative] .alt[tp*=calendar].alt-date-opts.opts-relative,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=date] .alt[tp*=calendar].alt-date-opts.opts-date,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=store] .alt[tp*=calendar].alt-date-opts.opts-store,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=time] .alt[tp*=time].alt-time-opts.opts-time,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--limitation=store] .alt[tp*=time].alt-time-opts.opts-store,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-opts--webhook='1'] .alt-opts--webhook.opts--webhook-1,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-items--func='fn.common.serviceMessages'] .alt.func-service-messsages,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-items--func='fn.campaigns.bonus'] .alt.func-campaigns-bonus,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-items--func='fn.payments.payment'] .alt.func-payments-payment,
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub form[data-items--payment_type='paypal'] .alt.payment.paypal {
            display: flex; }
          .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] form {
            display: flex;
            flex-direction: column;
            align-items: stretch; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] form > *:not(:first-child) {
              margin-top: 2rem; }
            .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] form button {
              margin-left: 0;
              transition: all .2s; }
              .app_edit_view main > .rightmenu .rightmenu-container .rightmenu-sub [data-pivot='LayoutForm'] form button:hover {
                background-color: var(--a1);
                color: white; }
  .app_edit_view .comp[data-comp] {
    position: relative; }
    .app_edit_view .comp[data-comp][data-comp='buttons'] button {
      margin-left: initial; }
    .app_edit_view .comp[data-comp] .comp-mask {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: transparent; }
      .app_edit_view .comp[data-comp] .comp-mask:hover {
        background-color: rgba(0, 0, 0, 0.02);
        border: 0; }
    .app_edit_view .comp[data-comp] dl.pick {
      flex-wrap: wrap; }
      .app_edit_view .comp[data-comp] dl.pick dd {
        font-size: inherit;
        height: initial;
        line-height: initial; }
    .app_edit_view .comp[data-comp] dl.ui-tab-menu {
      flex-wrap: wrap;
      height: initial; }
  .app_edit_view .ui-dropdown,
  .app_edit_view input[type='text'],
  .app_edit_view input[type='password'],
  .app_edit_view input[type='search'],
  .app_edit_view input[type='email'],
  .app_edit_view input[type='tel'],
  .app_edit_view input[type='number'],
  .app_edit_view input[type='date'],
  .app_edit_view input[type='time'] {
    font-size: inherit;
    width: 100%;
    min-width: initial !important;
    height: initial;
    line-height: 2.4em;
    min-height: 2.4em;
    background-color: transparent; }
  .app_edit_view .form-item-autocomplete {
    width: 100%; }
  .app_edit_view textarea {
    font-size: inherit;
    width: 100%;
    min-width: initial !important;
    height: initial;
    border: 1px solid var(--ln);
    background-color: transparent; }
  .app_edit_view .comp[data-comp='buttons'] button {
    background-color: var(--a1);
    color: white; }
  .app_edit_view .comp[data-comp='hidden'] .wrapper {
    background-color: var(--l1);
    padding: 0; }
  .app_edit_view .comp[data-comp='time'] select,
  .app_edit_view .comp[data-comp='time'] span {
    margin-right: 0.8rem; }
  .app_edit_view .comp[data-comp='list'] ul {
    width: 100%; }
    .app_edit_view .comp[data-comp='list'] ul.thumb .image {
      display: block;
      background-size: cover; }
    .app_edit_view .comp[data-comp='list'] ul.checkbox .arrow {
      display: none; }
    .app_edit_view .comp[data-comp='list'] ul.checkbox .check {
      display: block; }
    .app_edit_view .comp[data-comp='list'] ul.checkbox .checked .remove {
      display: block;
      background-image: url('data:image/svg+xml;utf8,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0041 32.0082C24.8429 32.0082 32.0082 24.8429 32.0082 16.0041C32.0082 7.16527 24.8429 0 16.0041 0C7.16527 0 0 7.16527 0 16.0041C0 24.8429 7.16527 32.0082 16.0041 32.0082Z" fill="%23222222"/><path d="M9.07178 9.07172L22.9284 22.9283" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M9.07178 22.9283L22.9284 9.07172" stroke="white" stroke-width="2" stroke-miterlimit="10"/></svg>');
      width: 2rem;
      height: 2rem;
      background-size: contain; }
    .app_edit_view .comp[data-comp='list'] ul.numpicker .arrow {
      display: none; }
    .app_edit_view .comp[data-comp='list'] ul.numpicker .num {
      display: block; }
    .app_edit_view .comp[data-comp='list'] ul.tasklist .checked .txt,
    .app_edit_view .comp[data-comp='list'] ul.tasklist li h5 {
      text-decoration: line-through; }
    .app_edit_view .comp[data-comp='list'] ul li {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .app_edit_view .comp[data-comp='list'] ul li::before {
        content: "";
        max-width: 0;
        width: 1rem;
        height: 100%;
        display: block;
        background-color: var(--clrTheme);
        transition: 0.1s; }
      .app_edit_view .comp[data-comp='list'] ul li.checked::before {
        max-width: 1rem; }
      .app_edit_view .comp[data-comp='list'] ul li:hover {
        background-color: var(--clrBg2); }
      .app_edit_view .comp[data-comp='list'] ul li + li {
        margin-top: var(--gap); }
      .app_edit_view .comp[data-comp='list'] ul li .image,
      .app_edit_view .comp[data-comp='list'] ul li .num,
      .app_edit_view .comp[data-comp='list'] ul li .check,
      .app_edit_view .comp[data-comp='list'] ul li .remove {
        display: none; }
      .app_edit_view .comp[data-comp='list'] ul li .image {
        width: 10rem;
        height: 10rem; }
      .app_edit_view .comp[data-comp='list'] ul li .txt {
        flex: 1; }
      .app_edit_view .comp[data-comp='list'] ul li .contents {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        max-height: 10rem; }
        .app_edit_view .comp[data-comp='list'] ul li .contents h5 {
          font-size: 1.2rem;
          letter-spacing: 1px;
          flex: 0 0 auto; }
        .app_edit_view .comp[data-comp='list'] ul li .contents p {
          color: currentColor;
          opacity: 0.6;
          font-size: 1.2rem;
          flex: 1;
          overflow-y: auto; }
      .app_edit_view .comp[data-comp='list'] ul li > *:not(.txt):not(.check) + * {
        margin-left: 0.5rem; }
      .app_edit_view .comp[data-comp='list'] ul li > *:not(.txt):not(.contents) {
        flex: 0 0 auto; }
  .app_edit_view .comp[data-comp='image'], .app_edit_view .comp[data-comp='video'],
  .app_edit_view .comp[data-comp='barcode_reader'], .app_edit_view .comp[data-comp='qrcode_reader'] {
    --icon: url('/images/ico-camera.svg'); }
    .app_edit_view .comp[data-comp='image'] .wrapper:empty, .app_edit_view .comp[data-comp='video'] .wrapper:empty,
    .app_edit_view .comp[data-comp='barcode_reader'] .wrapper:empty, .app_edit_view .comp[data-comp='qrcode_reader'] .wrapper:empty {
      content: '';
      display: block;
      background: var(--icon) center/contain no-repeat;
      opacity: 0.5;
      height: 12rem;
      max-height: 100%; }
  .app_edit_view .comp[data-comp='barcode_reader'] {
    --icon: url('/images/barcode_reader.svg'); }
  .app_edit_view .comp[data-comp='qrcode_reader'] {
    --icon: url('/images/qrcode_reader.svg'); }
  .app_edit_view .comp[data-comp='grids'] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .app_edit_view .comp[data-comp='grids'] ul li {
      width: 18rem;
      min-height: 24rem;
      box-shadow: 0 0 0.8rem 0.2rem rgba(0, 0, 0, 0.1);
      margin: 1rem;
      border-radius: 0.4rem; }
      .app_edit_view .comp[data-comp='grids'] ul li .image {
        width: 100%;
        min-height: 18rem;
        background-size: cover; }
      .app_edit_view .comp[data-comp='grids'] ul li label,
      .app_edit_view .comp[data-comp='grids'] ul li p,
      .app_edit_view .comp[data-comp='grids'] ul li h5 {
        padding: 0.2rem 1rem; }
  .app_edit_view .comp[data-comp=text] .wrapper > * {
    font-size: 1.6rem;
    font-weight: initial;
    color: initial;
    text-transform: none; }
  .app_edit_view .comp[data-comp=text] .wrapper > h1 {
    font-size: 3rem; }
  .app_edit_view .comp[data-comp=text] .wrapper > h2 {
    font-size: 2.4rem; }
  .app_edit_view .comp[data-comp=text] .wrapper > h3 {
    font-size: 2rem; }
  .app_edit_view .comp[data-comp='zipcode'] li {
    margin-bottom: 0.8rem; }
  .app_edit_view .comp[data-comp='members_card'] .component-member_card .field {
    visibility: hidden; }
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.id .field.id,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.name .field.name,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.barcode .field.barcode,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.qrcode .field.qrcode,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.points .field.points,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.ins_t .field.ins_t,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.desc .field.desc,
  .app_edit_view .comp[data-comp='members_card'] .component-member_card.vbox .field.vbox {
    visibility: visible; }
  .app_edit_view .comp[data-comp="video"] .video-player {
    position: initial; }
  .app_edit_view .comp[data-comp="grids"] {
    display: inherit !important; }
    .app_edit_view .comp[data-comp="grids"] .wrapper {
      overflow-y: auto;
      width: 100% !important;
      display: grid;
      gap: var(--gap);
      grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
      position: relative; }
    .app_edit_view .comp[data-comp="grids"] p {
      padding: unset; }
    .app_edit_view .comp[data-comp="grids"] h5 {
      font-weight: bold; }
    .app_edit_view .comp[data-comp="grids"] .empty-message {
      display: block;
      position: absolute;
      top: 8rem;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0.5;
      width: 100%;
      text-align: center; }
    .app_edit_view .comp[data-comp="grids"] > * {
      position: relative;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      transition: background-color 0.3s; }
      .app_edit_view .comp[data-comp="grids"] > *:hover {
        background-color: var(--clrBg2); }
      .app_edit_view .comp[data-comp="grids"] > * .image {
        position: relative;
        background-size: cover;
        background-position: center;
        background-color: var(--clrBg2); }
        .app_edit_view .comp[data-comp="grids"] > * .image .num {
          display: none; }
        .app_edit_view .comp[data-comp="grids"] > * .image::before {
          content: '';
          display: block;
          padding-top: 100%; }
      .app_edit_view .comp[data-comp="grids"] > * .item_title {
        font-weight: normal;
        font-size: 1.2rem; }
      .app_edit_view .comp[data-comp="grids"] > * > p {
        font-size: 1.2rem;
        opacity: 0.6; }
      .app_edit_view .comp[data-comp="grids"] > * > label {
        order: 1; }
  .app_edit_view .comp[data-comp='footer_menu'] .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center; }
    .app_edit_view .comp[data-comp='footer_menu'] .wrapper a {
      display: flex;
      align-items: center;
      text-decoration: none; }
      .app_edit_view .comp[data-comp='footer_menu'] .wrapper a span {
        order: -1;
        margin-right: .3em; }
  .app_edit_view .comp[data-comp='side_menu'] {
    display: flex;
    align-items: center; }
    .app_edit_view .comp[data-comp='side_menu'] .wrapper {
      display: flex;
      align-items: center; }
  .app_edit_view[currentdevice='tablet'] .container.box .wrapper {
    max-width: 600px;
    margin: 0 auto; }
  .app_edit_view[currentdevice='mobile'] .container.box .wrapper {
    max-width: 400px;
    margin: 0 auto; }
  .app_edit_view .add-component-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 2000;
    pointer-events: none; }
    .app_edit_view .add-component-wrapper .add-component {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
      .app_edit_view .add-component-wrapper .add-component.on {
        pointer-events: all; }
        .app_edit_view .add-component-wrapper .add-component.on .menu-wrapper {
          transform: translateY(4rem) scale(1);
          opacity: 1; }
          .app_edit_view .add-component-wrapper .add-component.on .menu-wrapper ul {
            pointer-events: all; }
        .app_edit_view .add-component-wrapper .add-component.on.main .menu-wrapper {
          transform: translateY(1rem) scale(1); }
        .app_edit_view .add-component-wrapper .add-component.on.reverse .menu-wrapper {
          transform: translateY(calc(-100% - 6rem)) scale(1); }
        .app_edit_view .add-component-wrapper .add-component.on.reverse.main .menu-wrapper {
          transform: translateY(calc(-100% - 4rem)) scale(1); }
      .app_edit_view .add-component-wrapper .add-component.through {
        pointer-events: none; }
      .app_edit_view .add-component-wrapper .add-component .dismiss {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .app_edit_view .add-component-wrapper .add-component:not(.form) ul {
        white-space: nowrap; }
      .app_edit_view .add-component-wrapper .add-component.reverse .menu-wrapper {
        transform: translateY(calc(-100% - 1rem)) scale(0.5); }
      .app_edit_view .add-component-wrapper .add-component .menu-wrapper {
        left: var(--left);
        right: var(--right);
        top: var(--top);
        position: absolute;
        transition: opacity 0.2s, transform 0.2s cubic-bezier(0.06, 0.64, 0.57, 1.3);
        opacity: 0;
        margin-top: 1rem; }
        .app_edit_view .add-component-wrapper .add-component .menu-wrapper ul {
          pointer-events: none;
          box-shadow: 0px 4px 1rem rgba(0, 0, 0, 0.1);
          box-sizing: border-box;
          background-color: white;
          border: solid 1px rgba(0, 0, 0, 0.1);
          border-radius: 0.5rem;
          transform-origin: top center;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
          max-width: 90rem;
          overflow: hidden; }
          .app_edit_view .add-component-wrapper .add-component .menu-wrapper ul li {
            box-sizing: border-box;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            width: 9rem;
            padding: 1rem 2px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s;
            text-align: center;
            color: var(--a1);
            position: relative;
            font-size: 1.2rem; }
            .app_edit_view .add-component-wrapper .add-component .menu-wrapper ul li > * {
              color: inherit; }
            .app_edit_view .add-component-wrapper .add-component .menu-wrapper ul li:hover {
              background-color: var(--a1);
              color: white; }
            .app_edit_view .add-component-wrapper .add-component .menu-wrapper ul li label {
              display: flex;
              align-items: center;
              flex: 1;
              margin-top: 0.5rem;
              cursor: inherit;
              max-width: 100%;
              white-space: break-spaces; }
  .app_edit_view [data-miniapp='v3'] {
    --clrTheme: #0eb6b6;
    --clrBg1: #fff;
    --clrBg2: #f9f9f9;
    --clrBg3: #eee;
    --clrMiddleTone: #ccc;
    --clrMask: rgba(0, 0, 0, 0.5);
    --clrText: #444;
    --clrDanger: #d66;
    --gap: 1rem;
    --border: solid 1px rgba(0, 0, 0, 0.1); }
  .app_edit_view [data-miniapp='v3'] *,
  .app_edit_view [data-miniapp='v3'] *::before,
  .app_edit_view [data-miniapp='v3'] *::after {
    box-sizing: border-box;
    font-family: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;
    scrollbar-color: inherit; }
  .app_edit_view [data-miniapp='v3'] .cell {
    text-align: left;
    max-width: 100%;
    display: flex; }
    .app_edit_view [data-miniapp='v3'] .cell > * {
      flex: 1; }
  .app_edit_view [data-miniapp='v3'] .comp {
    flex: 1;
    overflow: hidden;
    position: relative; }
  .app_edit_view [data-miniapp='v3'] .comp-image:empty,
  .app_edit_view [data-miniapp='v3'] .comp-video:empty,
  .app_edit_view [data-miniapp='v3'] .comp.image:empty {
    display: none !important; }
  .app_edit_view [data-miniapp='v3'] .comp-map,
  .app_edit_view [data-miniapp='v3'] .component-map {
    min-height: 40rem;
    position: relative; }
    .app_edit_view [data-miniapp='v3'] .comp-map .wrapper,
    .app_edit_view [data-miniapp='v3'] .component-map .wrapper {
      width: 100%;
      height: 100%;
      min-height: inherit;
      position: relative; }
  .app_edit_view [data-miniapp='v3'] .map-container {
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 40rem; }
  .app_edit_view [data-miniapp='v3'] .ui-calendar table {
    table-layout: initial; }
    .app_edit_view [data-miniapp='v3'] .ui-calendar table td.on::before {
      display: none; }
  .app_edit_view [data-miniapp='v3'] .comp-barcode canvas {
    background-color: white; }
  .app_edit_view [data-miniapp='v3'] .comp-qrcode_reader video, .app_edit_view [data-miniapp='v3'] .comp-barcode_reader video {
    width: 100% !important; }
  .app_edit_view [data-miniapp='v3'] .comp-qrcode_reader canvas, .app_edit_view [data-miniapp='v3'] .comp-barcode_reader canvas {
    background-color: white;
    display: none; }
  .app_edit_view [data-miniapp='v3'] dl.component-tabbar,
  .app_edit_view [data-miniapp='v3'] .component-tabbar dl {
    display: flex;
    flex-direction: row !important;
    background-color: var(--clrBg2);
    padding: var(--gap);
    overflow-y: auto; }
    .app_edit_view [data-miniapp='v3'] dl.component-tabbar > *,
    .app_edit_view [data-miniapp='v3'] .component-tabbar dl > * {
      padding: calc(var(--gap) * 0.5) var(--gap);
      border: solid 1px var(--clrText);
      transition: all 0.3s;
      cursor: pointer;
      white-space: nowrap; }
      .app_edit_view [data-miniapp='v3'] dl.component-tabbar > *:not(:first-child),
      .app_edit_view [data-miniapp='v3'] .component-tabbar dl > *:not(:first-child) {
        margin-left: var(--gap); }
      .app_edit_view [data-miniapp='v3'] dl.component-tabbar > *.on,
      .app_edit_view [data-miniapp='v3'] .component-tabbar dl > *.on {
        background-color: var(--clrTheme);
        color: var(--clrBg1);
        border-color: var(--clrTheme); }
  .app_edit_view [data-miniapp='v3'] [class^='comp-'][class$='_chart'] canvas {
    width: 100% !important; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-sub {
    display: none;
    overflow-x: auto; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="0"] .component-tabbar-sub[tab="0"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="1"] .component-tabbar-sub[tab="1"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="2"] .component-tabbar-sub[tab="2"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="3"] .component-tabbar-sub[tab="3"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="4"] .component-tabbar-sub[tab="4"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="5"] .component-tabbar-sub[tab="5"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="6"] .component-tabbar-sub[tab="6"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="7"] .component-tabbar-sub[tab="7"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="8"] .component-tabbar-sub[tab="8"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="9"] .component-tabbar-sub[tab="9"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="10"] .component-tabbar-sub[tab="10"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="11"] .component-tabbar-sub[tab="11"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="12"] .component-tabbar-sub[tab="12"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="13"] .component-tabbar-sub[tab="13"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="14"] .component-tabbar-sub[tab="14"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="15"] .component-tabbar-sub[tab="15"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="16"] .component-tabbar-sub[tab="16"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="17"] .component-tabbar-sub[tab="17"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="18"] .component-tabbar-sub[tab="18"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-tabbar .component-tabbar-wrapper[tab="19"] .component-tabbar-sub[tab="19"] {
    display: flex; }
  .app_edit_view [data-miniapp='v3'] .component-buttons {
    display: flex;
    margin-top: auto; }
    .app_edit_view [data-miniapp='v3'] .component-buttons button {
      cursor: pointer;
      transition: all 0.3s;
      flex: 1;
      border: none;
      background-color: var(--clrTheme);
      color: var(--clrBg1);
      padding: var(--gap);
      border-radius: 0;
      text-transform: uppercase;
      font-size: 1.6rem;
      outline: none;
      text-align: center;
      height: unset;
      line-height: unset; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button:hover {
        background-color: var(--clrText); }
      .app_edit_view [data-miniapp='v3'] .component-buttons button:not(:first-of-type) {
        margin-left: var(--gap); }
      .app_edit_view [data-miniapp='v3'] .component-buttons button .material-icons {
        color: currentColor;
        font-size: 0.9em; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button.position-top {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .app_edit_view [data-miniapp='v3'] .component-buttons button.position-top.with-text .material-icons {
          order: -1; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button.position-left {
        display: flex;
        justify-content: center; }
        .app_edit_view [data-miniapp='v3'] .component-buttons button.position-left.with-text {
          align-items: center; }
          .app_edit_view [data-miniapp='v3'] .component-buttons button.position-left.with-text .material-icons {
            order: -1;
            margin-right: 0.5em; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button.position-bottom {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .app_edit_view [data-miniapp='v3'] .component-buttons button.position-bottom.with-text .material-icons {
          order: 1; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button.position-right {
        display: flex;
        justify-content: center; }
        .app_edit_view [data-miniapp='v3'] .component-buttons button.position-right.with-text {
          align-items: center; }
          .app_edit_view [data-miniapp='v3'] .component-buttons button.position-right.with-text .material-icons {
            order: 1;
            margin-left: 0.5em; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button:disabled {
        background-color: var(--l2);
        opacity: .6; }
      .app_edit_view [data-miniapp='v3'] .component-buttons button.disabled {
        background-color: var(--l2);
        opacity: .6;
        pointer-events: none; }
  .app_edit_view [data-miniapp='v3'] .component-share .share-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    margin: 16px 0; }
    .app_edit_view [data-miniapp='v3'] .component-share .share-buttons.left {
      justify-content: flex-start; }
    .app_edit_view [data-miniapp='v3'] .component-share .share-buttons.right {
      justify-content: flex-end; }
    .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a {
      height: 20px;
      min-height: 20px;
      line-height: 20px;
      width: max-content;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a + a {
        margin-left: 8px; }
      .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.line {
        background-color: #06c755;
        font-size: 10px;
        vertical-align: top;
        font-weight: 600;
        padding: 0 6px;
        color: white;
        font-family: system-ui,-apple-system,"Helvetica Neue",Meiryo,HiraKakuProN-W3,"Apple SD Gothic Neo","Arial Unicode MS",Arial,sans-serif;
        border-radius: 3px; }
        .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.line::before {
          content: '';
          display: inline-block;
          background: url(https://www.line-website.com/social-plugins/img/common/line_v3@3x.png) center/13px auto no-repeat;
          height: 100%;
          width: 13px;
          margin-right: 4px; }
      .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.fb {
        border-radius: 3px;
        font-size: 11px;
        height: 20px;
        padding: 0 6px;
        font-family: Helvetica, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
        vertical-align: middle;
        background: #1877f2;
        color: white; }
        .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.fb::before {
          content: '';
          display: inline-block;
          background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yn/r/GzgedhmzSQa.png) center/11px auto no-repeat;
          height: 100%;
          width: 16px;
          margin-right: 4px; }
      .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.twitter {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        height: 20px;
        box-sizing: border-box;
        padding: 1px 12px 1px 12px;
        background-color: #1d9bf0;
        color: #fff;
        border-radius: 9999px;
        font-weight: 500; }
        .app_edit_view [data-miniapp='v3'] .component-share .share-buttons a.twitter::before {
          content: '';
          display: inline-block;
          background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;
          height: 100%;
          width: 14px;
          margin-right: 3px; }
  .app_edit_view [data-miniapp='v3'] .view-grids {
    overflow-y: auto; }
  .app_edit_view [data-miniapp='v3'] .frame-grids {
    position: relative; }
  .app_edit_view [data-miniapp='v3'] .frame-detail {
    display: flex;
    flex-direction: column; }
    .app_edit_view [data-miniapp='v3'] .frame-detail .comp.image:first-child {
      margin: calc(var(--gap) * -1);
      margin-bottom: var(--gap); }
  .app_edit_view [data-miniapp='v3'] .frame-calendar {
    padding: 0;
    max-height: 100%;
    position: relative; }
  .app_edit_view [data-miniapp='v3'] .component-stamp_card {
    --bg: var(--clrBg2);
    --fg: var(--clrText); }
    .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card > * {
      text-align: center;
      font-weight: normal; }
      .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card > *:not(:first-child) {
        margin-top: 2rem; }
      .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card > *:is(p) {
        opacity: 0.75; }
    .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card button.stamp-reward-btn {
      padding-left: 5px;
      padding-right: 5px;
      width: auto;
      font-family: inherit;
      font-size: 15px;
      margin-bottom: 8px;
      margin-top: 5px;
      height: 40px;
      font-weight: bold;
      line-height: 40px;
      color: white;
      text-shadow: 0 0 10px #906a1e;
      background-image: linear-gradient(178deg, #bf953f, #fff69d, #bf953f);
      background-color: #fec84e; }
    .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-auto-rows: 6rem;
      gap: 1.4rem;
      align-items: center;
      justify-items: center; }
      @media only screen and (max-width: 400px) {
        .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps {
          grid-template-columns: repeat(4, 1fr);
          gap: 1rem; } }
      .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps > * {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--bg);
        color: var(--fg);
        width: 6rem;
        height: 6rem;
        border-radius: 6rem; }
        .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps > *.on {
          border: solid 1px currentColor;
          background-color: transparent;
          background-image: radial-gradient(closest-side, var(--bg) 80%, transparent calc(80% + 1px)); }
        .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps > * > * {
          color: inherit; }
        .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps > * h2 {
          font-size: 1rem;
          font-weight: normal;
          margin-top: 2px; }
        .app_edit_view [data-miniapp='v3'] .component-stamp_card .stamp_cards .stamp_card .stamps > * h3 {
          font-size: 0.8rem;
          font-weight: normal;
          margin-top: -2px; }
  .app_edit_view [data-miniapp='v3'] .component-member_card .member_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid 1px var(--clrText);
    border-radius: 1rem;
    padding: 3.2rem 2rem;
    margin: 2rem;
    position: relative;
    background-color: white;
    color: #222; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .member_card > * {
      max-width: 100%; }
      .app_edit_view [data-miniapp='v3'] .component-member_card .member_card > *:not(:first-child) {
        margin-top: 1rem; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .member_card img {
      height: 3.2rem; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .member_card h2 {
      font-size: 2rem;
      color: inherit; }
  .app_edit_view [data-miniapp='v3'] .component-member_card .details {
    padding: 2rem; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details hr {
      margin: 2rem 0;
      border: none; }
      .app_edit_view [data-miniapp='v3'] .component-member_card .details hr::before {
        content: "";
        display: block;
        width: 20%;
        border-top: var(--border); }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details .notify {
      font-size: 0.8em;
      opacity: 0.75; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details .qrcode {
      margin: 0 auto;
      margin-top: 2rem; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details .member-name {
      font-weight: bold; }
      .app_edit_view [data-miniapp='v3'] .component-member_card .details .member-name::after {
        content: "様";
        font-size: 0.75em;
        margin-left: 0.5em;
        opacity: 0.75;
        font-weight: normal; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details .member-id {
      font-weight: bold; }
      .app_edit_view [data-miniapp='v3'] .component-member_card .details .member-id::before {
        content: "会員ID: "; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details .points {
      color: var(--fg);
      font-size: 4rem;
      font-weight: bold;
      text-align: center; }
      .app_edit_view [data-miniapp='v3'] .component-member_card .details .points::after {
        content: " ポイント";
        font-size: 0.4em; }
    .app_edit_view [data-miniapp='v3'] .component-member_card .details dl {
      display: flex;
      justify-content: space-between; }
  .app_edit_view [data-miniapp='v3'] .comp-video {
    --ratio: 9 / 16;
    position: relative;
    flex-shrink: 0; }
    .app_edit_view [data-miniapp='v3'] .comp-video > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .app_edit_view [data-miniapp='v3'] .comp-video iframe {
      width: 100%;
      height: 100%; }
  .app_edit_view [data-miniapp='v3'] .video-wrapper {
    --theme-color: #16A14E;
    user-select: none;
    width: 100%;
    position: relative;
    background-color: #fff; }
    .app_edit_view [data-miniapp='v3'] .video-wrapper .progress-bar {
      --progress: 0;
      height: 12px;
      width: 100%;
      background-color: #DBDBE0;
      position: relative; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .progress-bar::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: var(--theme-color);
        width: calc(var(--progress) * 100%); }
    .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container {
      --offset: -5.6px;
      position: relative;
      margin-bottom: var(--offset); }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .time-indicator {
        display: none !important; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .hover-buttons {
        display: none !important; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .subtitle-container {
        position: absolute;
        bottom: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.9;
        padding: 0 1em; }
        .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .subtitle-container .subtitle {
          --shadow: rgba(0, 0, 0, 0.25);
          font-family: 'poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
          font-size: 6vw;
          font-weight: bold;
          color: white;
          text-align: center;
          text-shadow: -2px 2px var(--shadow), 2px 2px var(--shadow), 2px -2px var(--shadow), -2px -2px var(--shadow), -2px 0px var(--shadow), 2px 0px var(--shadow), 0px -2px var(--shadow), 0px -2px var(--shadow); }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .time-indicator {
        display: block;
        position: absolute;
        font-family: 'Impact', sans-serif;
        font-size: 3em;
        top: 20px;
        left: 20px;
        color: #000;
        opacity: 0.15; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .hover-buttons {
        position: absolute;
        top: 40px;
        right: 20px;
        display: flex;
        flex-direction: column;
        z-index: 1; }
        .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .hover-buttons .hover-button {
          display: block;
          width: 2em;
          height: 2em;
          border-radius: 2em;
          font-size: 2em;
          color: white;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: rgba(0, 0, 0, 0.25);
          opacity: 0.5; }
          .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .hover-buttons .hover-button:not(:first-of-type) {
            margin-top: 1em; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .pause-mask {
        position: absolute;
        width: 100%;
        height: calc(100% + var(--offset));
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        transition: opacity .2s; }
        .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .pause-mask:not(.on) {
          opacity: 0; }
        .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container .pause-mask .pause-symbol {
          font-size: 5em;
          color: rgba(255, 255, 255, 0.5); }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-container video {
        --ratio: 1;
        width: 100%;
        height: calc(var(--ratio) * 100vw); }
    .app_edit_view [data-miniapp='v3'] .video-wrapper .video-controls {
      display: flex;
      justify-content: space-evenly;
      padding: 20px 0;
      --progress: 0;
      position: relative;
      width: 100%; }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-controls::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: var(--theme-color);
        width: calc(var(--progress) * 100%); }
      .app_edit_view [data-miniapp='v3'] .video-wrapper .video-controls .video-control, .app_edit_view [data-miniapp='v3'] .video-wrapper .video-controls .video-control:link, .app_edit_view [data-miniapp='v3'] .video-wrapper .video-controls .video-control:visited {
        font-size: 2em;
        color: #bbb;
        z-index: 1;
        mix-blend-mode: luminosity; }
  .app_edit_view [data-miniapp='v3'] .component-file *::before {
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  .app_edit_view [data-miniapp='v3'] .component-file .form-item-file {
    display: none; }
  .app_edit_view [data-miniapp='v3'] .comp-divider {
    border-top: var(--border); }
  .app_edit_view [data-miniapp='v3'] .component-image .wrapper {
    height: 100%; }
    .app_edit_view [data-miniapp='v3'] .component-image .wrapper .images li {
      background-size: inherit; }
      .app_edit_view [data-miniapp='v3'] .component-image .wrapper .images li img {
        pointer-events: none; }
  .app_edit_view [data-miniapp='v3'] .component-list {
    max-height: calc(100vh - 30rem);
    overflow-y: auto; }
    .app_edit_view [data-miniapp='v3'] .component-list.thumb .image {
      display: block;
      background-size: cover; }
    .app_edit_view [data-miniapp='v3'] .component-list.checkbox .arrow {
      display: none; }
    .app_edit_view [data-miniapp='v3'] .component-list.checkbox .check {
      display: block; }
    .app_edit_view [data-miniapp='v3'] .component-list.checkbox .checked .remove {
      display: block;
      background-image: url('data:image/svg+xml;utf8,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0041 32.0082C24.8429 32.0082 32.0082 24.8429 32.0082 16.0041C32.0082 7.16527 24.8429 0 16.0041 0C7.16527 0 0 7.16527 0 16.0041C0 24.8429 7.16527 32.0082 16.0041 32.0082Z" fill="%23222222"/><path d="M9.07178 9.07172L22.9284 22.9283" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M9.07178 22.9283L22.9284 9.07172" stroke="white" stroke-width="2" stroke-miterlimit="10"/></svg>');
      width: 2rem;
      height: 2rem;
      background-size: contain; }
    .app_edit_view [data-miniapp='v3'] .component-list.numpicker .arrow {
      display: none; }
    .app_edit_view [data-miniapp='v3'] .component-list.numpicker .num {
      display: block; }
    .app_edit_view [data-miniapp='v3'] .component-list.tasklist .checked .txt,
    .app_edit_view [data-miniapp='v3'] .component-list.tasklist li h5 {
      text-decoration: line-through; }
    .app_edit_view [data-miniapp='v3'] .component-list li {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 1rem 0; }
      .app_edit_view [data-miniapp='v3'] .component-list li[group=parent] {
        background-color: var(--clrBg3);
        border: var(--border);
        border-width: 2px;
        border-left: 0;
        border-right: 0;
        pointer-events: none; }
      .app_edit_view [data-miniapp='v3'] .component-list li[group=child] {
        padding: 1rem; }
      .app_edit_view [data-miniapp='v3'] .component-list li::before {
        content: "";
        max-width: 0;
        width: 1rem;
        height: 100%;
        display: block;
        background-color: var(--clrTheme);
        transition: 0.1s; }
      .app_edit_view [data-miniapp='v3'] .component-list li.checked::before {
        max-width: 1rem; }
      .app_edit_view [data-miniapp='v3'] .component-list li:hover {
        background-color: var(--clrBg2); }
      .app_edit_view [data-miniapp='v3'] .component-list li .image,
      .app_edit_view [data-miniapp='v3'] .component-list li .num,
      .app_edit_view [data-miniapp='v3'] .component-list li .check,
      .app_edit_view [data-miniapp='v3'] .component-list li .remove {
        display: none; }
      .app_edit_view [data-miniapp='v3'] .component-list li .image {
        width: 10rem;
        height: 10rem;
        pointer-events: none; }
      .app_edit_view [data-miniapp='v3'] .component-list li .txt {
        flex: 1;
        pointer-events: none; }
      .app_edit_view [data-miniapp='v3'] .component-list li .contents {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        max-height: 10rem;
        pointer-events: none; }
        .app_edit_view [data-miniapp='v3'] .component-list li .contents h5 {
          font-size: 1.2rem;
          letter-spacing: 1px;
          flex: 0 0 auto; }
        .app_edit_view [data-miniapp='v3'] .component-list li .contents p {
          color: currentColor;
          opacity: 0.6;
          font-size: 1.2rem;
          flex: 1;
          overflow-y: auto; }
      .app_edit_view [data-miniapp='v3'] .component-list li > *:not(.txt):not(.check) + * {
        margin-left: 0.5rem; }
      .app_edit_view [data-miniapp='v3'] .component-list li > *:not(.txt):not(.contents) {
        flex: 0 0 auto; }
  .app_edit_view [data-miniapp='v3'] .component-grids {
    max-height: calc(100vh - 40rem);
    overflow-y: auto;
    width: 100% !important;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    position: relative; }
    .app_edit_view [data-miniapp='v3'] .component-grids .empty-message {
      display: block;
      position: absolute;
      top: 8rem;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0.5;
      width: 100%;
      text-align: center; }
    .app_edit_view [data-miniapp='v3'] .component-grids > * {
      position: relative;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      transition: background-color 0.3s; }
      .app_edit_view [data-miniapp='v3'] .component-grids > *:hover {
        background-color: var(--clrBg2); }
      .app_edit_view [data-miniapp='v3'] .component-grids > * .image {
        position: relative;
        background-color: var(--clrBg2); }
        .app_edit_view [data-miniapp='v3'] .component-grids > * .image .num {
          display: none; }
        .app_edit_view [data-miniapp='v3'] .component-grids > * .image::before {
          content: "";
          display: block;
          padding-top: 100%; }
      .app_edit_view [data-miniapp='v3'] .component-grids > * .item_title {
        font-weight: normal;
        font-size: 1.2rem; }
      .app_edit_view [data-miniapp='v3'] .component-grids > * > p {
        font-size: 1.2rem;
        opacity: 0.6; }
      .app_edit_view [data-miniapp='v3'] .component-grids > * > label {
        order: 1; }
  .app_edit_view [data-miniapp='v3'] .component-ec-options dl {
    padding: 1rem; }
    .app_edit_view [data-miniapp='v3'] .component-ec-options dl dd {
      padding: var(--gap);
      text-align: center;
      flex: 1;
      cursor: pointer;
      transition: all 0.3s;
      background-color: var(--clrBg2);
      margin-right: 0; }
      .app_edit_view [data-miniapp='v3'] .component-ec-options dl dd:hover {
        background-color: var(--clrBg3); }
      .app_edit_view [data-miniapp='v3'] .component-ec-options dl dd.on {
        background-color: var(--clrTheme);
        color: var(--clrBg1); }
  .app_edit_view [data-miniapp='v3'] .step-picker {
    width: 10rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .app_edit_view [data-miniapp='v3'] .step-picker input[type="number"] {
      width: 0;
      flex: 1;
      text-align: center;
      font-size: 1.6rem; }
    .app_edit_view [data-miniapp='v3'] .step-picker b {
      width: 2rem;
      background-color: transparent;
      position: relative;
      display: block;
      height: 2rem;
      margin-right: 0;
      background-repeat: no-repeat;
      background-position: center; }
    .app_edit_view [data-miniapp='v3'] .step-picker b.minus {
      background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3C6.13306 3 3 6.13306 3 10C3 13.8669 6.13306 17 10 17C13.8669 17 17 13.8669 17 10C17 6.13306 13.8669 3 10 3ZM6.27419 11.129C6.0879 11.129 5.93548 10.9766 5.93548 10.7903V9.20968C5.93548 9.02339 6.0879 8.87097 6.27419 8.87097H13.7258C13.9121 8.87097 14.0645 9.02339 14.0645 9.20968V10.7903C14.0645 10.9766 13.9121 11.129 13.7258 11.129H6.27419Z" fill="%23222222"/></svg>'); }
    .app_edit_view [data-miniapp='v3'] .step-picker b.plus {
      background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3C6.13306 3 3 6.13306 3 10C3 13.8669 6.13306 17 10 17C13.8669 17 17 13.8669 17 10C17 6.13306 13.8669 3 10 3ZM14.0645 10.7903C14.0645 10.9766 13.9121 11.129 13.7258 11.129H11.129V13.7258C11.129 13.9121 10.9766 14.0645 10.7903 14.0645H9.20968C9.02339 14.0645 8.87097 13.9121 8.87097 13.7258V11.129H6.27419C6.0879 11.129 5.93548 10.9766 5.93548 10.7903V9.20968C5.93548 9.02339 6.0879 8.87097 6.27419 8.87097H8.87097V6.27419C8.87097 6.0879 9.02339 5.93548 9.20968 5.93548H10.7903C10.9766 5.93548 11.129 6.0879 11.129 6.27419V8.87097H13.7258C13.9121 8.87097 14.0645 9.02339 14.0645 9.20968V10.7903Z" fill="%23222222"/></svg>'); }
  .app_edit_view [data-miniapp='v3'] .comp.image {
    height: 100%;
    position: relative; }
  .app_edit_view [data-miniapp='v3'] .ui-slider {
    width: 100%;
    height: inherit;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    .app_edit_view [data-miniapp='v3'] .ui-slider ul.images {
      display: flex;
      flex-direction: row;
      min-width: 100%;
      height: 100% !important;
      flex: 1;
      justify-content: flex-start;
      padding: 0 !important;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      box-sizing: content-box;
      margin: 0; }
      .app_edit_view [data-miniapp='v3'] .ui-slider ul.images li {
        width: 100%;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        overflow: hidden;
        position: relative;
        min-height: max-content;
        height: 100% !important; }
        .app_edit_view [data-miniapp='v3'] .ui-slider ul.images li[linkto] img {
          pointer-events: none; }
        .app_edit_view [data-miniapp='v3'] .ui-slider ul.images li img {
          height: initial !important; }
    .app_edit_view [data-miniapp='v3'] .ui-slider .pages {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 16px;
      padding-top: 4px; }
      .app_edit_view [data-miniapp='v3'] .ui-slider .pages span {
        flex: 1;
        height: 4px;
        display: block;
        background-color: var(--clrBg3);
        cursor: pointer; }
      .app_edit_view [data-miniapp='v3'] .ui-slider .pages span.on {
        background-color: var(--clrTheme); }
    .app_edit_view [data-miniapp='v3'] .ui-slider.inner .pages {
      position: absolute;
      justify-content: center;
      bottom: 4px;
      top: auto; }
      .app_edit_view [data-miniapp='v3'] .ui-slider.inner .pages span {
        flex: auto;
        width: 8px;
        max-width: 8px;
        height: 8px;
        font-size: 0;
        display: block;
        margin: 4px; }
  .app_edit_view [data-miniapp='v3'] .tag-h1 {
    font-size: 3rem;
    font-weight: bold; }
  .app_edit_view [data-miniapp='v3'] .tag-h2 {
    font-size: 2.4rem;
    font-weight: bold; }
  .app_edit_view [data-miniapp='v3'] .tag-h3 {
    font-size: 2rem;
    font-weight: bold; }
  .app_edit_view [data-miniapp='v3'] #youtube_player {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .app_edit_view [data-miniapp='v3'] .hidden {
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important; }
  .app_edit_view [data-miniapp='v3'] .miniapp-view.popover, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline {
    --height: 100;
    overflow: hidden;
    animation-delay: 0;
    animation: popover-bottom-up 0.1s ease-in-out 0.2s both;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--height) * 1vh) !important;
    max-height: calc(var(--height) * 1vh);
    margin-top: calc(100vh - var(--height) * 1vh);
    background-color: white;
    background: none;
    margin-bottom: 0;
    padding: 0 !important; }
    .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header {
      height: 4rem;
      position: sticky;
      top: 0;
      border-top-left-radius: .8rem;
      border-top-right-radius: .8rem; }
      .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header h2, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header h2 {
        height: 4rem; }
      .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header h2:after, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header h2:after {
        content: ""; }
      .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header .close, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header .close, .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header .close:after, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header .close:after {
        width: 14px;
        height: 14px; }
      .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header .close, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header .close {
        margin-right: 6px; }
      .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > header .logo, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > header .logo {
        height: 3.2rem;
        width: 3.2rem; }
    .app_edit_view [data-miniapp='v3'] .miniapp-view.popover main, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline main {
      background-color: white;
      -webkit-overflow-scrolling: touch; }
    .app_edit_view [data-miniapp='v3'] .miniapp-view.popover > footer:empty, .app_edit_view [data-miniapp='v3'] section.miniapp-view.pop-inline > footer:empty {
      display: none; }
  .app_edit_view [data-miniapp='v3'] .weekly-calendar section.cols {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar section.cols:not(.headers) {
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: none; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar section.cols:not(.headers)::-webkit-scrollbar {
        display: none; }
  .app_edit_view [data-miniapp='v3'] .weekly-calendar {
    max-height: 100%;
    position: relative; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar header {
      font-size: inherit;
      line-height: initial !important;
      z-index: 0;
      position: relative !important;
      width: 100% !important; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar header,
    .app_edit_view [data-miniapp='v3'] .weekly-calendar section.headers {
      border-bottom: var(--border);
      display: flex;
      align-items: center;
      justify-content: center; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar section.headers {
      border-bottom: none;
      position: relative !important;
      width: 100% !important; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar .cols:not(.headers) {
      flex: 1;
      overflow-y: auto;
      display: flex; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar .cols:not(.headers) dl dd {
        display: flex;
        align-items: center;
        justify-content: center; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar dl {
      flex: 1;
      margin-left: 0; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt {
        width: 100%; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt h3 {
          margin-top: 0;
          margin-bottom: 0; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt h6 {
          margin-top: 0;
          margin-bottom: 0; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd {
        margin-left: 0;
        padding-right: var(--gap);
        min-height: 4rem;
        padding-right: 0;
        font-size: 1.2rem; }
  .app_edit_view [data-miniapp='v3'] .weekly-calendar {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    position: relative;
    border: var(--border);
    align-items: stretch; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar header {
      padding: var(--gap);
      width: 100%;
      display: flex !important;
      flex-direction: row;
      padding: 0 10px; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header:before {
        background-image: none !important; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header h2 {
        text-align: center;
        color: var(--clrText);
        margin: 0 var(--gap);
        font-size: 1.6rem;
        font-weight: bold; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header b {
        display: block !important;
        width: 2.4rem !important;
        height: 2.4rem !important;
        background-position: center !important;
        background-size: contain !important;
        cursor: pointer !important; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header b.left {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" transform="rotate(180 12 12)" fill="%23D0C9C3"/><path d="M14 17L9 12L14 7" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        margin-right: auto !important; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header b.right {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23D0C9C3"/><path d="M10 7L15 12L10 17" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        margin-left: auto !important; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header p {
        font-size: 12px;
        opacity: 0.7;
        padding: 0;
        text-align: center; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar header span {
        display: none; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar section.cols {
      display: flex;
      flex-direction: row;
      width: 100%; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar dl {
      display: flex;
      flex-direction: column;
      border-right: var(--border); }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl:last-child {
        border-right: 0; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl.side {
        width: 100px; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl.side dd {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          text-align: right !important; }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt {
        height: 56px;
        display: flex;
        flex-direction: column;
        border-bottom: var(--border); }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt h6 {
          font-size: 12px;
          text-align: center;
          padding-top: 4px;
          color: var(--clrText); }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt h3 {
          font-size: 16px;
          text-align: center;
          padding-bottom: 4px;
          color: var(--clrText); }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt .today {
          color: var(--clrText); }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt.today h3,
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt.today h6 {
        color: var(--clrTheme); }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt.wday-0 h6,
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dt.wday-6 h6 {
        color: var(--a4); }
      .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd {
        border-bottom: var(--border);
        flex: 1 0 4rem;
        padding-right: 0; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd:last-child {
          height: 44px;
          border-bottom: none; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd.open {
          background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="none" stroke="%235F5BFF" stroke-width="2"/></svg>');
          background-size: 16px auto;
          background-position: center;
          cursor: pointer; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd.full {
          background-color: var(--clrBg2); }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd.open:hover {
          transform: scale(1.2, 1.2) translate(-2px -2px);
          transition-duration: 0.2s;
          box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
          z-index: 1;
          border-bottom: 0; }
        .app_edit_view [data-miniapp='v3'] .weekly-calendar dl dd.disabled {
          background-color: var(--clrBg3);
          background-image: url(/images/widgets/ico-circle-disabled.svg?v=1);
          background-size: 16px auto;
          background-position: center; }
    .app_edit_view [data-miniapp='v3'] .weekly-calendar .btn-confirm {
      display: none; }
  .app_edit_view [data-miniapp='v3'] .component-opentime .weekly-calendar dl dd:not(.full), .app_edit_view [data-miniapp='v3'] .comp-opentime .weekly-calendar dl dd:not(.full) {
    background-position-y: calc(50% + 8px);
    display: flex;
    flex-direction: column; }
    .app_edit_view [data-miniapp='v3'] .component-opentime .weekly-calendar dl dd:not(.full)::after, .app_edit_view [data-miniapp='v3'] .comp-opentime .weekly-calendar dl dd:not(.full)::after {
      content: "";
      margin-top: 1.4rem;
      display: block; }
  .app_edit_view [data-miniapp='v3'] cite[error] {
    color: var(--clrDanger); }
  .app_edit_view [data-miniapp='v3'] [class|='form-type'] p[class|='desc'] {
    margin-top: 1rem; }
  .app_edit_view [data-miniapp='v3'] .form-type-select {
    position: relative; }
  .app_edit_view [data-miniapp='v3'] .form-item-datetime {
    display: flex;
    align-items: center; }
    .app_edit_view [data-miniapp='v3'] .form-item-datetime .label {
      display: none; }
    .app_edit_view [data-miniapp='v3'] .form-item-datetime select {
      padding: 1rem;
      background-color: var(--clrBg2);
      color: var(--clrText);
      flex: 1;
      height: initial;
      -webkit-appearance: unset; }
      .app_edit_view [data-miniapp='v3'] .form-item-datetime select.yy {
        flex: 2; }
      .app_edit_view [data-miniapp='v3'] .form-item-datetime select + select {
        margin-left: var(--gap); }
      .app_edit_view [data-miniapp='v3'] .form-item-datetime select:focus {
        outline: none; }
      .app_edit_view [data-miniapp='v3'] .form-item-datetime select::after {
        content: var(--suffix); }
    .app_edit_view [data-miniapp='v3'] .form-item-datetime span:not(:empty) {
      margin: 0 1rem; }
  .app_edit_view [data-miniapp='v3'] .form-type-tabmenu {
    width: 100%; }
    .app_edit_view [data-miniapp='v3'] .form-type-tabmenu .ui-tab-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      border: var(--border, rgba(0, 0, 0, 0.5) 1px solid); }
      .app_edit_view [data-miniapp='v3'] .form-type-tabmenu .ui-tab-menu > * {
        padding: var(--gap);
        text-align: center;
        align-self: stretch;
        justify-content: center;
        flex: 1;
        cursor: pointer;
        transition: all 0.3s;
        background-color: var(--clrBg2);
        margin-right: 0; }
        .app_edit_view [data-miniapp='v3'] .form-type-tabmenu .ui-tab-menu > *:hover {
          background-color: var(--clrBg3); }
        .app_edit_view [data-miniapp='v3'] .form-type-tabmenu .ui-tab-menu > *.on {
          background-color: var(--clrTheme);
          color: var(--clrBg1); }
        .app_edit_view [data-miniapp='v3'] .form-type-tabmenu .ui-tab-menu > *:not(:first-child) {
          border-inline-start: var(--border); }
  .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch {
    all: unset;
    box-sizing: border-box;
    display: block;
    width: 6rem;
    height: 2.4rem;
    cursor: pointer;
    background-color: var(--clrBg3);
    border-radius: 4rem;
    border: var(--border);
    position: relative;
    transition: background-color 0.3s; }
    .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch::before {
      all: unset;
      content: '';
      display: block;
      width: 2rem;
      height: 2rem;
      background-color: var(--clrBg1);
      border-radius: 2rem;
      border: var(--border);
      position: absolute;
      top: 50%;
      left: 2px;
      transform: translateY(-50%);
      transition: left 0.3s;
      z-index: 1; }
    .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch::after {
      all: unset;
      content: 'OFF';
      font-size: 1.2rem;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1rem;
      font-weight: normal;
      opacity: 0.7;
      transition: right 0.3s; }
    .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch.on {
      background-color: var(--clrTheme); }
      .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch.on::before {
        left: calc(100% - 2rem - 2px); }
      .app_edit_view [data-miniapp='v3'] .form-type-switch b.form-item-switch.on::after {
        content: 'ON';
        right: calc(100% - 3rem);
        color: var(--clrBg1); }
  .app_edit_view [data-miniapp='v3'] .form-type-checkbox .sel-option,
  .app_edit_view [data-miniapp='v3'] .form-type-radio .sel-option {
    display: flex; }
    .app_edit_view [data-miniapp='v3'] .form-type-checkbox .sel-option input,
    .app_edit_view [data-miniapp='v3'] .form-type-radio .sel-option input {
      order: -1;
      margin-right: 0.5rem; }
    .app_edit_view [data-miniapp='v3'] .form-type-checkbox .sel-option:not(:last-child),
    .app_edit_view [data-miniapp='v3'] .form-type-radio .sel-option:not(:last-child) {
      margin-bottom: var(--gap); }
  .app_edit_view [data-miniapp='v3'] .form-type-checkbox.row, .app_edit_view [data-miniapp='v3'] .form-type-checkbox [direction=row],
  .app_edit_view [data-miniapp='v3'] .form-type-radio.row,
  .app_edit_view [data-miniapp='v3'] .form-type-radio [direction=row] {
    display: flex;
    flex-wrap: wrap; }
    .app_edit_view [data-miniapp='v3'] .form-type-checkbox.row > p, .app_edit_view [data-miniapp='v3'] .form-type-checkbox [direction=row] > p,
    .app_edit_view [data-miniapp='v3'] .form-type-radio.row > p,
    .app_edit_view [data-miniapp='v3'] .form-type-radio [direction=row] > p {
      flex: 1 0 100%;
      margin-top: 1rem; }
    .app_edit_view [data-miniapp='v3'] .form-type-checkbox.row .sel-option:not(:last-child), .app_edit_view [data-miniapp='v3'] .form-type-checkbox [direction=row] .sel-option:not(:last-child),
    .app_edit_view [data-miniapp='v3'] .form-type-radio.row .sel-option:not(:last-child),
    .app_edit_view [data-miniapp='v3'] .form-type-radio [direction=row] .sel-option:not(:last-child) {
      margin-right: var(--gap);
      margin-bottom: 0; }
  .app_edit_view [data-miniapp='v3'] .form-type-zipcode {
    margin-bottom: var(--gap); }
  .app_edit_view [data-miniapp='v3'] .form-type-file {
    position: relative; }
    .app_edit_view [data-miniapp='v3'] .form-type-file span {
      width: 100%;
      height: 8rem;
      background-size: contain;
      display: block;
      background-color: var(--clrBg2);
      background-position: center;
      border: var(--border);
      border-style: dashed; }
    .app_edit_view [data-miniapp='v3'] .form-type-file span:not([style])::before {
      content: 'ファイルをお選びください';
      width: 100%;
      height: 8rem;
      text-align: center;
      color: var(--clrText);
      opacity: 0.5;
      display: block;
      line-height: 8rem; }
    .app_edit_view [data-miniapp='v3'] .form-type-file span.on:before {
      content: ''; }
    .app_edit_view [data-miniapp='v3'] .form-type-file input[type='file'] {
      display: none; }
    .app_edit_view [data-miniapp='v3'] .form-type-file u {
      display: none; }
    .app_edit_view [data-miniapp='v3'] .form-type-file i.remove {
      display: none;
      background-image: url('data:image/svg+xml;utf8,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0041 32.0082C24.8429 32.0082 32.0082 24.8429 32.0082 16.0041C32.0082 7.16527 24.8429 0 16.0041 0C7.16527 0 0 7.16527 0 16.0041C0 24.8429 7.16527 32.0082 16.0041 32.0082Z" fill="%23222222"/><path d="M9.07178 9.07172L22.9284 22.9283" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M9.07178 22.9283L22.9284 9.07172" stroke="white" stroke-width="2" stroke-miterlimit="10"/></svg>');
      width: 2rem;
      height: 2rem;
      z-index: 1;
      position: absolute;
      right: -0.8rem;
      top: -0.8rem;
      background-size: contain; }
    .app_edit_view [data-miniapp='v3'] .form-type-file span.on + i.remove {
      display: block; }
  .app_edit_view [data-miniapp='v3'] .form-type-time.form-item-type {
    display: flex;
    align-items: center; }
    .app_edit_view [data-miniapp='v3'] .form-type-time.form-item-type > *:not(:last-child) {
      margin-right: 1rem; }
  .app_edit_view [data-miniapp='v3'] .comp-zipcode .row2 .comp-zipcode-addr2 {
    margin-bottom: var(--gap);
    display: flex; }
    .app_edit_view [data-miniapp='v3'] .comp-zipcode .row2 .comp-zipcode-addr2 dd:last-child {
      flex: 1;
      margin-left: var(--gap); }
  .app_edit_view [data-miniapp='v3'] .ui-dropdown {
    min-height: 4.5rem;
    background-color: var(--clrBg2);
    display: flex;
    align-items: center;
    padding: var(--gap);
    border: var(--border);
    position: relative;
    cursor: pointer;
    border-radius: 0; }
    .app_edit_view [data-miniapp='v3'] .ui-dropdown.on::after {
      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6L6 1L11 6" stroke="%23D0C9C3" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
    .app_edit_view [data-miniapp='v3'] .ui-dropdown::after {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L6 6L1 1" stroke="%23D0C9C3" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      position: absolute;
      right: var(--gap);
      top: 50%;
      transform: translateY(-50%); }
    .app_edit_view [data-miniapp='v3'] .ui-dropdown:hover {
      background-color: var(--clrBg3); }
    .app_edit_view [data-miniapp='v3'] .ui-dropdown-opts, .app_edit_view [data-miniapp='v3'] #form-item-autocomplete {
      background-color: var(--clrBg2);
      border: var(--border);
      border-top: none;
      cursor: pointer;
      overflow-y: auto; }
      .app_edit_view [data-miniapp='v3'] .ui-dropdown-opts > *, .app_edit_view [data-miniapp='v3'] #form-item-autocomplete > * {
        padding: var(--gap); }
        .app_edit_view [data-miniapp='v3'] .ui-dropdown-opts > *:hover, .app_edit_view [data-miniapp='v3'] #form-item-autocomplete > *:hover {
          background-color: var(--clrBg3); }
        .app_edit_view [data-miniapp='v3'] .ui-dropdown-opts > *:not(:first-child), .app_edit_view [data-miniapp='v3'] #form-item-autocomplete > *:not(:first-child) {
          border-top: var(--border); }
  .app_edit_view [data-miniapp='v3'] .ui-calendar {
    text-align: center; }
    .app_edit_view [data-miniapp='v3'] .ui-calendar table {
      width: 100%;
      text-align: center; }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th {
        line-height: 4rem !important;
        position: relative; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th u {
          text-decoration: none; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th .left,
        .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th .right {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th .left {
          background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" transform="rotate(180 12 12)" fill="%23D0C9C3"/><path d="M14 17L9 12L14 7" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
          left: var(--gap); }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table thead th .right {
          right: var(--gap);
          background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23D0C9C3"/><path d="M10 7L15 12L10 17" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.space-s {
        display: none; }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.week-row {
        border-collapse: collapse; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.week-row th:last-child, .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.week-row th:nth-last-child(2) {
          color: var(--clrTheme); }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.time-row,
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr.time-row * {
        cursor: pointer; }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td,
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr th {
        border: var(--border);
        line-height: 3rem;
        background-color: var(--clrBg2); }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr th {
        position: relative; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr th .check {
          transition: all 0.2s;
          position: absolute;
          right: 1rem;
          padding: 0.25rem 1rem;
          line-height: initial;
          border: var(--border);
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr th .check:hover {
            background-color: var(--clrTheme);
            color: var(--clrBg1); }
      .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td {
        transition: all 0.3s; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td:not(.drum) {
          cursor: pointer; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td:not(.drum):hover {
            background-color: var(--clrBg3); }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.gray {
          opacity: 0.5; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.on {
          background-color: var(--clrTheme);
          color: var(--clrBg1); }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td[error] {
          opacity: .5; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum {
          height: 100%;
          border-top: 1px solid var(--ln); }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .scroll-frame {
            width: 100%;
            display: flex;
            flex-direction: row;
            height: 180px;
            max-height: 180px;
            overflow: hidden; }
            .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .scroll-frame > div {
              height: 100%;
              width: auto;
              overflow-y: auto;
              flex: 1;
              -webkit-overflow-scrolling: touch; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum ul {
            text-align: right; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .years ul {
            border-right: 0;
            border-right: 1px solid var(--ln); }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum li {
            height: 36px;
            line-height: 36px;
            transition-duration: 0.2s;
            transform-origin: center right;
            padding-right: 0;
            margin-right: 16px;
            text-align: right; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .scale1 {
            transform: scale(1, 1);
            opacity: 0.4; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .scale2 {
            transform: scale(1.25, 1.25);
            opacity: 0.6; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td.drum .scale3 {
            transform: scale(1.5, 1.5);
            opacity: 1; }
        .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td .date-selected {
          display: inline-flex;
          align-items: center;
          margin-right: 1rem; }
          .app_edit_view [data-miniapp='v3'] .ui-calendar table tr td .date-selected sub {
            opacity: 0.6; }
  .app_edit_view [data-miniapp='v3'] form {
    position: relative;
    margin: 0 auto;
    max-width: 60rem;
    position: relative;
    width: 100%; }
    .app_edit_view [data-miniapp='v3'] form > ul {
      width: 100%;
      position: relative; }
  .app_edit_view [data-miniapp='v3'] form input:not([type]),
  .app_edit_view [data-miniapp='v3'] form input[type='text'],
  .app_edit_view [data-miniapp='v3'] form input[type='number'],
  .app_edit_view [data-miniapp='v3'] form input[type='email'],
  .app_edit_view [data-miniapp='v3'] form input[type='phone'],
  .app_edit_view [data-miniapp='v3'] form input[type='time'],
  .app_edit_view [data-miniapp='v3'] form input[type='date'],
  .app_edit_view [data-miniapp='v3'] form input[type='datetime'],
  .app_edit_view [data-miniapp='v3'] form input[type='search'],
  .app_edit_view [data-miniapp='v3'] form select,
  .app_edit_view [data-miniapp='v3'] form textarea,
  .app_edit_view [data-miniapp='v3'] .cell input:not([type]),
  .app_edit_view [data-miniapp='v3'] .cell input[type='text'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='number'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='email'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='phone'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='time'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='date'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='datetime'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='search'],
  .app_edit_view [data-miniapp='v3'] .cell select,
  .app_edit_view [data-miniapp='v3'] .cell textarea {
    border: none;
    font-size: inherit;
    background-color: var(--clrBg2);
    outline: none;
    padding: var(--gap);
    border: var(--border);
    width: 100%;
    color: var(--clrText);
    border-radius: 0;
    height: initial; }
  .app_edit_view [data-miniapp='v3'] form input[type='radio'],
  .app_edit_view [data-miniapp='v3'] form input[type='checkbox'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='radio'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='checkbox'] {
    position: initial !important;
    transform: initial !important;
    left: initial !important;
    top: initial !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 2rem;
    height: 2rem;
    background-size: 1.2rem auto;
    background-color: var(--clrBg2);
    border: var(--border);
    outline: none; }
    .app_edit_view [data-miniapp='v3'] form input[type='radio']:checked,
    .app_edit_view [data-miniapp='v3'] form input[type='checkbox']:checked,
    .app_edit_view [data-miniapp='v3'] .cell input[type='radio']:checked,
    .app_edit_view [data-miniapp='v3'] .cell input[type='checkbox']:checked {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="609 225 21 20" width="21pt" height="20pt" xmlns:dc="http://purl.org/dc/elements/1.1/"><defs/><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><g><rect x="609.87" y="225" width="20" height="20" fill="white" fill-opacity="0"/><path d="M 616.2259 239.40591 L 611.48455 234.66458 L 609.87 236.26777 L 616.2259 242.62365 L 629.87 228.97953 L 628.2668 227.37635 Z" fill="white"/></g></g></svg>');
      background-color: var(--clrTheme);
      border-color: var(--clrTheme); }
  .app_edit_view [data-miniapp='v3'] form input[type='radio'],
  .app_edit_view [data-miniapp='v3'] .cell input[type='radio'] {
    border-radius: 4rem; }
  .app_edit_view [data-miniapp='v3'] form input[type='search'],
  .app_edit_view [data-miniapp='v3'] form input.search,
  .app_edit_view [data-miniapp='v3'] .cell input[type='search'],
  .app_edit_view [data-miniapp='v3'] .cell input.search {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath fill='%2300000033' d='M496.131 435.698l-121.276-103.147c-12.537-11.283-25.945-16.463-36.776-15.963 28.628-33.534 45.921-77.039 45.921-124.588 0-106.039-85.961-192-192-192s-192 85.961-192 192 85.961 192 192 192c47.549 0 91.054-17.293 124.588-45.922-0.5 10.831 4.68 24.239 15.963 36.776l103.147 121.276c17.661 19.623 46.511 21.277 64.11 3.678s15.946-46.449-3.677-64.11zM192 320c-70.692 0-128-57.308-128-128s57.308-128 128-128 128 57.308 128 128-57.307 128-128 128z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-indent: 3rem; }
  .app_edit_view [data-miniapp='v3'] form > ul,
  .app_edit_view [data-miniapp='v3'] .cell > ul {
    min-height: 100%;
    display: flex;
    flex-direction: column; }
    .app_edit_view [data-miniapp='v3'] form > ul > *:not(:last-child),
    .app_edit_view [data-miniapp='v3'] .cell > ul > *:not(:last-child) {
      margin-bottom: var(--gap); }
  .app_edit_view [data-miniapp='v3'] form li[class*='form-item'] h4,
  .app_edit_view [data-miniapp='v3'] form div[class*='form-row'] h4,
  .app_edit_view [data-miniapp='v3'] .cell li[class*='form-item'] h4,
  .app_edit_view [data-miniapp='v3'] .cell div[class*='form-row'] h4 {
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0.5rem 0; }
  .app_edit_view [data-miniapp='v3'] form li[class*='form-item'].required h4::before,
  .app_edit_view [data-miniapp='v3'] form div[class*='form-row'].required h4::before,
  .app_edit_view [data-miniapp='v3'] .cell li[class*='form-item'].required h4::before,
  .app_edit_view [data-miniapp='v3'] .cell div[class*='form-row'].required h4::before {
    content: '*';
    color: var(--clrDanger); }
  .app_edit_view [data-miniapp='v3'] form .view-item-submit,
  .app_edit_view [data-miniapp='v3'] .cell .view-item-submit {
    margin-top: auto; }
  .app_edit_view [data-miniapp='v3'] *[direction='row'] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .app_edit_view [data-miniapp='v3'] *[direction='row'] > h4 {
      flex: 1 0 100%; }
  .app_edit_view [data-miniapp='v3'] *[direction='column'] {
    display: flex;
    flex-direction: column; }

[data-pivot][data-pivot='TabMenu'] {
  border-radius: 0;
  border: none;
  display: flex;
  cursor: pointer; }
  [data-pivot][data-pivot='TabMenu'] > * {
    font-size: inherit;
    line-height: initial;
    flex: 1;
    padding: 1rem 0;
    text-align: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.5);
    opacity: 0.4;
    transition: all 0.2s; }
    [data-pivot][data-pivot='TabMenu'] > *.on {
      font-weight: bold;
      opacity: 1; }

[data-pivot][data-pivot='DivisionHandles'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }
  [data-pivot][data-pivot='DivisionHandles'] .division-button {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: var(--d1);
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: background-color 0.2s; }
    [data-pivot][data-pivot='DivisionHandles'] .division-button:hover {
      background-color: var(--a1); }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-top {
      top: 0;
      left: 50%; }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-left {
      top: 50%;
      left: 0%; }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-right {
      top: 50%;
      left: 100%; }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-bottom {
      top: 100%;
      left: 50%; }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-add {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1.5); }
    [data-pivot][data-pivot='DivisionHandles'] .division-button-close {
      top: 0%;
      left: 100%;
      background-color: var(--a3);
      transform: translate(-50%, -50%) rotate(45deg); }

.view-new-form li[name='type'] .form-type-radio {
  flex-wrap: wrap; }

.pick.pulldown .pulldown-container dd:not(.group):not([data-classname='group']) {
  font-size: 1.2rem; }

.pops .pop[name='new-view'] .window .content {
  overflow-y: hidden; }

#markdown {
  width: 100%;
  height: 100%;
  padding: 16px;
  text-align: left; }

#markdown * {
  font-size: 14px;
  font-family: 'Poppins','Noto Sans JP';
  text-align: left; }

#markdown h1 {
  font-size: 36px;
  font-weight: black;
  color: #222;
  padding: 12px;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
  display: block; }

#markdown h2 {
  font-size: 28px;
  font-weight: bold;
  color: #222;
  padding: 12px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  height: 48px;
  line-height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  /* font-family:"Noto Sans JP";font-weight:900; */ }

#markdown h2:before {
  width: 0; }

#markdown h2:after {
  width: 0; }

#markdown h3 {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  padding: 12px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  display: block; }

/* #markdown hr{margin-top:12px;margin-bottom:12px;} */
#markdown p {
  font-size: 18px;
  font-weight: normal;
  color: #666;
  padding: 12px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0; }

#markdown h1 + p, #markdown h2 + p {
  font-size: 18px !important; }

#markdown pre {
  padding: 24px;
  margin: 12px;
  background: #F6F4F3;
  font-size: 18px;
  white-space: pre-wrap; }

#markdown code {
  font-size: 18px; }

#markdown img {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 100%; }

#markdown a {
  color: #5F5BFF;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  padding-left: 0;
  text-indent: 0;
  margin-right: 0;
  font-weight: medium; }

#markdown b, #markdown em {
  color: #222;
  font-size: 18px;
  font-weight: bold; }

#markdown ul {
  padding-left: 24px;
  list-style: disc inside; }

#markdown li {
  line-height: 32px;
  color: #222;
  font-size: 18px;
  list-style: disc inside; }

#markdown li ul, #markdown li ul li {
  list-style: circle inside; }

#markdown center {
  text-align: center;
  font-size: inherit;
  color: inherit;
  font-weight: inherit; }

#markdown blockquote {
  background-color: #eee;
  margin: 12px;
  background: #F6F4F3; }

#markdown {
  width: 100%;
  padding: 18px;
  text-align: left; }
  #markdown blockquote {
    background-color: #eee; }
  #markdown * {
    font-size: 14px;
    font-family: 'Poppins', 'Noto Sans JP';
    text-align: inherit; }
  #markdown h1 {
    font-size: 36px;
    color: #222;
    padding: 12px;
    text-align: inherit;
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
    height: initial; }
  #markdown h2 {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    padding: 12px;
    white-space: normal;
    text-align: inherit;
    margin-left: 0;
    margin-right: 0;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    height: initial;
    /* font-family:"Noto Sans JP";font-weight:900; */ }
    #markdown h2:before, #markdown h2:after {
      width: 0; }
  #markdown h3 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    padding: 12px;
    text-align: inherit;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    height: initial; }
  #markdown p {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    padding: 12px;
    text-align: inherit;
    margin-top: 0;
    margin-bottom: 0; }
  #markdown h1 + p, #markdown h2 + p {
    font-size: 18px !important; }
  #markdown pre {
    padding: 24px;
    margin: 12px;
    background-color: #f6f4f3;
    font-size: 18px;
    white-space: pre-wrap; }
  #markdown code {
    font-size: 18px; }
  #markdown img {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%; }
  #markdown a {
    color: #5f5bff;
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    padding-left: 0;
    text-indent: 0;
    margin-right: 0;
    font-weight: medium; }
  #markdown b, #markdown em {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    font-style: normal; }
  #markdown ul {
    padding-left: 24px;
    list-style: disc inside; }
  #markdown li {
    line-height: 32px;
    color: #222;
    font-size: 18px;
    list-style: disc inside; }
    #markdown li ul {
      list-style: circle inside; }
      #markdown li ul li {
        list-style: circle inside; }
  #markdown ol {
    padding: 12px; }
    #markdown ol li {
      list-style: decimal inside; }
  #markdown center {
    text-align: center;
    font-size: inherit;
    color: inherit;
    font-weight: inherit; }
  #markdown table {
    --border-color: #ddd;
    border-collapse: collapse;
    border: solid 2px var(--border-color); }
    #markdown table tr:not(:first-of-type) {
      border-top: solid 1px var(--border-color); }
    #markdown table tr:nth-child(even) {
      background-color: #f3f3f3; }
    #markdown table thead tr:last-of-type {
      border-bottom: solid 2px var(--border-color); }
    #markdown table th, #markdown table td {
      padding: 4px 8px; }
      #markdown table th:not(:first-of-type), #markdown table td:not(:first-of-type) {
        border-left: solid 1px var(--border-color); }
    #markdown table th {
      font-weight: bold; }

.passsword_forget_view {
  height: 100vh;
  min-height: 640px;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  display: flex;
  background-color: #F8F6F5; }
  .passsword_forget_view > section {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .passsword_forget_view div.wrapper {
    margin: auto;
    transform: translateY(-60px);
    background-color: white !important;
    border-radius: 8px;
    width: 100%;
    padding-bottom: 32px;
    padding-top: 16px; }
  .passsword_forget_view .logo-full {
    background-image: url(/images/logo-full.svg);
    background-position: center center;
    min-width: 240px;
    height: 72px;
    margin-right: auto;
    margin-left: auto; }
  .passsword_forget_view footer {
    border-top: 0;
    display: flex;
    justify-content: center; }
    .passsword_forget_view footer p {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0;
      padding: 10px;
      font-size: 1rem; }
    .passsword_forget_view footer a {
      text-decoration: none;
      padding: 10px;
      font-size: 1rem;
      color: #222; }
  .passsword_forget_view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0; }
  .passsword_forget_view * {
    color: #666; }
  .passsword_forget_view section.form {
    width: 420px;
    text-align: center;
    margin: auto; }
    .passsword_forget_view section.form h2 {
      font-size: 18px;
      font-weight: bold;
      color: #222; }
    .passsword_forget_view section.form ul {
      padding: 0px;
      width: 80%;
      margin: auto; }
      .passsword_forget_view section.form ul li {
        padding-top: 0px;
        padding-bottom: 0px; }
        .passsword_forget_view section.form ul li:before {
          left: 8px;
          color: #D0C9C3; }
        .passsword_forget_view section.form ul li.label {
          background: transparent;
          border: 0;
          height: 24px;
          line-height: 28px; }
    .passsword_forget_view section.form .tab_container {
      padding-top: 0px; }
    .passsword_forget_view section.form p {
      font-size: 1.0rem;
      height: 40px;
      line-height: 40px;
      font-weight: 400; }
      .passsword_forget_view section.form p b {
        color: #5F5BFF;
        font-weight: bold; }
    .passsword_forget_view section.form form {
      width: inherit;
      height: auto;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      width: 100%;
      min-width: 360px;
      margin: auto;
      margin-left: auto;
      margin-right: auto; }
      .passsword_forget_view section.form form li {
        position: relative;
        height: 76px;
        width: 100%;
        margin-bottom: 8px;
        border-radius: 0px;
        display: flex;
        flex-direction: column; }
        .passsword_forget_view section.form form li div.icon:before, .passsword_forget_view section.form form li div.form-item-autocomplete.loading-autocomplete:before, .passsword_forget_view section.form form li .ui-indicator div#indicator:before, .ui-indicator .passsword_forget_view section.form form li div#indicator:before, .passsword_forget_view section.form form li .search-bar div.queries:before, .search-bar .passsword_forget_view section.form form li div.queries:before, .passsword_forget_view section.form form li .bot-editor ul.nodes div.schedule:before, .bot-editor ul.nodes .passsword_forget_view section.form form li div.schedule:before {
          margin-left: 16px; }
        .passsword_forget_view section.form form li span {
          text-align: right;
          width: 100%;
          color: #666;
          height: 28px;
          line-height: 28px;
          cursor: pointer; }
      .passsword_forget_view section.form form li:before {
        width: 36px !important;
        text-indent: 2px; }
      .passsword_forget_view section.form form li.on:before {
        color: #999 !important; }
      .passsword_forget_view section.form form li.low {
        height: 38px;
        line-height: 38px; }
      .passsword_forget_view section.form form div.icon.email, .passsword_forget_view section.form form div.email.form-item-autocomplete.loading-autocomplete:before, .passsword_forget_view section.form form .ui-indicator div.email#indicator:before, .ui-indicator .passsword_forget_view section.form form div.email#indicator:before, .passsword_forget_view section.form form .search-bar div.email.queries, .search-bar .passsword_forget_view section.form form div.email.queries, .passsword_forget_view section.form form .bot-editor ul.nodes div.email.schedule, .bot-editor ul.nodes .passsword_forget_view section.form form div.email.schedule, .passsword_forget_view section.form form div.icon.key, .passsword_forget_view section.form form div.key.form-item-autocomplete.loading-autocomplete:before, .passsword_forget_view section.form form .ui-indicator div.key#indicator:before, .ui-indicator .passsword_forget_view section.form form div.key#indicator:before, .passsword_forget_view section.form form .search-bar div.key.queries, .search-bar .passsword_forget_view section.form form div.key.queries, .passsword_forget_view section.form form .bot-editor ul.nodes div.key.schedule, .bot-editor ul.nodes .passsword_forget_view section.form form div.key.schedule {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-left: 30px !important;
        color: #999;
        box-sizing: border-box;
        padding: 2px;
        height: 40px;
        line-height: 40px;
        justify-content: center; }
      .passsword_forget_view section.form form input[type=text], .passsword_forget_view section.form form input[type=password] {
        position: relative;
        height: 36px;
        line-height: 36px;
        width: auto;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding-left: 24px;
        width: 100%;
        background-color: transparent !important;
        color: #666 !important; }
        .passsword_forget_view section.form form input[type=text]:-webkit-autofill, .passsword_forget_view section.form form input[type=password]:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; }
        .passsword_forget_view section.form form input[type=text]:focus, .passsword_forget_view section.form form input[type=password]:focus {
          border: 0 !important;
          outline: 0;
          background: #FFF !important;
          color: #222 !important; }
        .passsword_forget_view section.form form input[type=text]:focus + label, .passsword_forget_view section.form form input[type=text].on + label, .passsword_forget_view section.form form input[type=text]:-webkit-autofill + label, .passsword_forget_view section.form form input[type=password]:focus + label, .passsword_forget_view section.form form input[type=password].on + label, .passsword_forget_view section.form form input[type=password]:-webkit-autofill + label {
          height: 20px;
          line-height: 20px;
          font-size: .8rem;
          padding-left: 10px;
          padding-top: 4px;
          font-weight: bold;
          color: #FDC73E; }
        .passsword_forget_view section.form form input[type=text]:valid, .passsword_forget_view section.form form input[type=password]:valid {
          border-bottom: 1px; }
      .passsword_forget_view section.form form li.on {
        border: 1px solid #5F5BFF; }
      .passsword_forget_view section.form form div.terms {
        height: 24px;
        display: flex;
        align-items: center;
        padding-left: 4px;
        margin-bottom: 16px; }
        .passsword_forget_view section.form form div.terms input[type=checkbox]:checked {
          background-color: #ccc; }
      .passsword_forget_view section.form form label {
        position: relative;
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        color: #222; }
      .passsword_forget_view section.form form p {
        padding-left: 10%;
        text-align: left; }
    .passsword_forget_view section.form button {
      margin: auto;
      width: inherit;
      box-sizing: border-box;
      height: 48px;
      border-radius: 5px;
      line-height: 48px;
      font-size: 16px;
      background-color: #5F5BFF;
      color: #FFF;
      width: 80%;
      cursor: pointer;
      border: 0; }
    .passsword_forget_view section.form button.mail-login {
      background-color: #5F5BFF !important; }
    .passsword_forget_view section.form .error {
      color: #DB234B;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      white-space: normal;
      height: auto;
      line-height: 20px;
      font-size: 13px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 24px;
      width: 320px;
      margin: auto; }
    .passsword_forget_view section.form div.button-row {
      padding-bottom: 8px; }
    .passsword_forget_view section.form span.or {
      height: 40px;
      line-height: 40px;
      padding: 0;
      margin: auto;
      display: block;
      position: relative;
      width: 328px; }
      .passsword_forget_view section.form span.or:before, .passsword_forget_view section.form span.or:after {
        content: "";
        position: absolute;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        top: 18px; }
      .passsword_forget_view section.form span.or:before {
        left: 0; }
      .passsword_forget_view section.form span.or:after {
        right: 0; }
    .passsword_forget_view section.form dl {
      display: flex;
      flex-direction: row;
      width: 360px;
      margin: auto;
      justify-content: center;
      margin-bottom: 8px; }
      .passsword_forget_view section.form dl dd {
        padding-right: 0; }
        .passsword_forget_view section.form dl dd.fb {
          padding-right: 16px; }
        .passsword_forget_view section.form dl dd button {
          font-size: 12px;
          font-weight: bold;
          height: 36px;
          line-height: 36px;
          background-repeat: no-repeat;
          background-position: -40px center; }
          .passsword_forget_view section.form dl dd button:hover {
            text-indent: 16px;
            text-align: left;
            transition-duration: 0.2s; }
        .passsword_forget_view section.form dl dd button.fb-login {
          background-color: #1877F2;
          background-color: #666;
          border-right: 16px solid #4267b2;
          width: 182px;
          text-align: center;
          padding-left: 0;
          padding-right: 0;
          background-position: -40px bottom; }
          .passsword_forget_view section.form dl dd button.fb-login:hover {
            background-color: #1877F2;
            border-right: 0;
            background-image: url(/images/ico_fb_w.svg);
            background-size: auto 28px;
            background-position: 8px bottom; }
        .passsword_forget_view section.form dl dd button.line-login {
          background-color: #00C300;
          background-color: #666;
          border-right: 16px solid #00C300;
          width: 136px; }
          .passsword_forget_view section.form dl dd button.line-login:hover {
            background-color: #00E000;
            border-right: 0;
            background-image: url(/images/ico_line_w.svg);
            background-size: auto 24px;
            background-position: 8px center; }
          .passsword_forget_view section.form dl dd button.line-login:active {
            background-color: #00B300; }

body#bonp {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh; }
  body#bonp #simulator {
    width: 100%; }
    body#bonp #simulator header {
      background-color: white;
      border-color: transparent; }
      body#bonp #simulator header h2 {
        color: #222; }
    body#bonp #simulator section.body {
      background-color: white; }
    body#bonp #simulator ul#chats {
      padding-left: 24px;
      padding-right: 24px;
      max-width: 960px;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    body#bonp #simulator li.left {
      width: 100%; }
      body#bonp #simulator li.left > span {
        display: none; }
      body#bonp #simulator li.left > span + b {
        display: none; }
      body#bonp #simulator li.left ol.card.text, body#bonp #simulator li.left ol.card.text.with-items {
        width: 100%;
        margin-left: 0;
        background-color: transparent;
        border-width: 0;
        text-align: center;
        box-shadow: none !important; }
        body#bonp #simulator li.left ol.card.text li.text, body#bonp #simulator li.left ol.card.text.with-items li.text {
          width: 100%;
          background-color: transparent;
          margin-bottom: 16px; }
          body#bonp #simulator li.left ol.card.text li.text p, body#bonp #simulator li.left ol.card.text.with-items li.text p {
            text-align: center;
            font-size: 24px;
            font-weight: 600;
            width: 100%;
            background-color: transparent;
            line-height: 44px;
            box-sizing: border-box; }
            body#bonp #simulator li.left ol.card.text li.text p br + br, body#bonp #simulator li.left ol.card.text.with-items li.text p br + br {
              height: 0px;
              max-height: 0px;
              display: none; }
        body#bonp #simulator li.left ol.card.text li.item, body#bonp #simulator li.left ol.card.text.with-items li.item {
          border-top: 0;
          width: auto;
          font-size: 16px;
          color: #222;
          display: inline-block;
          text-decoration: none;
          margin: auto;
          padding-left: 40px;
          padding-right: 40px;
          border-radius: 4px;
          box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
          font-weight: 600;
          height: 40px;
          line-height: 40px; }
        body#bonp #simulator li.left ol.card.text + div.msg, body#bonp #simulator li.left ol.card.text.with-items + div.msg {
          text-align: center; }
          body#bonp #simulator li.left ol.card.text + div.msg input[type=text], body#bonp #simulator li.left ol.card.text.with-items + div.msg input[type=text] {
            height: 60px;
            line-height: 60px;
            width: 80%;
            background: white;
            border: 0;
            border-bottom: 1px solid #D0C9C3;
            border-radius: 0;
            padding-left: 24px;
            padding-right: 24px;
            text-align: center; }
      body#bonp #simulator li.left dl.btns {
        margin-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        body#bonp #simulator li.left dl.btns dd {
          font-size: 16px;
          color: #222;
          border: 0;
          display: inline-block;
          text-decoration: none;
          padding-left: 40px;
          padding-right: 40px;
          border-radius: 4px;
          box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
          font-weight: 600;
          height: 40px;
          line-height: 40px;
          margin: 12px; }
      body#bonp #simulator li.left dl.fhs form.fileup {
        width: 100%; }
        body#bonp #simulator li.left dl.fhs form.fileup ul {
          width: 100%;
          text-align: center; }
          body#bonp #simulator li.left dl.fhs form.fileup ul li {
            width: 100%; }
          body#bonp #simulator li.left dl.fhs form.fileup ul li[type=hidden] {
            padding-top: 0;
            padding-bottom: 0; }
          body#bonp #simulator li.left dl.fhs form.fileup ul div.form-type-file div.form-item-file {
            width: 240px;
            height: 48px;
            line-height: 48px;
            background-color: #5F5BFF;
            color: white;
            margin: auto;
            border-radius: 4px;
            box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
            position: relative; }
            body#bonp #simulator li.left dl.fhs form.fileup ul div.form-type-file div.form-item-file .default:before {
              content: "";
              display: none; }
            body#bonp #simulator li.left dl.fhs form.fileup ul div.form-type-file div.form-item-file .default:after {
              content: "";
              display: none; }
            body#bonp #simulator li.left dl.fhs form.fileup ul div.form-type-file div.form-item-file label {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              text-align: center;
              color: white;
              font-size: 16px; }
    body#bonp #simulator div.widgets {
      max-width: 420px;
      max-height: 640px;
      left: 50%;
      margin-left: -240px;
      top: 50vh;
      margin-top: -360px;
      background-color: white;
      box-shadow: none;
      border-radius: 16px; }
      body#bonp #simulator div.widgets h2 {
        background-color: #F6F4F3;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        font-weight: 600; }
      body#bonp #simulator div.widgets li {
        font-size: 14px;
        font-family: 'Poppins';
        font-weight: 400; }
      body#bonp #simulator div.widgets li.on {
        font-weight: bold; }
      body#bonp #simulator div.widgets main {
        height: calc(100% - 64px) !important; }
    body#bonp #simulator footer {
      height: 80px;
      line-height: 80px;
      border-top: 0; }
      body#bonp #simulator footer .fb-f-bar {
        display: none; }
      body#bonp #simulator footer .line-f-bar {
        display: none; }
      body#bonp #simulator footer .web-f-bar {
        display: none; }
    body#bonp #simulator footer > .msg {
      max-width: 960px;
      margin: auto; }

.rms_campaign_spares_view .weekly-calendar .cols:not(.headers) dl {
  height: fit-content; }

.rms_campaign_spares_view footer {
  display: flex;
  height: 80px;
  border: 0px;
  background-color: white; }
  .rms_campaign_spares_view footer button {
    height: 40px;
    width: 80%;
    line-height: 40px;
    border-radius: 20px;
    color: white;
    background-color: var(--a1);
    margin: 0px; }

section.popup.spares_view_access_code {
  height: 170px !important; }
  section.popup.spares_view_access_code header {
    padding: 0px;
    width: 100%; }
    section.popup.spares_view_access_code header h2 {
      text-align: center; }
  section.popup.spares_view_access_code section input {
    margin-top: 10px; }
  section.popup.spares_view_access_code section p {
    color: var(--clrDanger); }
  section.popup.spares_view_access_code footer {
    margin: 0px;
    padding: 0px !important;
    border: none; }
    section.popup.spares_view_access_code footer .buttons {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column; }
      section.popup.spares_view_access_code footer .buttons button {
        width: 50%;
        margin: 0px;
        line-height: 34px;
        color: white;
        background-color: var(--a1); }

body[env=dior] section.popup.spares_view_access_code footer .buttons button {
  background-color: black; }

body[env=dior] .rms_campaign_spares_view .weekly-calendar dl dt {
  border-bottom: 1px solid #F4F5F7; }

body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols.headers dl dt {
  border-right: 1px solid #F4F5F7; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols.headers dl dt h3 {
    font-weight: 300; }

body[env=dior] .rms_campaign_spares_view .weekly-calendar header {
  background-color: #000000; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar header h2 {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 18px;
    position: absolute;
    left: 0;
    font-weight: 300; }
    body[env=dior] .rms_campaign_spares_view .weekly-calendar header h2::after {
      content: ''; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar header .right {
    height: 100%;
    width: 50px;
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58579 7L0.292892 12.2929C-0.0976315 12.6834 -0.0976315 13.3166 0.292892 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7.70711 7.70711C8.09763 7.31658 8.09763 6.68342 7.70711 6.29289L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292892 0.292893C-0.0976315 0.683418 -0.0976315 1.31658 0.292892 1.70711L5.58579 7Z" fill="%23FFFFFF"/></svg>');
    background-size: 11px;
    position: absolute;
    right: 5px; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar header b.left {
    height: 100%;
    width: 50px;
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893C8.09763 0.683418 8.09763 1.31658 7.70711 1.70711L2.41421 7Z" fill="%23FFFFFF"/></svg>');
    background-size: 11px;
    position: absolute;
    right: 55px; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar header b.left.disabled {
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893C8.09763 0.683418 8.09763 1.31658 7.70711 1.70711L2.41421 7Z" fill="%23404040"/></svg>');
    pointer-events: none; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar header b.right.disabled {
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58579 7L0.292892 12.2929C-0.0976315 12.6834 -0.0976315 13.3166 0.292892 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7.70711 7.70711C8.09763 7.31658 8.09763 6.68342 7.70711 6.29289L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292892 0.292893C-0.0976315 0.683418 -0.0976315 1.31658 0.292892 1.70711L5.58579 7Z" fill="%23404040"/></svg>');
    pointer-events: none;
    color: #404040; }

body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols {
  background-color: white; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl:not(.side) {
    border: none; }
    body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl:not(.side) dd {
      border: 1px solid #F4F5F7; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl.side {
    border-right: 1px solid #F4F5F7; }
    body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl.side dd {
      border: 1px solid #F4F5F7;
      font-weight: 300; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dt.today {
    border-top: 2px solid #1B1B1B; }
    body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dt.today h3 {
      color: #000000; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dt h6 {
    color: #1B1B1B; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.full {
    background-color: #F4F5F7; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.full.triangle {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23A0585C' x='0px' y='0px' viewBox='0 0 460.775 460.775' style='enable-background:new 0 0 460.775 460.775%3B' xml:space='preserve'%3E%3Cpath d='M285.08 230.397L456.218 59.27c6.076-6.077 6.076-15.911 0-21.986L423.511 4.565c-2.913-2.911-6.866-4.55-10.992-4.55c-4.127 0-8.08 1.639-10.993 4.55l-171.138 171.14L59.25 4.565c-2.913-2.911-6.866-4.55-10.993-4.55c-4.126 0-8.08 1.639-10.992 4.55L4.558 37.284c-6.077 6.075-6.077 15.909 0 21.986l171.138 171.128L4.575 401.505c-6.074 6.077-6.074 15.911 0 21.986l32.709 32.719c2.911 2.911 6.865 4.55 10.992 4.55c4.127 0 8.08-1.639 10.994-4.55l171.117-171.12l171.118 171.12c2.913 2.911 6.866 4.55 10.993 4.55c4.128 0 8.081-1.639 10.992-4.55l32.709-32.719c6.074-6.075 6.074-15.909 0-21.986L285.08 230.397z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-size: 14px 14px;
    background-position: center; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.open {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="white" stroke="rgb(117,117,117)" stroke-width="2"/></svg>'); }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.triangle {
    background-image: url('data:image/svg+xml;utf8,<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19985 2.8825L15.5898 13.1125H2.80985L9.19985 2.8825ZM8.34985 0.4725L0.149847 13.5825C-0.260153 14.2525 0.219847 15.1125 0.999847 15.1125H17.3998C18.1898 15.1125 18.6598 14.2525 18.2498 13.5825L10.0498 0.4725C9.65985 -0.1575 8.73985 -0.1575 8.34985 0.4725Z" fill="rgb(117,117,117)"/></svg>');
    background-size: 18px auto; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.triangle.disabled {
    background-image: url('data:image/svg+xml;utf8,<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19985 2.8825L15.5898 13.1125H2.80985L9.19985 2.8825ZM8.34985 0.4725L0.149847 13.5825C-0.260153 14.2525 0.219847 15.1125 0.999847 15.1125H17.3998C18.1898 15.1125 18.6598 14.2525 18.2498 13.5825L10.0498 0.4725C9.65985 -0.1575 8.73985 -0.1575 8.34985 0.4725Z" fill="rgb(220,220,220)"/></svg>') !important; }
  body[env=dior] .rms_campaign_spares_view .weekly-calendar section.cols dl dd.end {
    background-color: #e9e9e9;
    pointer-events: none; }

body[env=dior] .rms_campaign_spares_view footer button {
  background-color: black; }

.mobile-view {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }
  .mobile-view header div {
    display: flex;
    width: 100%;
    color: #333333; }
    .mobile-view header div div:not(:first-child) {
      align-items: center;
      justify-content: flex-end;
      max-width: 45px; }
  .mobile-view .search-bar input[type=text] {
    width: 200px; }
  .mobile-view .search-bar button {
    width: 40px;
    margin: 0; }
  .mobile-view nav.additional-note {
    background: #f6f4f3;
    border-radius: 0px;
    margin: 0px;
    min-height: 80px; }
    .mobile-view nav.additional-note ul {
      width: 100%;
      margin: 0;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mobile-view nav.additional-note ul li {
        padding: 0 16px;
        display: flex;
        align-items: center; }
        .mobile-view nav.additional-note ul li div.icon.closeBtn, .mobile-view nav.additional-note ul li div.closeBtn.form-item-autocomplete.loading-autocomplete:before, .mobile-view nav.additional-note ul li .ui-indicator div.closeBtn#indicator:before, .ui-indicator .mobile-view nav.additional-note ul li div.closeBtn#indicator:before, .mobile-view nav.additional-note ul li .search-bar div.closeBtn.queries, .search-bar .mobile-view nav.additional-note ul li div.closeBtn.queries, .mobile-view nav.additional-note .bot-editor ul.nodes li div.closeBtn.schedule, .bot-editor .mobile-view nav.additional-note ul.nodes li div.closeBtn.schedule {
          background-image: url("/images/mobile/close.svg");
          width: 18px;
          height: 18px;
          margin-left: auto;
          margin-right: initial; }
        .mobile-view nav.additional-note ul li p {
          padding: 0;
          font-size: 14px;
          font-weight: bold;
          color: #222222; }
  .mobile-view .list-view {
    margin: 0;
    width: 100%;
    overflow-x: auto; }
    .mobile-view .list-view .unread-badge {
      width: 12px;
      height: 12px;
      border-radius: 12px;
      background-color: #00D6C9; }
    .mobile-view .list-view tr {
      display: flex;
      align-items: center;
      margin-bottom: 0px;
      padding: 40px 16px;
      background-color: #fff;
      border: none; }
      .mobile-view .list-view tr:before {
        content: '';
        transform: translateX(16px);
        width: 90%;
        border-bottom: 1px solid #eceae8; }
    .mobile-view .list-view td {
      flex-grow: 1; }
      .mobile-view .list-view td p:first-child {
        padding: 0;
        padding-left: 8px;
        padding-top: 4px;
        line-height: 55px;
        font-size: 14px;
        font-weight: bold; }
        .mobile-view .list-view td p:first-child::before {
          transform: translateY(4px);
          background-size: 18px;
          width: 18px; }
      .mobile-view .list-view td p:not(:first-child) {
        padding: 0;
        line-height: 20px;
        font-size: 12px;
        transform: translateY(-12px) translateX(25px); }
    .mobile-view .list-view td,
    .mobile-view .list-view label {
      font-size: 14px;
      color: #222;
      padding-left: 26px;
      font-weight: bold; }
    .mobile-view .list-view .activity-list {
      height: auto;
      flex-wrap: wrap;
      padding: 8px 16px; }
      .mobile-view .list-view .activity-list td {
        width: 40%;
        padding-left: 0; }
      .mobile-view .list-view .activity-list td:first-child {
        width: 100%;
        padding-left: 0; }
      .mobile-view .list-view .activity-list td:last-child {
        width: 60%;
        text-align: right; }
    .mobile-view .list-view .case-list td:last-child {
      padding-left: 0; }
    .mobile-view .list-view div.thumb {
      height: 48px;
      width: 48px;
      min-width: 48px;
      border-radius: 50%; }
  .mobile-view .icon.dboard, .mobile-view .dboard.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.dboard.on, table.list-view .mobile-view th.dboard.on, .mobile-view table.list-view th.dboard.sortable, table.list-view .mobile-view th.dboard.sortable, .mobile-view .ui-indicator .dboard#indicator:before, .ui-indicator .mobile-view .dboard#indicator:before, .mobile-view .search-bar div.dboard.queries, .search-bar .mobile-view div.dboard.queries, .mobile-view .simulator > header dd.dboard, .simulator > header .mobile-view dd.dboard, .mobile-view .p3-layout .menu-pane li.dboard, .p3-layout .menu-pane .mobile-view li.dboard, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.dboard:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.dboard:before, .mobile-view .bot-editor section.actions li h5.dboard, .bot-editor section.actions li .mobile-view h5.dboard, .mobile-view .bot-editor ul.nodes > li > div span.dboard.new, .bot-editor ul.nodes > li > div .mobile-view span.dboard.new, .mobile-view .bot-editor ul.nodes > li > div label.dboard.new, .bot-editor ul.nodes > li > div .mobile-view label.dboard.new, .mobile-view .bot-editor ul.nodes div.dboard.schedule, .bot-editor ul.nodes .mobile-view div.dboard.schedule, .mobile-view .bot-editor ul.nodes ol.card li.dboard.item.new, .bot-editor ul.nodes ol.card .mobile-view li.dboard.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.dboard, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.dboard, .mobile-view section.user-editor section.info header.dboard, section.user-editor section.info .mobile-view header.dboard, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.dboard:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.dboard:before {
    background-image: url("/images/mobile/dashboard.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.coupon, .mobile-view .coupon.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.coupon.on, table.list-view .mobile-view th.coupon.on, .mobile-view table.list-view th.coupon.sortable, table.list-view .mobile-view th.coupon.sortable, .mobile-view .ui-indicator .coupon#indicator:before, .ui-indicator .mobile-view .coupon#indicator:before, .mobile-view .search-bar div.coupon.queries, .search-bar .mobile-view div.coupon.queries, .mobile-view .simulator > header dd.coupon, .simulator > header .mobile-view dd.coupon, .mobile-view .p3-layout .menu-pane li.coupon, .p3-layout .menu-pane .mobile-view li.coupon, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.coupon:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.coupon:before, .mobile-view .bot-editor section.actions li h5.coupon, .bot-editor section.actions li .mobile-view h5.coupon, .mobile-view .bot-editor ul.nodes > li > div span.coupon.new, .bot-editor ul.nodes > li > div .mobile-view span.coupon.new, .mobile-view .bot-editor ul.nodes > li > div label.coupon.new, .bot-editor ul.nodes > li > div .mobile-view label.coupon.new, .mobile-view .bot-editor ul.nodes div.coupon.schedule, .bot-editor ul.nodes .mobile-view div.coupon.schedule, .mobile-view .bot-editor ul.nodes ol.card li.coupon.item.new, .bot-editor ul.nodes ol.card .mobile-view li.coupon.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.coupon, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.coupon, .mobile-view section.user-editor section.info header.coupon, section.user-editor section.info .mobile-view header.coupon, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.coupon:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.coupon:before {
    background-image: url("/images/mobile/coupon.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.messages, .mobile-view .messages.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.messages.on, table.list-view .mobile-view th.messages.on, .mobile-view table.list-view th.messages.sortable, table.list-view .mobile-view th.messages.sortable, .mobile-view .ui-indicator .messages#indicator:before, .ui-indicator .mobile-view .messages#indicator:before, .mobile-view .search-bar div.messages.queries, .search-bar .mobile-view div.messages.queries, .mobile-view .simulator > header dd.messages, .simulator > header .mobile-view dd.messages, .mobile-view .p3-layout .menu-pane li.messages, .p3-layout .menu-pane .mobile-view li.messages, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.messages:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.messages:before, .mobile-view .bot-editor section.actions li h5.messages, .bot-editor section.actions li .mobile-view h5.messages, .mobile-view .bot-editor ul.nodes > li > div span.messages.new, .bot-editor ul.nodes > li > div .mobile-view span.messages.new, .mobile-view .bot-editor ul.nodes > li > div label.messages.new, .bot-editor ul.nodes > li > div .mobile-view label.messages.new, .mobile-view .bot-editor ul.nodes div.messages.schedule, .bot-editor ul.nodes .mobile-view div.messages.schedule, .mobile-view .bot-editor ul.nodes ol.card li.messages.item.new, .bot-editor ul.nodes ol.card .mobile-view li.messages.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.messages, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.messages, .mobile-view section.user-editor section.info header.messages, section.user-editor section.info .mobile-view header.messages, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.messages:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.messages:before {
    background-image: url("/images/mobile/messages.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.usrs, .mobile-view .usrs.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.usrs.on, table.list-view .mobile-view th.usrs.on, .mobile-view table.list-view th.usrs.sortable, table.list-view .mobile-view th.usrs.sortable, .mobile-view .ui-indicator .usrs#indicator:before, .ui-indicator .mobile-view .usrs#indicator:before, .mobile-view .search-bar div.usrs.queries, .search-bar .mobile-view div.usrs.queries, .mobile-view .simulator > header dd.usrs, .simulator > header .mobile-view dd.usrs, .mobile-view .p3-layout .menu-pane li.usrs, .p3-layout .menu-pane .mobile-view li.usrs, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.usrs:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.usrs:before, .mobile-view .bot-editor section.actions li h5.usrs, .bot-editor section.actions li .mobile-view h5.usrs, .mobile-view .bot-editor ul.nodes > li > div span.usrs.new, .bot-editor ul.nodes > li > div .mobile-view span.usrs.new, .mobile-view .bot-editor ul.nodes > li > div label.usrs.new, .bot-editor ul.nodes > li > div .mobile-view label.usrs.new, .mobile-view .bot-editor ul.nodes div.usrs.schedule, .bot-editor ul.nodes .mobile-view div.usrs.schedule, .mobile-view .bot-editor ul.nodes ol.card li.usrs.item.new, .bot-editor ul.nodes ol.card .mobile-view li.usrs.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.usrs, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.usrs, .mobile-view section.user-editor section.info header.usrs, section.user-editor section.info .mobile-view header.usrs, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.usrs:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.usrs:before {
    background-image: url("/images/mobile/users.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.rms, .mobile-view .rms.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.rms.on, table.list-view .mobile-view th.rms.on, .mobile-view table.list-view th.rms.sortable, table.list-view .mobile-view th.rms.sortable, .mobile-view .ui-indicator .rms#indicator:before, .ui-indicator .mobile-view .rms#indicator:before, .mobile-view .search-bar div.rms.queries, .search-bar .mobile-view div.rms.queries, .mobile-view .simulator > header dd.rms, .simulator > header .mobile-view dd.rms, .mobile-view .p3-layout .menu-pane li.rms, .p3-layout .menu-pane .mobile-view li.rms, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.rms:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.rms:before, .mobile-view .bot-editor section.actions li h5.rms, .bot-editor section.actions li .mobile-view h5.rms, .mobile-view .bot-editor ul.nodes > li > div span.rms.new, .bot-editor ul.nodes > li > div .mobile-view span.rms.new, .mobile-view .bot-editor ul.nodes > li > div label.rms.new, .bot-editor ul.nodes > li > div .mobile-view label.rms.new, .mobile-view .bot-editor ul.nodes div.rms.schedule, .bot-editor ul.nodes .mobile-view div.rms.schedule, .mobile-view .bot-editor ul.nodes ol.card li.rms.item.new, .bot-editor ul.nodes ol.card .mobile-view li.rms.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.rms, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.rms, .mobile-view section.user-editor section.info header.rms, section.user-editor section.info .mobile-view header.rms, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.rms:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.rms:before {
    background-image: url("/images/mobile/rms.svg");
    background-repeat: no-repeat; }
    .mobile-view .icon.rms::before, .mobile-view table.list-view th.rms.on::before, table.list-view .mobile-view th.rms.on::before, .mobile-view table.list-view th.rms.sortable::before, table.list-view .mobile-view th.rms.sortable::before, .mobile-view .search-bar div.rms.queries::before, .search-bar .mobile-view div.rms.queries::before, .mobile-view .simulator > header dd.rms::before, .simulator > header .mobile-view dd.rms::before, .mobile-view .p3-layout .menu-pane li.rms::before, .p3-layout .menu-pane .mobile-view li.rms::before, .mobile-view .bot-editor section.actions li h5.rms::before, .bot-editor section.actions li .mobile-view h5.rms::before, .mobile-view .bot-editor ul.nodes > li > div span.rms.new::before, .bot-editor ul.nodes > li > div .mobile-view span.rms.new::before, .mobile-view .bot-editor ul.nodes > li > div label.rms.new::before, .bot-editor ul.nodes > li > div .mobile-view label.rms.new::before, .mobile-view .bot-editor ul.nodes div.rms.schedule::before, .bot-editor ul.nodes .mobile-view div.rms.schedule::before, .mobile-view .bot-editor ul.nodes ol.card li.rms.item.new::before, .bot-editor ul.nodes ol.card .mobile-view li.rms.item.new::before, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.rms::before, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.rms::before, .mobile-view section.user-editor section.info header.rms::before, section.user-editor section.info .mobile-view header.rms::before {
      content: none; }
  .mobile-view .icon.stores, .mobile-view .stores.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.stores.on, table.list-view .mobile-view th.stores.on, .mobile-view table.list-view th.stores.sortable, table.list-view .mobile-view th.stores.sortable, .mobile-view .ui-indicator .stores#indicator:before, .ui-indicator .mobile-view .stores#indicator:before, .mobile-view .search-bar div.stores.queries, .search-bar .mobile-view div.stores.queries, .mobile-view .simulator > header dd.stores, .simulator > header .mobile-view dd.stores, .mobile-view .p3-layout .menu-pane li.stores, .p3-layout .menu-pane .mobile-view li.stores, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.stores:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.stores:before, .mobile-view .bot-editor section.actions li h5.stores, .bot-editor section.actions li .mobile-view h5.stores, .mobile-view .bot-editor ul.nodes > li > div span.stores.new, .bot-editor ul.nodes > li > div .mobile-view span.stores.new, .mobile-view .bot-editor ul.nodes > li > div label.stores.new, .bot-editor ul.nodes > li > div .mobile-view label.stores.new, .mobile-view .bot-editor ul.nodes div.stores.schedule, .bot-editor ul.nodes .mobile-view div.stores.schedule, .mobile-view .bot-editor ul.nodes ol.card li.stores.item.new, .bot-editor ul.nodes ol.card .mobile-view li.stores.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.stores, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.stores, .mobile-view section.user-editor section.info header.stores, section.user-editor section.info .mobile-view header.stores, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.stores:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.stores:before {
    background-image: url("/images/mobile/stores.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.staffs, .mobile-view .staffs.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.staffs.on, table.list-view .mobile-view th.staffs.on, .mobile-view table.list-view th.staffs.sortable, table.list-view .mobile-view th.staffs.sortable, .mobile-view .ui-indicator .staffs#indicator:before, .ui-indicator .mobile-view .staffs#indicator:before, .mobile-view .search-bar div.staffs.queries, .search-bar .mobile-view div.staffs.queries, .mobile-view .simulator > header dd.staffs, .simulator > header .mobile-view dd.staffs, .mobile-view .p3-layout .menu-pane li.staffs, .p3-layout .menu-pane .mobile-view li.staffs, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.staffs:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.staffs:before, .mobile-view .bot-editor section.actions li h5.staffs, .bot-editor section.actions li .mobile-view h5.staffs, .mobile-view .bot-editor ul.nodes > li > div span.staffs.new, .bot-editor ul.nodes > li > div .mobile-view span.staffs.new, .mobile-view .bot-editor ul.nodes > li > div label.staffs.new, .bot-editor ul.nodes > li > div .mobile-view label.staffs.new, .mobile-view .bot-editor ul.nodes div.staffs.schedule, .bot-editor ul.nodes .mobile-view div.staffs.schedule, .mobile-view .bot-editor ul.nodes ol.card li.staffs.item.new, .bot-editor ul.nodes ol.card .mobile-view li.staffs.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.staffs, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.staffs, .mobile-view section.user-editor section.info header.staffs, section.user-editor section.info .mobile-view header.staffs, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.staffs:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.staffs:before {
    background-image: url("/images/mobile/staffs.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.broadcast, .mobile-view .broadcast.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.broadcast.on, table.list-view .mobile-view th.broadcast.on, .mobile-view table.list-view th.broadcast.sortable, table.list-view .mobile-view th.broadcast.sortable, .mobile-view .ui-indicator .broadcast#indicator:before, .ui-indicator .mobile-view .broadcast#indicator:before, .mobile-view .search-bar div.broadcast.queries, .search-bar .mobile-view div.broadcast.queries, .mobile-view .simulator > header dd.broadcast, .simulator > header .mobile-view dd.broadcast, .mobile-view .p3-layout .menu-pane li.broadcast, .p3-layout .menu-pane .mobile-view li.broadcast, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.broadcast:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.broadcast:before, .mobile-view .bot-editor section.actions li h5.broadcast, .bot-editor section.actions li .mobile-view h5.broadcast, .mobile-view .bot-editor ul.nodes > li > div span.broadcast.new, .bot-editor ul.nodes > li > div .mobile-view span.broadcast.new, .mobile-view .bot-editor ul.nodes > li > div label.broadcast.new, .bot-editor ul.nodes > li > div .mobile-view label.broadcast.new, .mobile-view .bot-editor ul.nodes div.broadcast.schedule, .bot-editor ul.nodes .mobile-view div.broadcast.schedule, .mobile-view .bot-editor ul.nodes ol.card li.broadcast.item.new, .bot-editor ul.nodes ol.card .mobile-view li.broadcast.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.broadcast, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.broadcast, .mobile-view section.user-editor section.info header.broadcast, section.user-editor section.info .mobile-view header.broadcast, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.broadcast:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.broadcast:before {
    background-image: url("/images/mobile/broadcast.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.notification, .mobile-view .notification.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.notification.on, table.list-view .mobile-view th.notification.on, .mobile-view table.list-view th.notification.sortable, table.list-view .mobile-view th.notification.sortable, .mobile-view .ui-indicator .notification#indicator:before, .ui-indicator .mobile-view .notification#indicator:before, .mobile-view .search-bar div.notification.queries, .search-bar .mobile-view div.notification.queries, .mobile-view .simulator > header dd.notification, .simulator > header .mobile-view dd.notification, .mobile-view .p3-layout .menu-pane li.notification, .p3-layout .menu-pane .mobile-view li.notification, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.notification:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.notification:before, .mobile-view .bot-editor section.actions li h5.notification, .bot-editor section.actions li .mobile-view h5.notification, .mobile-view .bot-editor ul.nodes > li > div span.notification.new, .bot-editor ul.nodes > li > div .mobile-view span.notification.new, .mobile-view .bot-editor ul.nodes > li > div label.notification.new, .bot-editor ul.nodes > li > div .mobile-view label.notification.new, .mobile-view .bot-editor ul.nodes div.notification.schedule, .bot-editor ul.nodes .mobile-view div.notification.schedule, .mobile-view .bot-editor ul.nodes ol.card li.notification.item.new, .bot-editor ul.nodes ol.card .mobile-view li.notification.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.notification, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.notification, .mobile-view section.user-editor section.info header.notification, section.user-editor section.info .mobile-view header.notification, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.notification:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.notification:before {
    background-image: url("/images/mobile/notification.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.settings, .mobile-view .settings.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.settings.on, table.list-view .mobile-view th.settings.on, .mobile-view table.list-view th.settings.sortable, table.list-view .mobile-view th.settings.sortable, .mobile-view .ui-indicator .settings#indicator:before, .ui-indicator .mobile-view .settings#indicator:before, .mobile-view .search-bar div.settings.queries, .search-bar .mobile-view div.settings.queries, .mobile-view .simulator > header dd.settings, .simulator > header .mobile-view dd.settings, .mobile-view .p3-layout .menu-pane li.settings, .p3-layout .menu-pane .mobile-view li.settings, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.settings:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.settings:before, .mobile-view .bot-editor section.actions li h5.settings, .bot-editor section.actions li .mobile-view h5.settings, .mobile-view .bot-editor ul.nodes > li > div span.settings.new, .bot-editor ul.nodes > li > div .mobile-view span.settings.new, .mobile-view .bot-editor ul.nodes > li > div label.settings.new, .bot-editor ul.nodes > li > div .mobile-view label.settings.new, .mobile-view .bot-editor ul.nodes div.settings.schedule, .bot-editor ul.nodes .mobile-view div.settings.schedule, .mobile-view .bot-editor ul.nodes ol.card li.settings.item.new, .bot-editor ul.nodes ol.card .mobile-view li.settings.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.settings, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.settings, .mobile-view section.user-editor section.info header.settings, section.user-editor section.info .mobile-view header.settings, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.settings:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.settings:before {
    background-image: url("/images/mobile/settings.svg");
    background-repeat: no-repeat; }
  .mobile-view .icon.closeBtn, .mobile-view .closeBtn.form-item-autocomplete.loading-autocomplete:before, .mobile-view table.list-view th.closeBtn.on, table.list-view .mobile-view th.closeBtn.on, .mobile-view table.list-view th.closeBtn.sortable, table.list-view .mobile-view th.closeBtn.sortable, .mobile-view .ui-indicator .closeBtn#indicator:before, .ui-indicator .mobile-view .closeBtn#indicator:before, .mobile-view .search-bar div.closeBtn.queries, .search-bar .mobile-view div.closeBtn.queries, .mobile-view .simulator > header dd.closeBtn, .simulator > header .mobile-view dd.closeBtn, .mobile-view .p3-layout .menu-pane li.closeBtn, .p3-layout .menu-pane .mobile-view li.closeBtn, .mobile-view .chat_list_view #simulator footer.send-type-text .type-text b.closeBtn:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view b.closeBtn:before, .mobile-view .bot-editor section.actions li h5.closeBtn, .bot-editor section.actions li .mobile-view h5.closeBtn, .mobile-view .bot-editor ul.nodes > li > div span.closeBtn.new, .bot-editor ul.nodes > li > div .mobile-view span.closeBtn.new, .mobile-view .bot-editor ul.nodes > li > div label.closeBtn.new, .bot-editor ul.nodes > li > div .mobile-view label.closeBtn.new, .mobile-view .bot-editor ul.nodes div.closeBtn.schedule, .bot-editor ul.nodes .mobile-view div.closeBtn.schedule, .mobile-view .bot-editor ul.nodes ol.card li.closeBtn.item.new, .bot-editor ul.nodes ol.card .mobile-view li.closeBtn.item.new, .mobile-view .bot-editor ul.nodes div.react-btns label.colors:hover u.closeBtn, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view u.closeBtn, .mobile-view section.user-editor section.info header.closeBtn, section.user-editor section.info .mobile-view header.closeBtn, .mobile-view section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.closeBtn:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view b.closeBtn:before {
    background-image: url("/images/mobile/close.svg");
    max-width: 18px;
    min-height: 18px; }
  .mobile-view form {
    overflow-x: auto; }
    .mobile-view form li {
      overflow: visible; }
      .mobile-view form li h4 {
        color: #999999;
        width: 120px;
        margin: 0; }
      .mobile-view form li div.form-type-number {
        width: 80px; }
      .mobile-view form li input:not([type=radio]):not([type=checkbox]) {
        background: #F9F9F9;
        border: none; }
      .mobile-view form li div.form-item-datetime-picker.dt-picker-box,
      .mobile-view form li div.ui-dropdown.form-item {
        border: none;
        width: 100%;
        background: #F9F9F9; }
        .mobile-view form li div.form-item-datetime-picker.dt-picker-box div.btn-picker.icon.calendar, .mobile-view form li div.form-item-datetime-picker.dt-picker-box div.btn-picker.calendar.form-item-autocomplete.loading-autocomplete:before, .mobile-view form li div.form-item-datetime-picker.dt-picker-box .ui-indicator div.btn-picker.calendar#indicator:before, .ui-indicator .mobile-view form li div.form-item-datetime-picker.dt-picker-box div.btn-picker.calendar#indicator:before, .mobile-view form li div.form-item-datetime-picker.dt-picker-box .search-bar div.btn-picker.calendar.queries, .search-bar .mobile-view form li div.form-item-datetime-picker.dt-picker-box div.btn-picker.calendar.queries, .mobile-view form li div.form-item-datetime-picker.dt-picker-box .bot-editor ul.nodes div.btn-picker.calendar.schedule, .bot-editor ul.nodes .mobile-view form li div.form-item-datetime-picker.dt-picker-box div.btn-picker.calendar.schedule,
        .mobile-view form li div.ui-dropdown.form-item div.btn-picker.icon.calendar,
        .mobile-view form li div.ui-dropdown.form-item div.btn-picker.calendar.form-item-autocomplete.loading-autocomplete:before,
        .mobile-view form li div.ui-dropdown.form-item .ui-indicator div.btn-picker.calendar#indicator:before,
        .ui-indicator .mobile-view form li div.ui-dropdown.form-item div.btn-picker.calendar#indicator:before,
        .mobile-view form li div.ui-dropdown.form-item .search-bar div.btn-picker.calendar.queries,
        .search-bar .mobile-view form li div.ui-dropdown.form-item div.btn-picker.calendar.queries,
        .mobile-view form li div.ui-dropdown.form-item .bot-editor ul.nodes div.btn-picker.calendar.schedule,
        .bot-editor ul.nodes .mobile-view form li div.ui-dropdown.form-item div.btn-picker.calendar.schedule {
          background: #F9F9F9;
          border: none; }
      .mobile-view form li div.ui-dropdown.form-item::after {
        background: #F9F9F9; }
      .mobile-view form li button {
        width: 100%;
        background-color: #ECEAE8;
        color: #fff;
        border: none;
        margin-left: 0px;
        font-size: 12px; }
        .mobile-view form li button.on {
          background: #5F5BFF; }
      .mobile-view form li div.form-type-file {
        align-items: center; }
        .mobile-view form li div.form-type-file p {
          text-align: center;
          font-size: 14px;
          color: #999999;
          padding-right: 0; }
        .mobile-view form li div.form-type-file div {
          height: 100px;
          width: 100px;
          border-radius: 8px;
          background: #F9F9F9; }
          .mobile-view form li div.form-type-file div div.default {
            border-radius: 8px; }
            .mobile-view form li div.form-type-file div div.default::after {
              content: "";
              color: #999999;
              fill: #999999;
              -webkit-text-fill-color: #999999; }
            .mobile-view form li div.form-type-file div div.default::before {
              background-image: url("/images/mobile/photo.svg");
              background-size: 45px 35px;
              transform: translateY(20px); }
            .mobile-view form li div.form-type-file div div.default > span {
              background: #F9F9F9;
              border-radius: 8px;
              height: 100px;
              width: 100px; }
      .mobile-view form li[type=multiple] {
        justify-content: center; }
        .mobile-view form li[type=multiple] > dl {
          width: 100% !important; }
          .mobile-view form li[type=multiple] > dl dd:first-child {
            padding-right: 0;
            flex: 1; }
          .mobile-view form li[type=multiple] > dl dd[name=times],
          .mobile-view form li[type=multiple] > dl dd[name=share_f],
          .mobile-view form li[type=multiple] > dl dd[name=coexist_f] {
            padding-left: 120px;
            transform: translateY(-37px); }
      .mobile-view form li .form-type-text,
      .mobile-view form li .form-type-time {
        display: block;
        position: relative;
        width: calc(100% - 2*16px);
        height: 56px;
        margin: 0px 16px;
        margin: 0; }
        .mobile-view form li .form-type-text input[type=text],
        .mobile-view form li .form-type-text input[type=time],
        .mobile-view form li .form-type-time input[type=text],
        .mobile-view form li .form-type-time input[type=time] {
          position: absolute;
          left: 0px;
          right: 100%;
          height: 35px;
          width: 100%;
          bottom: 0px;
          border: 0px;
          -webkit-appearance: none;
          font-size: 14px;
          line-height: 1;
          padding: 0;
          background-color: #fff;
          border-bottom: 1px solid #eee;
          border-radius: 0px; }
          .mobile-view form li .form-type-text input[type=text].not-empty,
          .mobile-view form li .form-type-text input[type=time].not-empty,
          .mobile-view form li .form-type-time input[type=text].not-empty,
          .mobile-view form li .form-type-time input[type=time].not-empty {
            color: #222; }
            .mobile-view form li .form-type-text input[type=text].not-empty + span span,
            .mobile-view form li .form-type-text input[type=time].not-empty + span span,
            .mobile-view form li .form-type-time input[type=text].not-empty + span span,
            .mobile-view form li .form-type-time input[type=time].not-empty + span span {
              cursor: default;
              transform: scale(0.8) translateY(-29px);
              color: #5F5BFF; }
          .mobile-view form li .form-type-text input[type=text]:focus,
          .mobile-view form li .form-type-text input[type=time]:focus,
          .mobile-view form li .form-type-time input[type=text]:focus,
          .mobile-view form li .form-type-time input[type=time]:focus {
            color: #222;
            outline: none; }
            .mobile-view form li .form-type-text input[type=text]:focus + span,
            .mobile-view form li .form-type-text input[type=time]:focus + span,
            .mobile-view form li .form-type-time input[type=text]:focus + span,
            .mobile-view form li .form-type-time input[type=time]:focus + span {
              border-bottom: 1px solid #5F5BFF;
              transition: border-bottom-color 200ms ease-in-out; }
              .mobile-view form li .form-type-text input[type=text]:focus + span span,
              .mobile-view form li .form-type-text input[type=time]:focus + span span,
              .mobile-view form li .form-type-time input[type=text]:focus + span span,
              .mobile-view form li .form-type-time input[type=time]:focus + span span {
                cursor: default;
                transform: scale(0.8) translateY(-29px);
                color: #5F5BFF; }
        .mobile-view form li .form-type-text input[type=text]::placeholder,
        .mobile-view form li .form-type-time input[type=text]::placeholder {
          padding-left: 42px; }
        .mobile-view form li .form-type-text > span,
        .mobile-view form li .form-type-time > span {
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 40px;
          border-bottom: 1px solid #eee;
          cursor: text;
          pointer-events: none;
          transition: border-bottom-color 200ms ease-in-out;
          font-size: 15px;
          line-height: 44px;
          background-color: transparent; }
          .mobile-view form li .form-type-text > span > span,
          .mobile-view form li .form-type-time > span > span {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transform-origin: 0% 50%;
            color: #999;
            transition: transform 200ms ease-in-out; }
      .mobile-view form li .form-type-textarea textarea {
        width: 342px;
        background-color: #fff; }
      .mobile-view form li .form-type-autocomplete .form-item-autocomplete {
        background: #F9F9F9;
        border: none;
        width: 100%; }
        .mobile-view form li .form-type-autocomplete .form-item-autocomplete input.autocomplete {
          margin: 0;
          height: 32px; }
    .mobile-view form li.section {
      border: none; }
  .mobile-view .no-data {
    color: #999;
    text-align: center;
    padding: 20px 0; }
  .mobile-view .popup.company-mobile {
    width: 100vw;
    background-color: #fff; }
    .mobile-view .popup.company-mobile h2 {
      color: #666; }
    .mobile-view .popup.company-mobile .company ul .required.form-item-partner_f.form-row-checkbox {
      display: block; }
    .mobile-view .popup.company-mobile .company ul .form-item-consult_f.form-row-radio {
      display: block; }
    .mobile-view .popup.company-mobile .company ul .form-item-zipcode.form-row-number {
      margin-top: 16px; }
      .mobile-view .popup.company-mobile .company ul .form-item-zipcode.form-row-number .form-type-number input {
        width: 100%; }
        .mobile-view .popup.company-mobile .company ul .form-item-zipcode.form-row-number .form-type-number input:focus {
          border: 1px solid #5F5BFF;
          transition: border-bottom-color 200ms ease-in-out; }
          .mobile-view .popup.company-mobile .company ul .form-item-zipcode.form-row-number .form-type-number input:focus::placeholder {
            color: transparent; }
    .mobile-view .popup.company-mobile .company ul .form-item-capital.form-row-number {
      margin-top: 16px;
      margin-bottom: 16px; }
      .mobile-view .popup.company-mobile .company ul .form-item-capital.form-row-number .form-type-number input {
        width: 100%; }
        .mobile-view .popup.company-mobile .company ul .form-item-capital.form-row-number .form-type-number input:focus {
          border: 1px solid #5F5BFF;
          transition: border-bottom-color 200ms ease-in-out; }
          .mobile-view .popup.company-mobile .company ul .form-item-capital.form-row-number .form-type-number input:focus::placeholder {
            color: transparent; }
    .mobile-view .popup.company-mobile .company ul .form-type-radio label {
      color: #666; }
    .mobile-view .popup.company-mobile .company ul .form-type-checkbox label {
      color: #666; }
    .mobile-view .popup.company-mobile .company ul .form-type-autocomplete span {
      width: 100%;
      color: #666; }
    .mobile-view .popup.company-mobile .company ul .form-type-autocomplete input {
      width: 0; }
    .mobile-view .popup.company-mobile footer {
      background-color: #F8F6F5; }
      .mobile-view .popup.company-mobile footer .buttons {
        display: flex; }
        .mobile-view .popup.company-mobile footer .buttons button {
          background-color: white;
          color: #666;
          border: 0;
          border: 1px solid #666; }
  .mobile-view .popup.case-mobile {
    width: 100vw;
    background-color: #fff; }
    .mobile-view .popup.case-mobile header {
      display: flex;
      justify-content: flex-start; }
      .mobile-view .popup.case-mobile header button {
        background-color: #00D6C9;
        color: white;
        margin-left: 150px; }
    .mobile-view .popup.case-mobile h2 {
      color: #666; }
    .mobile-view .popup.case-mobile .case ul .form-item-plan.form-row-radio {
      display: block; }
    .mobile-view .popup.case-mobile .case ul .form-type-text input:focus {
      border-bottom: 1px solid #5F5BFF;
      transition: border-bottom-color 200ms ease-in-out; }
      .mobile-view .popup.case-mobile .case ul .form-type-text input:focus::placeholder {
        color: transparent; }
    .mobile-view .popup.case-mobile .case ul .form-type-number input {
      width: 100%; }
      .mobile-view .popup.case-mobile .case ul .form-type-number input:focus {
        border: 1px solid #5F5BFF;
        transition: border-bottom-color 200ms ease-in-out; }
        .mobile-view .popup.case-mobile .case ul .form-type-number input:focus::placeholder {
          color: transparent; }
    .mobile-view .popup.case-mobile .case ul .form-item-est_init_fee.form-row-text {
      display: block; }
    .mobile-view .popup.case-mobile .case ul .form-item-est_saas_fee.form-row-text {
      display: block; }
    .mobile-view .popup.case-mobile .case ul .form-type-radio label {
      color: #666; }
    .mobile-view .popup.case-mobile .case ul .form-type-autocomplete span {
      width: 100%;
      color: #666; }
    .mobile-view .popup.case-mobile .case ul .form-type-autocomplete input {
      width: 0; }
    .mobile-view .popup.case-mobile .case ul .btn-picker.icon.calendar, .mobile-view .popup.case-mobile .case ul .btn-picker.calendar.form-item-autocomplete.loading-autocomplete:before, .mobile-view .popup.case-mobile .case ul table.list-view th.btn-picker.calendar.on, table.list-view .mobile-view .popup.case-mobile .case ul th.btn-picker.calendar.on, .mobile-view .popup.case-mobile .case ul table.list-view th.btn-picker.calendar.sortable, table.list-view .mobile-view .popup.case-mobile .case ul th.btn-picker.calendar.sortable, .mobile-view .popup.case-mobile .case ul .ui-indicator .btn-picker.calendar#indicator:before, .ui-indicator .mobile-view .popup.case-mobile .case ul .btn-picker.calendar#indicator:before, .mobile-view .popup.case-mobile .case ul .search-bar div.btn-picker.calendar.queries, .search-bar .mobile-view .popup.case-mobile .case ul div.btn-picker.calendar.queries, .mobile-view .popup.case-mobile .case ul .simulator > header dd.btn-picker.calendar, .simulator > header .mobile-view .popup.case-mobile .case ul dd.btn-picker.calendar, .mobile-view .popup.case-mobile .case ul .p3-layout .menu-pane li.btn-picker.calendar, .p3-layout .menu-pane .mobile-view .popup.case-mobile .case ul li.btn-picker.calendar, .mobile-view .popup.case-mobile .case ul .chat_list_view #simulator footer.send-type-text .type-text b.btn-picker.calendar:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view .popup.case-mobile .case ul b.btn-picker.calendar:before, .mobile-view .popup.case-mobile .case ul .bot-editor section.actions li h5.btn-picker.calendar, .bot-editor section.actions li .mobile-view .popup.case-mobile .case ul h5.btn-picker.calendar, .mobile-view .popup.case-mobile .case .bot-editor ul.nodes > li > div span.btn-picker.calendar.new, .bot-editor .mobile-view .popup.case-mobile .case ul.nodes > li > div span.btn-picker.calendar.new, .mobile-view .popup.case-mobile .case .bot-editor ul.nodes > li > div label.btn-picker.calendar.new, .bot-editor .mobile-view .popup.case-mobile .case ul.nodes > li > div label.btn-picker.calendar.new, .mobile-view .popup.case-mobile .case .bot-editor ul.nodes div.btn-picker.calendar.schedule, .bot-editor .mobile-view .popup.case-mobile .case ul.nodes div.btn-picker.calendar.schedule, .mobile-view .popup.case-mobile .case .bot-editor ul.nodes ol.card li.btn-picker.calendar.item.new, .bot-editor .mobile-view .popup.case-mobile .case ul.nodes ol.card li.btn-picker.calendar.item.new, .mobile-view .popup.case-mobile .case .bot-editor ul.nodes div.react-btns label.colors:hover u.btn-picker.calendar, .bot-editor .mobile-view .popup.case-mobile .case ul.nodes div.react-btns label.colors:hover u.btn-picker.calendar, .mobile-view .popup.case-mobile .case ul section.user-editor section.info header.btn-picker.calendar, section.user-editor section.info .mobile-view .popup.case-mobile .case ul header.btn-picker.calendar, .mobile-view .popup.case-mobile .case ul section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.btn-picker.calendar:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view .popup.case-mobile .case ul b.btn-picker.calendar:before {
      color: #666; }
    .mobile-view .popup.case-mobile footer {
      background-color: #F8F6F5; }
      .mobile-view .popup.case-mobile footer .buttons {
        display: flex; }
        .mobile-view .popup.case-mobile footer .buttons button {
          background-color: white;
          color: #666;
          border: 0;
          border: 1px solid #666; }
  .mobile-view .popup.activity-mobile {
    width: 100vw;
    background-color: #fff; }
    .mobile-view .popup.activity-mobile header {
      display: flex;
      justify-content: flex-start; }
      .mobile-view .popup.activity-mobile header button {
        background-color: #00D6C9;
        color: white;
        margin-left: 150px; }
    .mobile-view .popup.activity-mobile h2 {
      color: #666; }
    .mobile-view .popup.activity-mobile .activity ul li[type=radio] {
      display: block; }
      .mobile-view .popup.activity-mobile .activity ul li[type=radio] label {
        color: #666; }
    .mobile-view .popup.activity-mobile .activity ul li[type=datetime] {
      display: block; }
      .mobile-view .popup.activity-mobile .activity ul li[type=datetime] span {
        color: #666; }
    .mobile-view .popup.activity-mobile .activity ul .form-type-autocomplete span {
      width: 100%;
      color: #666; }
    .mobile-view .popup.activity-mobile .activity ul .form-type-autocomplete input {
      width: 0; }
    .mobile-view .popup.activity-mobile footer {
      background-color: #F8F6F5; }
      .mobile-view .popup.activity-mobile footer .buttons {
        display: flex; }
        .mobile-view .popup.activity-mobile footer .buttons button {
          background-color: white;
          color: #666;
          border: 0;
          border: 1px solid #666; }

.popup.mobile-view {
  width: 100vw;
  height: 95vh;
  background-color: #fff; }
  .popup.mobile-view h2, .popup.mobile-view label {
    color: #666; }
  .popup.mobile-view label.on {
    color: #666; }
  .popup.mobile-view h4, .popup.mobile-view .form-type-number {
    justify-content: center;
    align-items: center;
    display: flex; }
  .popup.mobile-view footer {
    background-color: #F8F6F5;
    position: sticky;
    border-top: 1px solid #D0C9C3; }
    .popup.mobile-view footer .button {
      flex: 1;
      justify-content: space-around;
      display: flex; }
    .popup.mobile-view footer button {
      background-color: #FFFFFF;
      color: #666;
      border: 0;
      border: 1px solid #666; }

.mobile-view.menu_list_view {
  overflow-x: hidden; }
  .mobile-view.menu_list_view .p2-layout {
    flex-direction: column;
    -webkit-overflow-scrolling: touch; }
  .mobile-view.menu_list_view .center-pane li {
    display: flex;
    align-items: center;
    padding: 30px 16px;
    margin-bottom: 5px; }
    .mobile-view.menu_list_view .center-pane li:before {
      content: '';
      transform: translateX(16px);
      width: 90%;
      border-bottom: 1px solid #eceae8; }
    .mobile-view.menu_list_view .center-pane li .unread-badge {
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background-color: #00D6C9;
      color: #fff;
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
  .mobile-view.menu_list_view .center-pane label {
    font-size: 14px;
    color: #222;
    padding-left: 26px;
    font-weight: bold; }

.message_list_view section.search-bar {
  margin: 0;
  width: 100%;
  padding: 8px 20px; }
  .message_list_view section.search-bar div.queries {
    background: rgba(236, 234, 232, 0.5);
    width: 100%;
    border-radius: 4px;
    height: 36px; }
    .message_list_view section.search-bar div.queries::before {
      position: absolute;
      transform: translateX(10px) translateY(-6px); }
    .message_list_view section.search-bar div.queries input {
      background: transparent;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px; }
      .message_list_view section.search-bar div.queries input::placeholder {
        font-size: 12px;
        color: #999; }

.user_chats_view #simulator.web {
  border: none;
  border-radius: 0; }
  .user_chats_view #simulator.web nav.additional-note {
    padding: 0;
    border: transparent;
    background: #F8F6F5; }
    .user_chats_view #simulator.web nav.additional-note .icon::before, .user_chats_view #simulator.web nav.additional-note table.list-view th.on::before, table.list-view .user_chats_view #simulator.web nav.additional-note th.on::before, .user_chats_view #simulator.web nav.additional-note table.list-view th.sortable::before, table.list-view .user_chats_view #simulator.web nav.additional-note th.sortable::before, .user_chats_view #simulator.web nav.additional-note .search-bar div.queries::before, .search-bar .user_chats_view #simulator.web nav.additional-note div.queries::before, .user_chats_view #simulator.web nav.additional-note .simulator > header dd::before, .simulator > header .user_chats_view #simulator.web nav.additional-note dd::before, .user_chats_view #simulator.web nav.additional-note .p3-layout .menu-pane li::before, .p3-layout .menu-pane .user_chats_view #simulator.web nav.additional-note li::before, .user_chats_view #simulator.web nav.additional-note .bot-editor section.actions li h5::before, .bot-editor section.actions li .user_chats_view #simulator.web nav.additional-note h5::before, .user_chats_view #simulator.web nav.additional-note .bot-editor ul.nodes > li > div span.new::before, .bot-editor ul.nodes > li > div .user_chats_view #simulator.web nav.additional-note span.new::before, .user_chats_view #simulator.web nav.additional-note .bot-editor ul.nodes > li > div label.new::before, .bot-editor ul.nodes > li > div .user_chats_view #simulator.web nav.additional-note label.new::before, .user_chats_view #simulator.web nav.additional-note .bot-editor ul.nodes div.schedule::before, .bot-editor ul.nodes .user_chats_view #simulator.web nav.additional-note div.schedule::before, .user_chats_view #simulator.web nav.additional-note .bot-editor ul.nodes ol.card li.item.new::before, .bot-editor ul.nodes ol.card .user_chats_view #simulator.web nav.additional-note li.item.new::before, .user_chats_view #simulator.web nav.additional-note .bot-editor ul.nodes div.react-btns label.colors:hover u::before, .bot-editor ul.nodes div.react-btns label.colors:hover .user_chats_view #simulator.web nav.additional-note u::before, .user_chats_view #simulator.web nav.additional-note section.user-editor section.info header::before, section.user-editor section.info .user_chats_view #simulator.web nav.additional-note header::before {
      background-size: 18px;
      width: 18px;
      transform: translate(10px, -12px); }
    .user_chats_view #simulator.web nav.additional-note li div.thumb {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      align-self: center; }
    .user_chats_view #simulator.web nav.additional-note li div:nth-child(2) {
      flex-direction: column;
      max-height: 80px;
      padding-top: 8px;
      width: auto; }
      .user_chats_view #simulator.web nav.additional-note li div:nth-child(2) p {
        padding: 0;
        line-height: 40px;
        padding-left: 18px;
        font-size: 14px;
        font-weight: 500; }
      .user_chats_view #simulator.web nav.additional-note li div:nth-child(2) div {
        flex-direction: row;
        min-width: 334px; }
    .user_chats_view #simulator.web nav.additional-note footer {
      height: auto;
      background: #fff;
      min-height: 60px; }
      .user_chats_view #simulator.web nav.additional-note footer textarea {
        margin: 0;
        height: 40px;
        min-height: auto;
        flex: 1;
        overflow: hidden; }
  .user_chats_view #simulator.web section {
    background: #fff;
    border: none; }
    .user_chats_view #simulator.web section li.text {
      background: #F8F6F5; }
  .user_chats_view #simulator.web footer {
    padding: 10px 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
    height: auto;
    border-top: #D0C9C3 1px solid; }
    .user_chats_view #simulator.web footer .msg-textarea {
      display: flex; }
    .user_chats_view #simulator.web footer input {
      background: rgba(236, 234, 232, 0.5);
      border-radius: 4px;
      width: 302px;
      line-height: 36px;
      margin-top: 3px;
      margin-bottom: 3px; }
    .user_chats_view #simulator.web footer textarea {
      background: rgba(236, 234, 232, 0.5);
      border-radius: 4px;
      width: 302px;
      margin-top: 3px;
      margin-bottom: 3px;
      min-height: auto;
      line-height: 16px;
      height: 40px; }
    .user_chats_view #simulator.web footer button::before {
      padding-left: 20px;
      -webkit-text-fill-color: #D0C9C3; }
    .user_chats_view #simulator.web footer button.on::before {
      padding-left: 20px;
      -webkit-text-fill-color: #5F5BFF; }

.mobile-view {
  /*** DESIGN 1 ***/ }
  .mobile-view.dashboard_view .center-pane {
    padding: 20px; }
    .mobile-view.dashboard_view .center-pane .analysis {
      --columns: 2;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start; }
      .mobile-view.dashboard_view .center-pane .analysis > div {
        flex: 0 0 calc(100% / var(--columns));
        height: 160px; }
        .mobile-view.dashboard_view .center-pane .analysis > div:nth-child(1) {
          border-right: solid 1px #ccc;
          border-bottom: solid 1px #ccc; }
        .mobile-view.dashboard_view .center-pane .analysis > div:nth-child(2) {
          border-left: solid 1px #ccc;
          border-bottom: solid 1px #ccc; }
        .mobile-view.dashboard_view .center-pane .analysis > div:nth-child(3) {
          border-right: solid 1px #ccc;
          border-top: solid 1px #ccc; }
        .mobile-view.dashboard_view .center-pane .analysis > div:nth-child(4) {
          border-left: solid 1px #ccc;
          border-top: solid 1px #ccc; }
        .mobile-view.dashboard_view .center-pane .analysis > div > span {
          font-size: 22px;
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .mobile-view.dashboard_view .center-pane .analysis > div > span::before {
            all: unset;
            content: '';
            display: block;
            height: 44px;
            width: 44px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin-block-end: 5px; }
          .mobile-view.dashboard_view .center-pane .analysis > div > span::after {
            content: attr(title);
            display: block;
            font-size: 10px;
            font-weight: normal;
            margin-block-start: 2px; }
      .mobile-view.dashboard_view .center-pane .analysis #btn_users > span::before {
        background-image: url(/images/mobile/icon_user.svg); }
      .mobile-view.dashboard_view .center-pane .analysis #btn_blocked_users > span::before {
        background-image: url(/images/mobile/icon_user_delete.svg); }
      .mobile-view.dashboard_view .center-pane .analysis #btn_sent_messages > span::before {
        background-image: url(/images/mobile/icon_message_check.svg); }
      .mobile-view.dashboard_view .center-pane .analysis #btn_total_messages > span::before {
        background-image: url(/images/mobile/icon_message.svg); }
    .mobile-view.dashboard_view .center-pane ul li {
      font-size: 14px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px 0px;
      padding: 20px 16px;
      border-radius: 8px;
      background-color: #f9f9f9; }
      .mobile-view.dashboard_view .center-pane ul li::before {
        all: unset;
        content: '';
        display: block;
        height: 26px;
        width: 26px;
        color: #333;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 10px; }
      .mobile-view.dashboard_view .center-pane ul li#btn_message_history::before {
        background-image: url(/images/mobile/icon_message_history.svg); }
      .mobile-view.dashboard_view .center-pane ul li#btn_coupons::before {
        background-image: url(/images/mobile/icon_coupon.svg); }
  .mobile-view.dashboard_messages_view .center-pane {
    padding: 0px 20px; }
    .mobile-view.dashboard_messages_view .center-pane ul li {
      border-bottom: solid 1px #f9f9f9;
      margin-bottom: initial;
      padding: 12px 0px; }
      .mobile-view.dashboard_messages_view .center-pane ul li,
      .mobile-view.dashboard_messages_view .center-pane ul li * {
        height: initial;
        line-height: initial; }
      .mobile-view.dashboard_messages_view .center-pane ul li::before {
        content: none; }
      .mobile-view.dashboard_messages_view .center-pane ul li:not(:last-of-type) {
        margin-block-end: 5px; }
      .mobile-view.dashboard_messages_view .center-pane ul li dl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl,
        .mobile-view.dashboard_messages_view .center-pane ul li dl * {
          margin: initial;
          padding: initial; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl dt h2 {
          font-weight: bold;
          font-size: 14px;
          color: #505050; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl dt h3 {
          font-weight: normal;
          font-size: 12px;
          color: #505050; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl dt h4 {
          font-weight: normal;
          font-size: 10px;
          color: #999; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl dd h2 {
          margin-bottom: -8px;
          font-weight: bold;
          font-size: 30px;
          color: #505050; }
        .mobile-view.dashboard_messages_view .center-pane ul li dl dd h3 {
          font-weight: normal;
          font-size: 12px;
          color: #999;
          margin: 0; }
  .mobile-view.dashboard_coupons_view .center-pane {
    padding: 0px 20px; }
    .mobile-view.dashboard_coupons_view .center-pane ul li {
      border-bottom: solid 1px #ccc;
      margin-bottom: initial;
      padding: 12px 0; }
      .mobile-view.dashboard_coupons_view .center-pane ul li,
      .mobile-view.dashboard_coupons_view .center-pane ul li * {
        height: initial;
        line-height: initial; }
      .mobile-view.dashboard_coupons_view .center-pane ul li::before {
        content: none; }
      .mobile-view.dashboard_coupons_view .center-pane ul li:not(:last-of-type) {
        margin-block-end: 5px; }
      .mobile-view.dashboard_coupons_view .center-pane ul li dl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl,
        .mobile-view.dashboard_coupons_view .center-pane ul li dl * {
          margin: initial;
          padding: initial; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl dt h2 {
          font-weight: bold;
          font-size: 14px;
          color: #505050; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl dt h3 {
          font-weight: normal;
          font-size: 12px;
          color: #999; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl dt h4 {
          font-weight: normal;
          font-size: 10px;
          color: #999; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl dt h5 {
          font-size: 8px;
          color: #d0c9c3; }
        .mobile-view.dashboard_coupons_view .center-pane ul li dl dd {
          display: flex;
          justify-content: center;
          align-items: center;
          flex: 0 0 50%; }
          .mobile-view.dashboard_coupons_view .center-pane ul li dl dd > * {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex: 0 0 33%;
            padding: 12px 4px;
            line-height: 16px; }
            .mobile-view.dashboard_coupons_view .center-pane ul li dl dd > *:not(:first-child) {
              border-left: solid 1px #d4d4d4; }
            .mobile-view.dashboard_coupons_view .center-pane ul li dl dd > *::before {
              all: unset;
              content: attr(data-title);
              color: #d5cfca;
              -webkit-text-fill-color: #d5cfca;
              font-size: 8px;
              font-weight: normal; }
          .mobile-view.dashboard_coupons_view .center-pane ul li dl dd h2 {
            font-weight: bold;
            font-size: 18px;
            color: #505050; }
          .mobile-view.dashboard_coupons_view .center-pane ul li dl dd h3 {
            font-weight: normal;
            font-size: 12px;
            color: #505050;
            margin: 0; }

.coupon_view {
  overflow-x: hidden; }
  .coupon_view nav {
    min-height: 80px; }
    .coupon_view nav .icon, .coupon_view nav .form-item-autocomplete.loading-autocomplete:before, .coupon_view nav table.list-view th.on, table.list-view .coupon_view nav th.on, .coupon_view nav table.list-view th.sortable, table.list-view .coupon_view nav th.sortable, .coupon_view nav .ui-indicator #indicator:before, .ui-indicator .coupon_view nav #indicator:before, .coupon_view nav .search-bar div.queries, .search-bar .coupon_view nav div.queries, .coupon_view nav .simulator > header dd, .simulator > header .coupon_view nav dd, .coupon_view nav .p3-layout .menu-pane li, .p3-layout .menu-pane .coupon_view nav li, .coupon_view nav .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .coupon_view nav b:before, .coupon_view nav .bot-editor section.actions li h5, .bot-editor section.actions li .coupon_view nav h5, .coupon_view nav .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .coupon_view nav span.new, .coupon_view nav .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .coupon_view nav label.new, .coupon_view nav .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .coupon_view nav div.schedule, .coupon_view nav .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .coupon_view nav li.item.new, .coupon_view nav .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .coupon_view nav u, .coupon_view nav section.user-editor section.info header, section.user-editor section.info .coupon_view nav header, .coupon_view nav section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .coupon_view nav b:before {
      width: 35px;
      height: 22px;
      margin-right: 16px; }
  .coupon_view .center-pane {
    overflow-x: hidden; }
    .coupon_view .center-pane section form > ul {
      padding-top: 0; }
    .coupon_view .center-pane section #coupon-preview p {
      padding: 32px 0;
      font-size: 14px; }
    .coupon_view .center-pane section #coupon-preview div {
      padding-top: 48px;
      padding-bottom: 48px; }
    .coupon_view .center-pane section #coupon-preview button {
      width: 124px;
      padding: 0 18px;
      margin: 0;
      text-align: left; }
      .coupon_view .center-pane section #coupon-preview button::before {
        content: '';
        width: 30px;
        height: 18px;
        transform: translate(110px, 7px); }
      .coupon_view .center-pane section #coupon-preview button.coupon::before {
        background-image: url("/images/mobile/coupon-on.svg"); }
      .coupon_view .center-pane section #coupon-preview button.coupon {
        border: 1px solid #5E5BF6;
        background-color: #fff;
        color: #505050;
        margin-right: 12px; }
      .coupon_view .center-pane section #coupon-preview button.send-white::before {
        background-image: url("/images/mobile/send-white.svg");
        transform: translate(124px, 7px); }
      .coupon_view .center-pane section #coupon-preview button.send-white {
        background: #5E5BF6;
        color: #fff; }
      .coupon_view .center-pane section #coupon-preview button::before {
        content: '';
        display: block;
        width: 35px;
        height: 22px;
        transform: translate(210px, 5px);
        background-image: url("/images/mobile/coupon-white.svg");
        background-repeat: no-repeat; }

.broadcast_view form li button::before {
  content: '';
  display: block;
  width: 35px;
  height: 22px;
  background-image: url("/images/mobile/send-white.svg");
  transform: translate(220px, 7px); }

.rms_list_view {
  color: #666; }
  .rms_list_view ul {
    display: flex;
    flex-direction: column; }
  .rms_list_view li {
    min-height: 60px;
    display: flex;
    flex-direction: row; }
    .rms_list_view li h2 {
      text-align: center;
      padding: 24px;
      color: #666; }
    .rms_list_view li span {
      flex: 1;
      font-size: 16px;
      padding: 8px 16px 8px 16px;
      width: 42px; }
    .rms_list_view li .time {
      border-right: 1px solid #D0C9C3;
      align-items: center;
      flex: 1;
      display: flex; }
    .rms_list_view li .name, .rms_list_view li .email, .rms_list_view li .tel {
      padding: 0;
      margin-bottom: 8px; }
    .rms_list_view li .rms-container {
      display: flex;
      flex-direction: column; }
    .rms_list_view li .rms {
      background-color: #999;
      color: #fff;
      height: 100%;
      margin: 0;
      border-bottom: none;
      padding: 0;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 97px; }
    .rms_list_view li .mrg-top {
      margin-top: auto; }
    .rms_list_view li .mrg-btm {
      margin-bottom: auto; }

.mobile-view.stores_list_view {
  overflow-x: hidden; }
  .mobile-view.stores_list_view .p2-layout {
    flex-direction: column;
    -webkit-overflow-scrolling: touch; }
  .mobile-view.stores_list_view .center-pane li {
    display: flex;
    align-items: center;
    padding: 30px 16px;
    margin-bottom: 5px; }
    .mobile-view.stores_list_view .center-pane li:before {
      content: '';
      transform: translateX(16px);
      width: 90%;
      border-bottom: 1px solid #eceae8; }
    .mobile-view.stores_list_view .center-pane li .unread-badge {
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background-color: #00D6C9;
      color: #fff;
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
  .mobile-view.stores_list_view .center-pane label {
    font-size: 14px;
    color: #222;
    padding-left: 26px;
    font-weight: bold; }

.mobile-view.stores_update_view nav {
  min-height: 80px; }
  .mobile-view.stores_update_view nav .icon, .mobile-view.stores_update_view nav .form-item-autocomplete.loading-autocomplete:before, .mobile-view.stores_update_view nav table.list-view th.on, table.list-view .mobile-view.stores_update_view nav th.on, .mobile-view.stores_update_view nav table.list-view th.sortable, table.list-view .mobile-view.stores_update_view nav th.sortable, .mobile-view.stores_update_view nav .ui-indicator #indicator:before, .ui-indicator .mobile-view.stores_update_view nav #indicator:before, .mobile-view.stores_update_view nav .search-bar div.queries, .search-bar .mobile-view.stores_update_view nav div.queries, .mobile-view.stores_update_view nav .simulator > header dd, .simulator > header .mobile-view.stores_update_view nav dd, .mobile-view.stores_update_view nav .p3-layout .menu-pane li, .p3-layout .menu-pane .mobile-view.stores_update_view nav li, .mobile-view.stores_update_view nav .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .mobile-view.stores_update_view nav b:before, .mobile-view.stores_update_view nav .bot-editor section.actions li h5, .bot-editor section.actions li .mobile-view.stores_update_view nav h5, .mobile-view.stores_update_view nav .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .mobile-view.stores_update_view nav span.new, .mobile-view.stores_update_view nav .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .mobile-view.stores_update_view nav label.new, .mobile-view.stores_update_view nav .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .mobile-view.stores_update_view nav div.schedule, .mobile-view.stores_update_view nav .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .mobile-view.stores_update_view nav li.item.new, .mobile-view.stores_update_view nav .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .mobile-view.stores_update_view nav u, .mobile-view.stores_update_view nav section.user-editor section.info header, section.user-editor section.info .mobile-view.stores_update_view nav header, .mobile-view.stores_update_view nav section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .mobile-view.stores_update_view nav b:before {
    width: 35px;
    height: 22px;
    margin-right: 16px; }

.mobile-view.stores_update_view form li .form-type-textarea textarea {
  width: 260px; }

.rms_update_view nav {
  min-height: 80px; }
  .rms_update_view nav .icon, .rms_update_view nav .form-item-autocomplete.loading-autocomplete:before, .rms_update_view nav table.list-view th.on, table.list-view .rms_update_view nav th.on, .rms_update_view nav table.list-view th.sortable, table.list-view .rms_update_view nav th.sortable, .rms_update_view nav .ui-indicator #indicator:before, .ui-indicator .rms_update_view nav #indicator:before, .rms_update_view nav .search-bar div.queries, .search-bar .rms_update_view nav div.queries, .rms_update_view nav .simulator > header dd, .simulator > header .rms_update_view nav dd, .rms_update_view nav .p3-layout .menu-pane li, .p3-layout .menu-pane .rms_update_view nav li, .rms_update_view nav .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .rms_update_view nav b:before, .rms_update_view nav .bot-editor section.actions li h5, .bot-editor section.actions li .rms_update_view nav h5, .rms_update_view nav .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .rms_update_view nav span.new, .rms_update_view nav .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .rms_update_view nav label.new, .rms_update_view nav .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .rms_update_view nav div.schedule, .rms_update_view nav .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .rms_update_view nav li.item.new, .rms_update_view nav .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .rms_update_view nav u, .rms_update_view nav section.user-editor section.info header, section.user-editor section.info .rms_update_view nav header, .rms_update_view nav section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .rms_update_view nav b:before {
    width: 35px;
    height: 22px;
    margin-right: 16px; }

.mobile-view.staffs_list_view {
  overflow-x: hidden; }
  .mobile-view.staffs_list_view .p2-layout {
    flex-direction: column;
    -webkit-overflow-scrolling: touch; }
  .mobile-view.staffs_list_view .center-pane ul .staff_info {
    display: flex;
    padding: 8px;
    border-bottom: 1px solid #d0c9c3; }
    .mobile-view.staffs_list_view .center-pane ul .staff_info .name {
      font-weight: bold;
      width: 40%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: solid 1px #d0c9c3; }
    .mobile-view.staffs_list_view .center-pane ul .staff_info .info {
      width: 60%; }
      .mobile-view.staffs_list_view .center-pane ul .staff_info .info .work_t {
        margin-bottom: 3px;
        font-weight: bold; }
      .mobile-view.staffs_list_view .center-pane ul .staff_info .info .status {
        margin-bottom: 3px; }
      .mobile-view.staffs_list_view .center-pane ul .staff_info .info button {
        height: 20px;
        line-height: unset; }

/*# sourceMappingURL=style.css.map */