@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, 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, 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, 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, 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, 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, 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); } }

.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-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; }

* {
  font-family: 'Poppins','Noto Sans JP',"Meiryo","Hiragino Maru Gothic Pro",sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #666;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  *:before {
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }

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

body[popup='1'] > article {
  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.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.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.gray, button, .ui-dropdown {
  margin-left: 16px;
  height: 32px;
  line-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:hover, footer button.new:hover, footer button.trash:hover, footer button.save:hover, footer button.a1:hover, footer button.gray:hover, button:hover, .ui-dropdown:hover {
    background: #F8F6F5; }
  .ui-button.icon:before, button.icon:before, .ui-indicator button#indicator:before, .icon.ui-dropdown: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, 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.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, .ui-indicator button.menu#indicator:before, form .buttons button.icon:before, form .buttons .ui-indicator button#indicator:before, .ui-indicator form .buttons button#indicator:before, .icon.ui-menu: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, 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; }

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 a {
    white-space: nowrap; }
  header nav.btns .icon.dots-v, 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; }
  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 .ui-indicator .dots-v#indicator:before, .ui-indicator header nav.btns .dots-v#indicator: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 .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: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, 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 {
    width: 20px;
    height: 26px;
    line-height: 26px; }
  header a.on b {
    background-color: #00D6C9 !important; }
  header a.badge:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #DB234B;
    box-shadow: 0 0 2px 1px #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 {
    background: #5F5BFF !important;
    color: #FFFFFF !important; }
    footer button.save:hover, footer button.a1:hover {
      background: #3A3AB5 !important; }
  footer button.gray {
    color: #FFFFFF !important;
    padding: 0px 16px 0px 16px; }
    footer button.gray:hover {
      background: #3A3AB5 !important; }

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

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; }

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;
    border-bottom: 2px solid #FFFFFF;
    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 .ui-indicator a.on#indicator:before, .ui-indicator nav a.on#indicator:before {
      border: 0; }
  nav a.icon, 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, nav .ui-indicator a#indicator:before, .ui-indicator nav a#indicator:before {
      width: 24px;
      text-align: center;
      font-size: 20px; }
  nav span {
    width: 8px;
    height: inherit;
    display: block;
    position: relative;
    height: 28px; }
  nav .spliter {
    width: 8px;
    display: inline-block;
    height: 24px;
    position: relative; }
  nav .spliter:before {
    content: "";
    left: 0px;
    height: 24px;
    width: 1px;
    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, .ui-indicator i.close#indicator:before {
    background-color: transparent;
    top: 16px;
    right: 16px;
    background-size: auto 24px;
    background-image: url(/images/ico_close.svg?v=1); }

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; }

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, 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, 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, section.user-editor section.pop-inline.tags-btn form input:placeholder-shown {
    background-color: #F8F6F5;
    border-color: #D0C9C3; }
  .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, 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, 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, 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, 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, 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;
  margin-left: 6px; }

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: 80px;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  resize: none;
  padding: 10px; }

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; }
    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: 6px;
    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: .75rem;
    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 .form-type-radio label {
    text-indent: 20px;
    padding-right: 10px; }
  form p {
    padding-left: 0;
    color: #666;
    font-size: .75rem; }
  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 .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;
  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; }
  .ui-dropdown:hover {
    background: #EBF0FF;
    cursor: pointer; }
  .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; }
  .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;
      top: -1px; }

.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: 300;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 0px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer; }
  .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: .75rem;
      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 .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 .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; }

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;
    max-width: 100px;
    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;
  border: 1px solid #D0C9C3;
  width: auto;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap; }
  .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; }
    .form-item-autocomplete input[type=text]:focus {
      border: 0 !important;
      border-radius: 0; }
  .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-type-switch {
  margin-left: 0; }

.form-item-switch {
  width: 70px;
  position: relative;
  height: 40px;
  float: left;
  cursor: hand;
  cursor: pointer; }
  .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; }
  .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; }
  .form-item-switch.on:before {
    content: "ON";
    color: #FFFFFF;
    text-indent: 12px;
    background: #5F5BFF; }
  .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 select {
    height: 32px;
    line-height: 32px;
    border-color: #D0C9C3;
    border-radius: 4px; }
  .form-item-datetime input.hidden {
    display: none; }

.sel-option {
  text-indent: 24px;
  cursor: pointer; }

.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); }

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 .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, section.pop-inline span {
    color: rgba(255, 255, 255, 0.7); }
  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 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 .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 .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 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.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 h2, section.white.pop-inline h2, section.pop-inline.dict-editor h2, section.popover.dict-editor h2 {
    color: #FFFFFF; }
  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 *, section.white.pop-inline *, section.pop-inline.dict-editor *, section.popover.dict-editor * {
    color: #666; }
  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 .submenus li, section.white.pop-inline .submenus li, section.pop-inline.dict-editor .submenus li, section.popover.dict-editor .submenus li {
    height: 44px;
    line-height: 44px;
    padding-left: 16px;
    border-bottom: 1px solid #D0C9C3;
    cursor: pointer; }
  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; }

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 .dt-piker-time .form-item-datetime, section.pop-inline .dt-piker-form .dt-piker-time .form-item-datetime {
      justify-content: flex-end;
      margin-top: 0px; }
      section.popover .dt-piker-form .dt-piker-time .form-item-datetime > span:last-of-type, section.pop-inline .dt-piker-form .dt-piker-time .form-item-datetime > span:last-of-type {
        width: 0px;
        padding: 0px; }
      section.popover .dt-piker-form .dt-piker-time .form-item-datetime > .ui-dropdown label, section.pop-inline .dt-piker-form .dt-piker-time .form-item-datetime > .ui-dropdown label {
        color: #666; }
  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: 170px;
  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; }
    .dt-picker-box .btn-picker:before {
      cursor: pointer;
      line-height: 28px;
      display: block;
      position: relative;
      padding: 0px !important;
      text-align: center; }

.popup {
  margin: auto;
  width: 50vw;
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.7); }
  .popup * {
    color: white; }
  .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 header i.close {
      top: 12px;
      right: 12px; }
  .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 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.white, section.popup.dict-editor {
    width: 960px;
    background-color: white; }
    .popup.white *, section.popup.dict-editor * {
      color: #666; }
    .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 .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; }

#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; }

.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; }

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; }
  dl.ui-tab-menu dd {
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    margin-right: 24px;
    border-bottom: 2px solid #FFFFFF;
    color: #999;
    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.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; }

.fa, section.popover #calendar th > b:before, section.pop-inline #calendar th > b:before, .icon: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, 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 footer {
    border-top: 1px solid #F8F6F5; }

/*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;
    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 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 {
    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 .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 .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 .icons {
      line-height: 22px;
      display: flex;
      flex-direction: row;
      margin-left: 16px; }
    table.list-view td .icon.on: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 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-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 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 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, 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, 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, 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, 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, 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, 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, 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.import: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, 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.save: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, 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, 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.trash-thick: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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.deploy: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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.file-dark: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, 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, 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, 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, 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, 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, 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, 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, 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, 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.cog: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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.checkbox: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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-imagecard: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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.forward: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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.ecoma-w: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, 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.image: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, 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, 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, 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, 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.oname_sdk:before, table.list-view th.oname_sdk.on:before, table.list-view th.oname_sdk.sortable:before, .ui-indicator .oname_sdk#indicator:before, .search-bar div.oname_sdk.queries:before, .simulator > header dd.oname_sdk: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, 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_tw: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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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: ""; }

.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: 60px;
    height: calc(100vh - 60px);
    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 10px 16px;
  box-sizing: border-box;
  font-size: .8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 14px;
  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 {
  width: 90%;
  background-color: rgba(255, 255, 255, 0.1);
  overflow: auto;
  height: 90px;
  margin: auto; }
  .check-errors > * {
    display: block !important;
    height: 20px;
    line-height: 20px;
    font-size: .8rem;
    clear: both;
    width: inherit;
    text-decoration: none;
    white-space: nowrap; }
  .check-errors b {
    color: #DB234B; }
  .check-errors u {
    color: rgba(255, 255, 255, 0.7); }

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 .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 .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;
    padding-right: 32px; }
    .left-pane footer button {
      border: 0;
      background: transparent;
      text-align: left;
      padding-right: 10px;
      margin: auto;
      margin-right: 0;
      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 .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 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; }
  .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: auto; }

.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; }

.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 {
    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;
      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; }

.empty {
  color: #D0C9C3; }

.video-player {
  position: absolute;
  width: 268px;
  height: 180px;
  z-index: 1; }

.logo {
  height: 24px; }

header .logo {
  cursor: pointer; }

.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; }
    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; }
  .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 {
  width: 400px; }
  .csv-encoding-window section {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px; }
    .csv-encoding-window section .form-type-radio {
      flex-direction: row; }

.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 .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 .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 .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); }

.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 .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;
    left: 0;
    padding: 2px 8px;
    border-radius: 4px;
    top: calc(100% + 4px);
    text-indent: 0;
    font-size: 13px;
    font-style: normal;
    z-index: 1000; }
  .tooltip.top:hover:after {
    top: -40px; }

.overlap {
  position: relative;
  width: max-content;
  cursor: pointer;
  transition: all 0.4s ease; }
  .overlap:after {
    content: attr(hint);
    position: relative;
    width: 0;
    opacity: 0;
    overflow: hidden; }
  .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;
    box-shadow: 0 0 8px 2px rgba(59, 102, 255, 0.3); }
  .overlap:hover:before {
    position: relative; }
  .overlap:hover:after {
    display: inline-block;
    height: inherit;
    line-height: inherit;
    min-width: max-content;
    padding: 0 4px 0 4px;
    font-size: 13px;
    font-style: normal;
    animation-duration: 0.4s;
    width: auto;
    opacity: 1; }

.notes-form {
  all: none; }
  .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 .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 {
  max-height: calc(90vh - 400px);
  min-height: 300px;
  overflow: hidden;
  overflow-y: auto; }

.notes-frame ul.notes {
  padding: 20px 16px 8px 16px;
  margin: 0; }
  .notes-frame ul.notes li {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px; }
    .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; }
      .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; }

.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: #222;
    cursor: pointer;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0.3;
    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;
    width: fit-content; }
  dl.pick.checkbox dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem; }
  dl.pick.checkbox.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.checkbox dd:before {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-checkbox-off.svg); }
  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;
    width: fit-content; }
  dl.pick.radio dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem; }
  dl.pick.radio.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.radio dd:before {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-radio-off.svg); }
  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); }
    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: 1;
      background-color: white;
      margin-top: 0;
      overflow: hidden;
      overflow-y: auto;
      max-height: 18rem;
      transform: translateY(2.4rem);
      flex-direction: column;
      width: calc( ( var(--count) + 6 ) * 1rem); }
    dl.pick.pulldown:hover dl {
      display: flex; }
    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; }
      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 dl[editable=true] b {
      display: block; }
    dl.pick.pulldown dl[editable=true] label {
      padding-left: 0; }
    dl.pick.pulldown dd: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); }

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; }

.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 14px;
      background-position: left 50%;
      width: 16px;
      height: inherit; }
    .simulator > header dd.web:before {
      content: "";
      background-image: url(/images/logo_web_g.svg);
      background-size: auto 14px;
      background-position: left 50%;
      width: 16px;
      height: inherit; }
    .simulator > header i.close {
      top: 10px;
      right: 18px;
      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; }
  .simulator.test-view {
    width: 375px !important;
    height: 628px !important;
    margin: auto !important;
    top: calc(40vh - 568px/2); }
    .simulator.test-view > header dd.fb {
      display: block; }
    .simulator.test-view > header dd.line {
      display: block; }
  .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% - 48px); }
        .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.list-msg.empty, .simulator #simulator_mask .widgets ul#tasklist li.list-msg.empty, .simulator #simulator_mask .widgets ul#mytasklist li.list-msg.empty, .simulator #simulator_mask .widgets ul#radio li.list-msg.empty {
          /* padding-top:30px !important; */
          /* text-align: center !important; */ }
        .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: calc(100% - 60px) !important;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        -webkit-overflow-scrolling: touch;
        align-items: stretch;
        padding: 0px 0px 0px 0px;
        margin-top: 0;
        padding-bottom: 80px;
        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-top: 16px;
    padding-bottom: 16px;
    overflow-y: scroll;
    -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 li.text {
    height: auto; }
    .simulator li.text p {
      height: auto;
      line-height: normal; }
  .simulator li.left, .simulator li.right {
    height: auto;
    min-height: 60px;
    padding-bottom: 8px; }
  .simulator li.left > span, .simulator li.right > span {
    font-size: 8px;
    width: 260px;
    text-align: center;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    color: #B2B2B2;
    box-sizing: border-box; }
  .simulator li.left {
    padding-left: 0; }
    .simulator li.left > span {
      padding-right: 48px; }
    .simulator li.left > b {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      left: 12px;
      top: 24px;
      position: absolute;
      display: block;
      background-size: 100% auto;
      border-radius: 20px; }
    .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 ol.card {
    border-color: transparent;
    border-radius: 12px;
    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: 14px;
        display: inline-block;
        border: 0; }
    .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: normal;
      word-break: break-word;
      padding-bottom: 12px; }
    .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 + .btns {
    margin-top: 12px; }
  .simulator ol.text, .simulator ol.image, .simulator .cards {
    margin-right: auto;
    margin-left: 60px;
    margin-top: 0;
    margin-top: 0px;
    overflow: hidden; }
  .simulator ol.card.imagecard {
    height: 270px;
    background-size: cover;
    text-align: center; }
    .simulator ol.card.imagecard:after {
      content: "";
      width: 270px;
      height: 270px;
      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: 45px; }
  .simulator ol.card.imagemap, .simulator ol.card.flyer {
    width: calc(100% - 8px);
    margin-left: 4px;
    margin-top: 24px;
    border-radius: 8px; }
    .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;
    height: 64px;
    box-shadow: none; }
    .simulator ol.card.stamp li.image {
      background-color: transparent;
      height: 64px;
      background-size: 64px; }
  .simulator dl.btns {
    min-height: 52px;
    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;
      margin-right: 10px;
      white-space: nowrap;
      margin-bottom: 10px; }
    .simulator dl.btns dd.icon, .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;
    margin: auto;
    border-radius: 4px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    margin-left: 44px;
    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 {
    padding-right: 16px;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    min-height: auto; }
    .simulator li.right > * {
      margin-right: 0;
      margin-left: auto; }
    .simulator li.right > span {
      padding-right: 36px;
      padding-left: 48px; }
    .simulator li.right ol.card {
      border-color: transparent; }
      .simulator li.right ol.card li.text {
        text-align: right;
        padding-right: 4px;
        height: auto; }
      .simulator li.right ol.card li.text p, .simulator li.right ol.card .user-file > p {
        background: #5F5BFF;
        font-size: 12px;
        font-weight: normal;
        min-height: 18px;
        line-height: 18px;
        border-radius: 16px; }
      .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 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 {
        margin-right: 8px;
        border-radius: 12px; }
  .simulator .opt-bar {
    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: 0;
      border-bottom: 1px solid #D0C9C3;
      height: 36px;
      line-height: 36px;
      padding-left: 0;
      padding-right: 0;
      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;
      width: 100%; }
    .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;
    bottom: 80px;
    left: 50%;
    margin-left: -240px;
    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: 520px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-radius: 12px; }
    .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; }
      .simulator .stamps-pane dd:hover {
        transform: scale(1.2, 1.2); }

.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 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 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 #whitelabel {
  display: none; }

.simulator.line > header {
  background: #D7DBE5;
  opacity: 0.9;
  border-bottom: 0;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); }
  .simulator.line > header h2 {
    color: #263147; }
  .simulator.line > header dd.fb:before {
    color: #999; }
  .simulator.line > header dd.line:before {
    background-image: url(/images/ico-line-b.svg); }

.simulator.line > section {
  background: #D7DBE5; }

.simulator.line > footer {
  height: auto;
  max-height: 100%;
  min-height: 46px;
  padding-left: 0;
  padding-right: 0;
  background-color: #263147;
  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: #F8F6F5;
      background-color: transparent;
      border-radius: 0px;
      border: 0;
      border-right: 1px 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 .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: #FFFFFF;
        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 #D5D5D5;
      background-color: #F2F2F2;
      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;
        background-color: white;
        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: #FFFFFF;
      text-align: center;
      font-size: 14px;
      height: 50px;
      line-height: 50px;
      cursor: pointer;
      text-decoration: underline;
      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: 0;
      transition: opacity 0.2s ease-out;
      -webkit-transition: opacity .2s ease-out; }
  .simulator.line > footer div.rmenu {
    z-index: 9;
    position: relative;
    display: block;
    width: 100%;
    height: 0px;
    cursor: pointer;
    background: #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 b {
  left: 12px; }

.simulator.line li.left ol.text, .simulator.line li.left ol.image, .simulator.line li.left .cards {
  margin-left: 60px; }

.simulator.line li.left > span {
  padding-right: 0; }

.simulator.line li.right p {
  background: #36435E !important; }

.simulator.line dl.btns dd {
  border: 1px solid #36435E;
  color: #36435E;
  background-color: white; }

.simulator.line ol.card {
  background: transparent;
  border-color: transparent;
  padding-bottom: 16px;
  border-radius: 16px; }
  .simulator.line ol.card.text {
    padding-bottom: 8px; }
  .simulator.line ol.card li.text {
    padding: 0;
    background: transparent; }
    .simulator.line ol.card li.text p {
      background-color: #FFF; }
  .simulator.line ol.card li.item {
    color: #5473A0;
    text-decoration: none;
    border-top: 0; }
  .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: 260px;
  min-height: 260px; }
  .simulator.line ol.card.imagecard li.image {
    height: 260px;
    min-height: 260px; }
  .simulator.line ol.card.imagecard li.image.imagecard {
    height: 260px;
    min-height: 260px; }
  .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: rgba(0, 0, 0, 0.3); }

.simulator.line ol.card.with-items {
  background: 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: white; }

.web_view {
  display: flex;
  justify-content: center;
  align-items: center; }
  .web_view main {
    margin: auto;
    padding: 0px;
    width: 375px;
    height: 628px; }

.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 {
    padding-top: 0; }
    .simulator.web ul#chats li.left > span {
      padding-right: 0; }
    .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 > header {
    color: #FFFFFF;
    border: 2px solid #5F5BFF;
    border-top: 0;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .simulator.web > header dl {
      width: 40px; }
    .simulator.web > header dd.fb {
      display: none; }
    .simulator.web > header dd.line {
      display: none; }
    .simulator.web > header dd.fb:before {
      color: #333; }
    .simulator.web > header dd.line:before {
      background-image: url(/images/ico-line-b.svg); }
    .simulator.web > header dd.web:before {
      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 dd, .simulator.web > header.with-tabmenu .title-bar h2 {
        line-height: 40px;
        color: inherit !important; }
    .simulator.web > header.with-tabmenu .menu-bar {
      height: 44px;
      line-height: 44px;
      padding: 0px 12px;
      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(90deg);
            -webkit-transform: rotate(90deg); }
        .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;
        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: 246px;
    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; }
  .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.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; }

.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: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.nested:after {
        content: '';
        position: absolute;
        right: 14px;
        width: 0;
        height: 0;
        top: calc(50% - 3px);
        border-style: solid;
        border-width: 4px 0 4px 5px;
        border-color: transparent transparent transparent #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;
  font-size: 14px; }

#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 {
  margin-top: 7px;
  position: absolute;
  left: 48px; }
  #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; }

@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; }

body.vip #whitelabel {
  display: none !important; }

.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 .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 .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; }

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: .75rem;
      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 .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 .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.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; } }

ol.card, ol.list {
  width: 270px;
  height: auto;
  border: 1px solid #839BFB;
  border-radius: 14px;
  background-color: white;
  margin: 10px auto auto 0;
  overflow: hidden;
  position: relative;
  display: block; }
  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 .ui-indicator i#indicator:before, .ui-indicator ol.card .item.on i#indicator:before, ol.list .item.on i.icon, 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 .ui-indicator i#indicator:before, .ui-indicator ol.card .item i#indicator:before, ol.list .item i.icon, 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; }
  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: 270px;
      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: 270px;
      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: #999;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    margin: 0;
    background: white;
    width: 100%; }
  ol.card li.desc {
    font-size: 0.75rem;
    min-height: 28px;
    line-height: 20px;
    color: #D0C9C3;
    padding: 0px 10px 4px 10px;
    white-space: normal;
    width: 240px;
    margin: 0;
    height: 56px; }
  ol.card li.linkto {
    font-size: .75rem;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    color: #D0C9C3;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    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: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    font-size: .75rem;
    height: 26px;
    line-height: 26px;
    padding-left: 2px;
    margin: 0; }
  ol.card li textarea {
    min-height: 60px;
    max-height: 60px;
    font-size: .75rem;
    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; }

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 {
    height: 32px;
    line-height: 32px;
    min-height: 32px;
    box-sizing: border-box; }
    .webhook-params li .form-item-autocomplete input[type=text] {
      height: 28px;
      line-height: 28px;
      margin-top: 0; }
    .webhook-params li .form-item-autocomplete span {
      margin-top: 3px; }
  .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 .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; }

#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_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 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;
    width: 100%;
    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 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 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 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 {
  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 .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 .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 {
          text-align: right;
          width: 100%;
          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 div.icon.email, .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 .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: 24px;
        width: 100%;
        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 {
        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.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-left: 24px;
      padding-right: 24px;
      padding-bottom: 24px;
      width: 320px;
      margin: auto; }
    .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; }

.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 .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 .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.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.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;
  height: inherit;
  line-height: inherit; }
  .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: "";
      left: 6px; }

.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 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 {
  width: 220px !important; }
  .user_list_view .left-pane .pane-body {
    overflow-y: scroll; }
  .user_list_view .left-pane li {
    user-select: none; }
  .user_list_view .left-pane li:hover {
    background-color: transparent; }
  .user_list_view .left-pane li.on {
    background: #D0C9C3; }
  .user_list_view .left-pane footer {
    border-right: 1px solid #D0C9C3; }
  .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: hidden; }
  .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; }
  .user_list_view .center-pane footer div {
    text-align: left; }

.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: 4px; }

.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-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 .conditions {
    padding-left: 24px;
    padding-right: 24px; }
    section.filters .conditions h2 {
      padding-left: 0;
      width: 100%; }
    section.filters .conditions li {
      margin-top: 8px; }
    section.filters .conditions dl {
      flex-wrap: wrap;
      width: 736px; }
    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;
      line-height: 20px;
      font-weight: 600;
      min-width: 120px;
      color: #222; }
  section.filters .conditions.basic li {
    display: flex;
    flex-direction: row; }
    section.filters .conditions.basic li span, section.filters .conditions.basic li h4, section.filters .conditions.basic li input[type=number] {
      height: 32px;
      line-height: 32px; }
    section.filters .conditions.basic li h4 {
      width: 80px;
      min-width: 80px; }
    section.filters .conditions.basic li span {
      padding-left: 8px;
      padding-right: 8px;
      color: #222; }
    section.filters .conditions.basic li > dl {
      width: 640px; }
    section.filters .conditions.basic li.basic-info label {
      padding-left: 20px;
      min-width: 40px; }
    section.filters .conditions.basic li input.uk-name {
      width: 100px; }
    section.filters .conditions.basic 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; }

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 .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;
          padding: 0; }
        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; }

.content_list_view .right-pane {
  background-color: #F8F6F5; }
  .content_list_view .right-pane header {
    background-color: white;
    position: fixed;
    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 .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 {
      width: 340px; }
    .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 .thumb {
  background-size: cover; }

.popup.content-list .list-view .list-item-linkto {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis; }

.event_edit_view {
  max-height: 720px; }
  .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 .form-item-file .error {
    background: rgba(235, 82, 108, 0.1); }
  .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; }

.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; }

.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 .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 .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: 80px; }
    .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-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 .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 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; }

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; }

.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: 0.75rem;
  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_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: 200;
    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 {
    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 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 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 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.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 .dialog-reservation {
  position: absolute;
  width: 320px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #FFFFFF;
  z-index: 300;
  border: solid 1px #ccc;
  overflow: visible;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); }
  .rms_view > main > .center-pane .dialog-reservation .rms-popup-content {
    position: relative; }
    .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 .detail {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #FFFFFF;
      width: 100%;
      height: auto;
      overflow: scroll; }
      .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: 16px; }
        .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 .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 .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 * {
    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: 110px; }
  .rms_view > main > .center-pane .dialog-reservation.bottom::before {
    bottom: 75px; }
  .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 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: column;
        padding: 0; }
        .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; }
        .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 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;
    justify-content: flex-end;
    width: initial; }

.rms_view .schedules header nav {
  align-items: center;
  justify-content: flex-end; }

.rms_view .schedules-table {
  background-color: #FFFFFF; }
  .rms_view .schedules-table-header .schedules-table-cell {
    padding: 10px 0;
    text-align: left; }
    .rms_view .schedules-table-header .schedules-table-cell span {
      display: inline-block;
      transform: translateX(-50%);
      padding: 4px;
      background-color: #FFFFFF; }
  .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 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 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; }

.event_list_view {
  overflow-y: scroll;
  /* title */ }
  .event_list_view .search-bar .buttons label.event-type {
    padding-left: 16px;
    cursor: pointer; }
  .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 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 .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 .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: 0.75rem;
    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 {
  background-color: #FFF;
  height: auto;
  width: 1100px;
  padding-bottom: 120px;
  padding-top: 60px; }
  .miniapp-pdf .serif {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 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: 20px;
    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: #F8F6F5;
    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: 12px; }
  .miniapp-pdf dd.gender {
    width: 80px; }
  .miniapp-pdf dd.birth {
    width: 180px; }
  .miniapp-pdf dd.email {
    width: 320px;
    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 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-right: 12px;
          color: #222 !important; }

.answer_list_view .icon.history, .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;
    text-indent: 28px;
    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: 28px;
  margin-right: 12px; }

.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 .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: space-between;
      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;
      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 > 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 .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 .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 .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 .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 .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 .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 .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 .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; }

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 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; }

.fbcom_list_view .left-pane b {
  padding-right: 16px; }

.fbcom_list_view .left-pane li.on {
  background-color: #D0C9C3; }

.case_list_view .queries .ui-dropdown.on::after {
  position: absolute;
  transform: translateX(-1.5rem); }

.case_list_view .queries .ui-dropdown.on {
  margin-left: 20px; }

.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 .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 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 .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 .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 .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 .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:last-child {
  display: flex; }

.case_list_view table.spreadsheet-view tr td[name='operation'] {
  height: 40px;
  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'] 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='operation'] .icon, .case_list_view table.spreadsheet-view tr td[name='operation'] table.list-view th.on, table.list-view .case_list_view table.spreadsheet-view tr td[name='operation'] th.on, .case_list_view table.spreadsheet-view tr td[name='operation'] table.list-view th.sortable, table.list-view .case_list_view table.spreadsheet-view tr td[name='operation'] th.sortable, .case_list_view table.spreadsheet-view tr td[name='operation'] .ui-indicator #indicator:before, .ui-indicator .case_list_view table.spreadsheet-view tr td[name='operation'] #indicator:before, .case_list_view table.spreadsheet-view tr td[name='operation'] .search-bar div.queries, .search-bar .case_list_view table.spreadsheet-view tr td[name='operation'] div.queries, .case_list_view table.spreadsheet-view tr td[name='operation'] .simulator > header dd, .simulator > header .case_list_view table.spreadsheet-view tr td[name='operation'] dd, .case_list_view table.spreadsheet-view tr td[name='operation'] .p3-layout .menu-pane li, .p3-layout .menu-pane .case_list_view table.spreadsheet-view tr td[name='operation'] li, .case_list_view table.spreadsheet-view tr td[name='operation'] .chat_list_view #simulator footer.send-type-text .type-text b:before, .chat_list_view #simulator footer.send-type-text .type-text .case_list_view table.spreadsheet-view tr td[name='operation'] b:before, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor section.actions li h5, .bot-editor section.actions li .case_list_view table.spreadsheet-view tr td[name='operation'] h5, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes > li > div span.new, .bot-editor ul.nodes > li > div .case_list_view table.spreadsheet-view tr td[name='operation'] span.new, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes > li > div label.new, .bot-editor ul.nodes > li > div .case_list_view table.spreadsheet-view tr td[name='operation'] label.new, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .case_list_view table.spreadsheet-view tr td[name='operation'] div.schedule, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes ol.card li.item.new, .bot-editor ul.nodes ol.card .case_list_view table.spreadsheet-view tr td[name='operation'] li.item.new, .case_list_view table.spreadsheet-view tr td[name='operation'] .bot-editor ul.nodes div.react-btns label.colors:hover u, .bot-editor ul.nodes div.react-btns label.colors:hover .case_list_view table.spreadsheet-view tr td[name='operation'] u, .case_list_view table.spreadsheet-view tr td[name='operation'] section.user-editor section.info header, section.user-editor section.info .case_list_view table.spreadsheet-view tr td[name='operation'] header, .case_list_view table.spreadsheet-view tr td[name='operation'] 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 .case_list_view table.spreadsheet-view tr td[name='operation'] b:before {
    transform: translateY(-5px); }

.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 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 .hidden, .case_list_view.hidden {
  display: none; }

.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; }

.coupon_list_view .list-view td:last-child {
  display: flex; }

.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; }

.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; }

.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 .ui-indicator button#indicator:before, .ui-indicator .waiting_list_view .v_operation button#indicator:before {
    width: 80px;
    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 .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.buttons {
    padding-left: 10px;
    transform: translateY(7px);
    flex-direction: row;
    display: flex; }
    .waiting_list_view table.list-view tr td.buttons .iconf.line {
      content: "";
      background-image: url(/images/ico-line-g.svg?v=1);
      background-size: 18px auto;
      transform: translateY(5px); }
  .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; }

.mail_list_view section .pop-inline form, .mail_list_view section .pop-inline ul, .mail_list_view section .pop-inline li footer {
  min-width: auto !important; }

.mail_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; }
  .mail_list_view section .pop-inline form ul {
    padding: 0px;
    margin: 10px 0px 10px 0px; }
    .mail_list_view section .pop-inline form ul li {
      height: auto;
      min-width: auto; }

.mail_list_view section .pop-inline footer.exps {
  border-top: 1px solid #D0C9C3;
  margin-top: 0px;
  background-color: transparent;
  margin: 0px; }
  .mail_list_view section .pop-inline footer.exps button {
    color: #FFFFFF; }

.mail_list_view .left-pane .menu {
  flex: initial; }
  .mail_list_view .left-pane .menu ul li {
    padding-left: 32px; }

.mail_list_view .left-pane .filter-email .femail {
  padding-left: 8px;
  padding-right: 8px; }
  .mail_list_view .left-pane .filter-email .femail .ui-dropdown.on label {
    padding-left: 16px;
    overflow: hidden; }

.mail_list_view .left-pane.pane2 ul li {
  padding-left: 32px; }
  .mail_list_view .left-pane.pane2 ul li label {
    padding-left: 0; }

.mail_list_view .left-pane.pane2 footer.tmp-footer {
  border-right: 1px solid #D0C9C3; }

.mail_list_view .search-bar {
  display: flex;
  justify-content: space-between; }
  .mail_list_view .search-bar .filter-check {
    margin-left: auto;
    margin-right: 32px; }
    .mail_list_view .search-bar .filter-check label {
      margin-left: 30px; }

.mail_list_view .mails tr .list-item-stat {
  display: flex;
  width: max-content;
  height: 40px;
  line-height: 40px; }
  .mail_list_view .mails tr .list-item-stat .tags.hbox {
    margin-left: 8px; }
  .mail_list_view .mails tr .list-item-stat i {
    top: 8px; }

.mail_list_view .mails tr .list-item-subject {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden; }

.mail_list_view .mails tr .list-item-assignment {
  display: flex; }
  .mail_list_view .mails tr .list-item-assignment .frame {
    display: flex; }
  .mail_list_view .mails tr .list-item-assignment i {
    order: -1;
    top: 8px; }

.mail_list_view .mails .read-on {
  background-color: #F8F6F5; }

.popup.mail-detail {
  height: 548px; }
  .popup.mail-detail i.icon.close, .popup.mail-detail .ui-indicator i.close#indicator:before, .ui-indicator .popup.mail-detail i.close#indicator:before {
    z-index: 101; }
  .popup.mail-detail .popup-content {
    display: flex; }
  .popup.mail-detail .left-pane {
    width: 50%;
    height: 500px;
    padding: 8px 18px 18px 18px; }
    .popup.mail-detail .left-pane p {
      text-align: left;
      font-weight: bold;
      font-size: 14px; }
    .popup.mail-detail .left-pane .history {
      color: #666;
      width: fit-content; }
      .popup.mail-detail .left-pane .history:hover {
        opacity: 0.8; }
    .popup.mail-detail .left-pane i.icon.fa-chevron-left:before, .popup.mail-detail .left-pane .ui-indicator i.fa-chevron-left#indicator:before, .ui-indicator .popup.mail-detail .left-pane i.fa-chevron-left#indicator:before {
      color: #666;
      font-size: 8px;
      top: 13px; }
    .popup.mail-detail .left-pane i.icon.fa-commenting:before, .popup.mail-detail .left-pane .ui-indicator i.fa-commenting#indicator:before, .ui-indicator .popup.mail-detail .left-pane i.fa-commenting#indicator:before {
      position: absolute;
      left: 410px;
      top: 13px; }
    .popup.mail-detail .left-pane i:hover {
      opacity: 0.8; }
    .popup.mail-detail .left-pane textarea {
      width: 100%;
      height: 420px;
      margin-top: 8px;
      background-color: rgba(208, 201, 195, 0.2); }
    .popup.mail-detail .left-pane .comment-pane .comment-list {
      overflow: scroll;
      height: 362px;
      margin-top: 48px; }
      .popup.mail-detail .left-pane .comment-pane .comment-list div {
        border-top: solid 1px #D0C9C3; }
        .popup.mail-detail .left-pane .comment-pane .comment-list div .c-title {
          font-weight: bold; }
        .popup.mail-detail .left-pane .comment-pane .comment-list div li:hover {
          background-color: white; }
    .popup.mail-detail .left-pane .comment-pane footer {
      display: flex;
      height: 86px;
      padding-bottom: 0;
      background-color: white;
      padding: 16px 8px;
      border-top: 0; }
      .popup.mail-detail .left-pane .comment-pane footer textarea {
        width: 80%;
        min-height: 0;
        height: 64px;
        margin-right: 8px; }
        .popup.mail-detail .left-pane .comment-pane footer textarea:focus {
          background-color: white; }
      .popup.mail-detail .left-pane .comment-pane footer button {
        border: solid 1px #D0C9C3 !important;
        margin: 0;
        padding-left: 28px;
        width: 12%; }
        .popup.mail-detail .left-pane .comment-pane footer button:hover {
          background-color: white; }
  .popup.mail-detail .right-pane {
    width: 50%;
    height: 500px; }
    .popup.mail-detail .right-pane header {
      display: flex;
      width: auto;
      text-align: right;
      border: unset; }
      .popup.mail-detail .right-pane header li {
        text-align: right; }
      .popup.mail-detail .right-pane header .tcb-list dl dd {
        height: 36px;
        margin-right: 16px;
        margin-bottom: 8px;
        padding-right: 0; }
        .popup.mail-detail .right-pane header .tcb-list dl dd:hover {
          border-bottom: solid 1px #D0C9C3; }
    .popup.mail-detail .right-pane .tcb {
      border-top: solid  1px #D0C9C3; }
    .popup.mail-detail .right-pane textarea {
      width: 100%;
      height: 400px;
      display: block;
      border: unset;
      border-top: 1px solid #D0C9C3;
      border-radius: 0;
      background-color: white; }
    .popup.mail-detail .right-pane footer {
      width: auto;
      height: 52px;
      border: unset;
      background-color: white;
      border-top: 1px solid #D0C9C3;
      position: sticky; }
      .popup.mail-detail .right-pane footer li {
        position: absolute;
        left: 16px;
        display: flex;
        align-items: center;
        height: 32px;
        padding: 0 16px;
        background-color: rgba(208, 201, 195, 0.2); }
    .popup.mail-detail .right-pane .ui-dropdown {
      min-width: 0;
      width: 50%;
      display: inline-block;
      text-align: left;
      overflow: hidden; }

.mail-history-list .histories {
  height: 80vh;
  width: 100%;
  overflow: auto; }
  .mail-history-list .histories .image {
    background-size: contain;
    background-position: center; }
  .mail-history-list .histories .list-view td {
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    max-width: 180px;
    padding-right: 12px;
    padding-left: 6px; }

.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: 8px;
      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 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.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; }
        .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; }

.chat_list_view #simulator {
  border-radius: 0; }
  .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: 10px; }
    .chat_list_view #simulator > section #chats .hidden {
      display: none; }
    .chat_list_view #simulator > section #chats li.left li.text {
      background: #F8F6F5; }
    .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-top: 12px;
    padding-bottom: 20px;
    height: auto; }
    .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 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 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 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 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.send-type-text .type-text {
      display: flex; }
      .chat_list_view #simulator footer.send-type-text .type-text textarea {
        background-color: transparent;
        min-height: auto;
        min-width: 320px;
        max-height: 120px;
        height: 38px;
        min-height: 38px;
        padding-left: 8px;
        padding-top: 7px; }
      .chat_list_view #simulator footer.send-type-text .type-text:after {
        content: attr(hint);
        position: absolute;
        font-size: 10px;
        bottom: -20px;
        right: 0; }
      .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; }
    .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; }
      .chat_list_view #simulator footer.send-type-image .type-image:before {
        content: attr(hint);
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 36px; }
      .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 {
        height: 32px;
        width: 240px;
        cursor: pointer; }
    .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 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 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 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 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; }
  .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.btn-box {
      line-height: 72px;
      padding-right: 16px; }

.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: absolute;
      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 dl.tags {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    justify-content: center;
    justify-content: center;
    padding: 12px 16px;
    box-sizing: border-box; }
    .chat_list_view .right-pane dl.tags dd {
      height: 24px;
      line-height: 24px;
      border-radius: 12px;
      border: 1px solid #5F5BFF;
      margin: 4px;
      cursor: pointer; }
    .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; }
      .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;
        align-items: center;
        max-width: max-content;
        flex-shrink: 0; }
        .chat_list_view .right-pane dl.tags dd.tag:hover b, .chat_list_view .right-pane section.user-editor section.thumb-pane dl.tags dd:hover b, section.user-editor section.thumb-pane .chat_list_view .right-pane 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); }
          .chat_list_view .right-pane dl.tags dd.tag:hover b:hover, .chat_list_view .right-pane section.user-editor section.thumb-pane dl.tags dd:hover b:hover, section.user-editor section.thumb-pane .chat_list_view .right-pane dl.tags dd:hover b:hover {
            transform: scale(1.2, 1.2); }
    .chat_list_view .right-pane dl.tags dd.new-btn {
      width: 24px;
      color: #5F5BFF;
      background-color: white;
      text-overflow: initial; }
      .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 .notes-pane {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .chat_list_view .right-pane .notes-row {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .chat_list_view .right-pane .notes-frame {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .chat_list_view .right-pane .notes-frame .notes-scroll {
      flex: 1;
      max-height: none; }
    .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 16px; }
      .chat_list_view .right-pane .notes-frame .notes .thumb {
        top: 0;
        left: 0;
        z-index: 1;
        position: absolute; }
      .chat_list_view .right-pane .notes-frame .notes .body {
        background-color: #F8F6F5;
        border-radius: 4px; }
        .chat_list_view .right-pane .notes-frame .notes .body dl {
          padding: 8px 8px 0 20px;
          display: none; }
        .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 dl {
            display: flex;
            padding-top: 0;
            padding-right: 0; }
          .chat_list_view .right-pane .notes-frame .notes .body .replies .thumb {
            top: 8px;
            height: 24px;
            width: 24px;
            line-height: 24px; }
          .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: 12px; }
            .chat_list_view .right-pane .notes-frame .notes .body .replies li .body:hover {
              transform: translateY(0px); }
        .chat_list_view .right-pane .notes-frame .notes .body:hover {
          transform: translateY(-8px); }
          .chat_list_view .right-pane .notes-frame .notes .body:hover dl {
            display: flex; }

.pop-inline.tags-form {
  min-width: 220px;
  max-width: 220px; }
  .pop-inline.tags-form form {
    min-width: 180px;
    width: 180px;
    height: 54px;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0; }
    .pop-inline.tags-form form input {
      height: 36px;
      line-height: 36px;
      border-radius: 4px;
      padding-left: 8px;
      width: inherit; }
    .pop-inline.tags-form form input:focus {
      border: 1px solid #5F5BFF;
      outline: 0; }
  .pop-inline.tags-form.new .icon.trash, .pop-inline.tags-form.new table.list-view th.trash.on, table.list-view .pop-inline.tags-form.new th.trash.on, .pop-inline.tags-form.new table.list-view th.trash.sortable, table.list-view .pop-inline.tags-form.new th.trash.sortable, .pop-inline.tags-form.new .ui-indicator .trash#indicator:before, .ui-indicator .pop-inline.tags-form.new .trash#indicator:before, .pop-inline.tags-form.new .search-bar div.trash.queries, .search-bar .pop-inline.tags-form.new div.trash.queries, .pop-inline.tags-form.new .simulator > header dd.trash, .simulator > header .pop-inline.tags-form.new dd.trash, .pop-inline.tags-form.new .p3-layout .menu-pane li.trash, .p3-layout .menu-pane .pop-inline.tags-form.new li.trash, .pop-inline.tags-form.new .chat_list_view #simulator footer.send-type-text .type-text b.trash:before, .chat_list_view #simulator footer.send-type-text .type-text .pop-inline.tags-form.new b.trash:before, .pop-inline.tags-form.new .bot-editor section.actions li h5.trash, .bot-editor section.actions li .pop-inline.tags-form.new h5.trash, .pop-inline.tags-form.new .bot-editor ul.nodes > li > div span.trash.new, .bot-editor ul.nodes > li > div .pop-inline.tags-form.new span.trash.new, .pop-inline.tags-form.new .bot-editor ul.nodes > li > div label.trash.new, .bot-editor ul.nodes > li > div .pop-inline.tags-form.new label.trash.new, .pop-inline.tags-form.new .bot-editor ul.nodes div.trash.schedule, .bot-editor ul.nodes .pop-inline.tags-form.new div.trash.schedule, .pop-inline.tags-form.new .bot-editor ul.nodes ol.card li.trash.item.new, .bot-editor ul.nodes ol.card .pop-inline.tags-form.new li.trash.item.new, .pop-inline.tags-form.new .bot-editor ul.nodes div.react-btns label.colors:hover u.trash, .bot-editor ul.nodes div.react-btns label.colors:hover .pop-inline.tags-form.new u.trash, .pop-inline.tags-form.new section.user-editor section.info header.trash, section.user-editor section.info .pop-inline.tags-form.new header.trash, .pop-inline.tags-form.new section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.trash:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text .pop-inline.tags-form.new b.trash:before {
    display: none; }

.spu_list_view main {
  display: flex;
  flex-direction: row; }

.spu_list_view *[class$="-box"] {
  display: flex;
  flex-direction: column; }

.spu_list_view *[class$="-row"], .spu_list_view *[class$="-bar"] {
  display: flex;
  flex-direction: row; }

.spu_list_view aside {
  width: 16rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2rem;
  padding-top: 4rem; }

.spu_list_view .center-pane {
  display: flex;
  flex-direction: column;
  padding: 0 3rem;
  border-left: 1px solid #D0C9C3;
  height: 100%; }
  .spu_list_view .center-pane .search-bar {
    margin: 0;
    width: auto; }
    .spu_list_view .center-pane .search-bar input[type=search] {
      min-width: 24rem;
      height: 2.6rem;
      line-height: 2.6rem;
      padding: auto 1rem; }

.spu_list_view .table {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto; }
  .spu_list_view .table li {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #D0C9C3; }
    .spu_list_view .table li .image {
      width: 80px;
      height: 80px;
      background-size: cover;
      margin-left: 1rem; }
    .spu_list_view .table li .check-box {
      justify-content: center; }
    .spu_list_view .table li .info-box {
      flex: 1;
      margin-left: 1rem;
      justify-content: space-around; }
      .spu_list_view .table li .info-box h5 {
        font-size: 1.2rem;
        color: #222; }
    .spu_list_view .table li .opts-box {
      margin-left: 1rem;
      justify-content: space-around; }
    .spu_list_view .table li .stock-row {
      align-items: center; }
      .spu_list_view .table li .stock-row span {
        padding: 0 .5rem; }
    .spu_list_view .table li .title-row {
      align-items: center; }
      .spu_list_view .table li .title-row span {
        display: none; }
    .spu_list_view .table li .price-row {
      justify-content: flex-end; }
      .spu_list_view .table li .price-row h5 {
        font-size: 1.4rem;
        color: #222; }
    .spu_list_view .table li:hover .title-row span {
      margin-left: 1rem;
      font-size: 12px;
      color: #999; }

.spu_list_view dl.pages {
  height: 2rem;
  line-height: 2rem; }
  .spu_list_view dl.pages dd {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    line-height: 2rem;
    text-align: center;
    padding: 0;
    margin: 0rem; }

.spu_edit_view {
  background-color: rgba(0, 0, 0, 0.2); }
  .spu_edit_view *[class$="-box"] {
    display: flex;
    flex-direction: column; }
  .spu_edit_view *[class$="-row"], .spu_edit_view *[class$="-bar"] {
    display: flex;
    flex-direction: row; }
  .spu_edit_view .space {
    flex: 1; }
  .spu_edit_view .simple-logo {
    background-image: url(/images/logo-simple.svg);
    background-repeat: no-repeat;
    background-position: 0.5rem center; }
  .spu_edit_view main {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 800px;
    margin: auto;
    height: max-content; }
    .spu_edit_view main form {
      display: flex;
      flex-direction: column;
      background-color: white;
      width: 100%;
      margin: auto; }
      .spu_edit_view main form .container {
        padding: 1.5rem 2rem;
        min-height: 36rem; }
      .spu_edit_view main form div[class$="-row"] {
        margin: .5rem 0;
        padding: 0 1rem; }
        .spu_edit_view main form div[class$="-row"] > label {
          padding-top: 24px;
          position: relative;
          text-align: left;
          margin: .25rem .5rem; }
          .spu_edit_view main form div[class$="-row"] > label:before {
            content: attr(title);
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0; }
          .spu_edit_view main form div[class$="-row"] > label[name=discount] input[type=number], .spu_edit_view main form div[class$="-row"] > label[name=tax] input[type=number] {
            max-width: 6rem; }
          .spu_edit_view main form div[class$="-row"] > label[name=category] input, .spu_edit_view main form div[class$="-row"] > label[name=price] input {
            max-width: 10rem; }
          .spu_edit_view main form div[class$="-row"] > label[name=title] input[type=text] {
            max-width: 20rem;
            min-width: 12rem; }
          .spu_edit_view main form div[class$="-row"] > label[name=code] {
            width: 32rem; }
            .spu_edit_view main form div[class$="-row"] > label[name=code] input {
              width: 14rem; }
      .spu_edit_view main form div[class$="-wrapper"] {
        display: flex;
        flex-direction: row;
        border-radius: 4px;
        border: 1px solid #D0C9C3; }
        .spu_edit_view main form div[class$="-wrapper"] input, .spu_edit_view main form div[class$="-wrapper"] select, .spu_edit_view main form div[class$="-wrapper"].discount-wrapper {
          border: none; }
        .spu_edit_view main form div[class$="-wrapper"].discount-wrapper {
          align-items: center; }
          .spu_edit_view main form div[class$="-wrapper"].discount-wrapper label {
            width: 1.2rem;
            height: 1.2rem; }
          .spu_edit_view main form div[class$="-wrapper"].discount-wrapper input {
            display: none; }
      .spu_edit_view main form select {
        border: 1px solid #D0C9C3;
        border-radius: 4px;
        height: 2.5rem;
        padding: 0 0.75rem; }
      .spu_edit_view main form textarea {
        width: 44rem; }
      .spu_edit_view main form footer {
        position: relative; }
  .spu_edit_view nav {
    display: flex;
    flex-direction: row;
    padding-left: 3rem;
    text-indent: 2rem;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #D0C9C3;
    margin-right: 0; }
    .spu_edit_view nav span {
      width: auto !important;
      min-width: max-content;
      font-size: 1.1rem;
      color: #999;
      cursor: pointer; }
    .spu_edit_view nav[tab="product"] span[tabname="product"],
    .spu_edit_view nav[tab="options"] span[tabname="options"],
    .spu_edit_view nav[tab="specs"] span[tabname="specs"],
    .spu_edit_view nav[tab="shipping"] span[tabname="shipping"] {
      font-weight: 600;
      color: #3A3AB5; }

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; }

.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.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 .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.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 .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 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;
  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; }

.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; }
  .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 .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.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.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 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 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.on dl, .bot-editor section.actions li:hover dl {
  width: 72px; }

.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 {
  padding-top: 10px; }
  .bot-editor ul.nodes > li {
    width: inherit;
    height: auto;
    overflow: hidden;
    margin: 0px auto 20px 20px;
    min-width: 480px;
    padding-left: 28px; }
    .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 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 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 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 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 .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 .ui-indicator i.before#indicator:before, .ui-indicator .bot-editor ul.nodes > li i.before#indicator:before {
      color: #999; }
    .bot-editor ul.nodes > li .icon.email, .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 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 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 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 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-imagecard ol.card.imagecard {
    height: 260px;
    min-height: 260px;
    position: relative; }
    .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.image.imagecard {
      height: 260px;
      min-height: 260px; }
    .bot-editor ul.nodes > li.row-imagecard ol.card.imagecard li.linkto + li.item {
      display: block !important;
      position: absolute;
      bottom: 12px;
      left: 40px;
      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: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 .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 {
        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 {
          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 {
            height: 100% !important;
            cursor: pointer; }
          .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown:after, .bot-editor ul.nodes .cells.rt-logical .row .tbox .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 {
          padding-left: 6px;
          padding-right: 6px;
          margin: 0px;
          color: #666;
          background-color: transparent;
          border: 0px; }
      .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 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.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: 22px;
      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 .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.on .title-line i.seq {
    background-color: #5F5BFF; }
  .bot-editor ul.nodes > li:hover .title-line dd:first-child {
    opacity: 1;
    transition-duration: 0.4s; }
  .bot-editor ul.nodes > li:hover .title-line dd:nth-child(2) {
    opacity: 1;
    transition-duration: 0.4s; }
  .bot-editor ul.nodes > li:hover .title-line dd:nth-child(3) {
    opacity: 1;
    transition-duration: 0.4s; }
  .bot-editor ul.nodes div.schedule {
    display: flex;
    flex-direction: row;
    margin-top: 0; }
    .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; }
    .bot-editor ul.nodes div.schedule dd {
      cursor: pointer; }
    .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 .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 .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 .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 .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 .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 .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 .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.new:before {
      content: "";
      text-indent: 80px; }
    .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: 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; }
  .bot-editor ul.nodes i.link.large.inputing {
    width: 250px;
    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.trash:hover, .bot-editor ul.nodes .ui-indicator i.trash#indicator:hover:before, .ui-indicator .bot-editor ul.nodes i.trash#indicator:hover:before {
    background-color: #DB234B; }
  .bot-editor ul.nodes i.icon.large:hover, .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: 20px;
    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.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: 32px;
    margin: 10px 0px 24px 0px; }
    .bot-editor ul.nodes div.ui-dropdown label {
      width: 100%;
      height: 32px;
      line-height: 32px;
      font-size: 1rem;
      color: #666;
      background-color: #FFFFFF;
      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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 {
  line-height: 40px; }
  .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;
    min-width: 240px;
    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 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;
    width: 310px;
    margin-left: 4px; }
    .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;
      margin-top: 3px;
      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: auto; }
    .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 {
    width: 312px;
    margin-left: 4px;
    margin-top: 4px;
    padding: 3px; }
    .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 .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 main.tab-bot .left-pane, .bot-editor main.tab-dict .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-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 {
  padding-bottom: 80px;
  -webkit-overflow-scrolling: touch; }
  .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 h4 {
        width: 240px; }
  .bot-editor main.tab-bot .center-pane > section {
    flex: 1;
    width: 600px;
    margin-left: auto;
    margin-right: auto; }
  .bot-editor main.tab-bot .center-pane footer {
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; }

.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 .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 > section {
    overflow-y: auto; }

.bot-editor main.tab-menu .left-pane.line-menu ul li.line-menu-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 28px; }
  .bot-editor main.tab-menu .left-pane.line-menu 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.line-menu 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 footer {
  padding-bottom: 0; }

.bot-editor main.tab-dict .center-pane .pop-inline, .bot-editor main.tab-dict .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 {
  transform: none; }

.bot-editor main.tab-dict .center-pane table.list-view {
  table-layout: fixed; }

.bot-editor main.tab-dict .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 {
  position: relative;
  padding-left: 16px; }

.bot-editor main.tab-dict .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] {
  width: 160px; }

.bot-editor main.tab-dict .center-pane th[key=val], .bot-editor main.tab-dict .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 {
  max-width: 28rem;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: block; }

.bot-editor main.tab-dict .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 .center-pane {
  display: flex;
  flex-direction: column;
  background-color: #D8D8D8; }

.bot-editor main.tab-css section.action-pane {
  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: 140px; }
      .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%;
    padding-right: 16px;
    height: 100%;
    overflow: hidden; }
  .bot-editor main.tab-css .center-pane section.widget-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 {
    flex: 1;
    overflow: hidden;
    overflow-y: scroll; }
  .bot-editor main.tab-css .center-pane section.widget-styles form {
    margin-left: 24px; }
  .bot-editor main.tab-css .center-pane section.widget-styles footer {
    position: relative;
    width: 100%;
    bottom: 0; }
  .bot-editor main.tab-css .center-pane section.widget-preview {
    width: 420px;
    padding: 16px;
    padding-top: 0px; }
  .bot-editor main.tab-css .center-pane footer {
    justify-content: center; }
  .bot-editor main.tab-css .center-pane .cm-s-monokai {
    flex: 1;
    margin-bottom: 16px;
    color: #f8f8f2; }

.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 .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.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 .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 .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 .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 .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 .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 .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,
section.subpop-inline {
  min-width: 400px;
  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: 8px;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: content-box;
    min-width: 400px; }
    section.pop-inline form ul,
    section.subpop-inline form ul {
      padding: 0; }
    section.pop-inline form ul, section.pop-inline form li,
    section.subpop-inline form ul,
    section.subpop-inline form li {
      min-width: 400px; }
    section.pop-inline form li h2,
    section.subpop-inline form 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 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.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; }
    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: 0.75rem;
      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 .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 .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; }
    section.pop-inline form > i.icon.trash, 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 .ui-indicator form > i.trash#indicator:before,
    .ui-indicator section.subpop-inline form > i.trash#indicator:before {
      position: absolute !important;
      display: block;
      width: 20px;
      width: 20px;
      top: 24px;
      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: 18px;
      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 {
      margin-top: 8px; }
      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 .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 .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 .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 .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 .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 .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 .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 .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 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 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 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 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: 32px; }
  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-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 > 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: scroll; }
    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; }
      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.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.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 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: 900px; }
    .ext-mask .wide-window.exts .ui-tab-menu {
      background: white;
      width: 220px; }
      .ext-mask .wide-window.exts .ui-tab-menu dd {
        color: #666;
        margin-right: 0;
        text-indent: 8px; }
      .ext-mask .wide-window.exts .ui-tab-menu dd.on {
        border-radius: 0;
        background: #F8F6F5; }
      .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 > 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 footer {
        position: absolute;
        width: 100%;
        height: 48px;
        bottom: 0;
        left: 0; }
        .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 .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: 120px;
        text-align: right;
        padding-right: 16px;
        padding-left: 8px; }
      .ext-mask .wide-window.exts .rms-form ul > li[type=multiple] h5 {
        height: 32px;
        line-height: 32px;
        padding-right: 16px;
        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; }
        .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; }

.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.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: 220px;
      left: 100px;
      position: absolute;
      top: 11px;
      background-color: rgba(255, 255, 255, 0.3); }
    .popover.fb-settings section > h2:after, section.fb-settings.pop-inline section > h2:after {
      content: '';
      height: 1px;
      width: 220px;
      right: 100px;
      position: absolute;
      top: 11px;
      background-color: rgba(255, 255, 255, 0.3); }

.popover.web-settings form h4, section.web-settings.pop-inline form h4 {
  line-height: 32px; }

.popover.web-settings.bottom:after, section.web-settings.bottom.pop-inline:after {
  right: 16px;
  left: auto; }

.paste-area code {
  background: #D0C9C3;
  color: #666;
  padding-right: 90px; }

.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.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 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: 90px;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 700px; }
    .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 input[type=text], section.group-form.pop-inline input[type=text] {
  height: 40px;
  line-height: 40px;
  width: 320px; }

.popover.group-form form, section.group-form.pop-inline form {
  padding-left: 16px;
  padding-top: 12px;
  padding-bottom: 12px; }

.popover.group-form footer, section.group-form.pop-inline footer {
  background: transparent; }

.popover.group-form input[disabled], section.group-form.pop-inline input[disabled] {
  background-color: #666;
  user-select: none;
  border-color: rgba(255, 255, 255, 0.1); }

@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; }

section.popup.templates {
  display: flex;
  flex-direction: row;
  margin-top: 10vh;
  max-height: calc(100vh - 16vh); }
  section.popup.templates section.left-pane {
    width: 248px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #F8F6F5; }
    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; }
    section.popup.templates section.left-pane li.on {
      background-color: #D8D8D8;
      color: #222; }
  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;
          width: 80px;
          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 {
            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 button.icon.import, 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.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: .75rem;
    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.icon.ecoma-w:before, section.widgets.pop-inline li.icon.ecoma-w: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.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 span {
          --progress: 0;
          position: relative;
          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;
      font-size: 1.25em;
      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 {
  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 {
    max-width: 50vmin;
    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; } }

.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;
        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: scroll;
          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 .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 .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.properties, .imagemap-edit-frame.image-editor.imagemap section.popup div.tool-pane.properties, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties,
      .popup.image-editor.imagemap section.panel div.tool-pane.properties,
      .popup.image-editor.imagemap section.popup div.tool-pane.properties,
      .popup.image-editor.imagemap section.line-manual div.tool-pane.properties {
        padding-top: 12px; }
        .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 .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; }
          .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 .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 .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; }

.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.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; }
    .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 {
            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; }
          .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 .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 .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 .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 .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.3);
        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 {
        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.1); }
        .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:before {
          content: '';
          display: block;
          position: absolute;
          top: 22px;
          width: 20px;
          height: 20px;
          background: center/20px 20px url("/images/thumb_user.svg") no-repeat;
          border-radius: 100px; }
        .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 .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 .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 .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.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: 100%;
  margin: auto;
  background-color: transparent; }

section.user-editor {
  display: flex;
  flex-direction: row;
  min-width: 1120px !important;
  width: 1120px;
  height: 80vh;
  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 > section {
    height: 100%;
    overflow-y: auto; }
  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 {
    width: 320px;
    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; }
    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 {
      width: 220px;
      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%; }
      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.tags-row {
      height: auto; }
    section.user-editor section.thumb-pane dl.tags {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
      height: auto;
      width: 250px; }
      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 {
    width: 400px;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    border-right: 1px solid #D0C9C3; }
    section.user-editor section.info header {
      cursor: pointer;
      text-indent: 44px;
      font-size: 14px;
      font-weight: 600; }
      section.user-editor section.info header .icon, 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 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 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 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: 16px; }
    section.user-editor section.info header:after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      right: 12px;
      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 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 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 .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 .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.chats {
    width: 400px; }
    section.user-editor section.chats .simulator > section {
      flex: none;
      height: calc(100% - 48px); }
    section.user-editor section.chats footer {
      position: absolute;
      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-left: 8px;
        padding-top: 6px;
        padding-bottom: 6px; }
        section.user-editor section.chats footer.simulator-footer button {
          height: 36px;
          line-height: 36px; }
        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: 3px 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 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; }
          section.user-editor section.chats footer.simulator-footer.send-type-text .type-text textarea {
            background-color: transparent;
            min-height: auto;
            min-width: 240px;
            max-height: 120px;
            height: 38px;
            min-height: 38px;
            padding-left: 8px;
            padding-top: 7px; }
          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-act .type-act {
          display: flex; }
        section.user-editor section.chats footer.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; }
          section.user-editor section.chats footer.simulator-footer.send-type-image .type-image:before {
            content: attr(hint);
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 14px;
            line-height: 36px; }
          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 {
            height: 32px;
            width: 240px;
            cursor: pointer; }
        section.user-editor section.chats footer.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; }
          section.user-editor section.chats footer.simulator-footer.send-type-stamps .type-stamps button {
            color: #666;
            height: 38px;
            line-height: 38px;
            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 {
          margin-right: 8px; }
        section.user-editor section.chats footer.simulator-footer .icon.tooltip, 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 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 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.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.on:hover:before, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.on:hover:before, section.user-editor section.chats footer.simulator-footer table.list-view th.tooltip.sortable:hover:before, table.list-view section.user-editor section.chats footer.simulator-footer th.tooltip.sortable:hover:before, 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:before, .search-bar section.user-editor section.chats footer.simulator-footer div.tooltip.queries:hover:before, section.user-editor section.chats footer.simulator-footer .simulator > header dd.tooltip:hover:before, .simulator > header section.user-editor section.chats footer.simulator-footer dd.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer .p3-layout .menu-pane li.tooltip:hover:before, .p3-layout .menu-pane section.user-editor section.chats footer.simulator-footer li.tooltip:hover:before, 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:before, .bot-editor section.actions li section.user-editor section.chats footer.simulator-footer h5.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div span.tooltip.new:hover:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer span.tooltip.new:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes > li > div label.tooltip.new:hover:before, .bot-editor ul.nodes > li > div section.user-editor section.chats footer.simulator-footer label.tooltip.new:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes div.tooltip.schedule:hover:before, .bot-editor ul.nodes section.user-editor section.chats footer.simulator-footer div.tooltip.schedule:hover:before, section.user-editor section.chats footer.simulator-footer .bot-editor ul.nodes ol.card li.tooltip.item.new:hover:before, .bot-editor ul.nodes ol.card section.user-editor section.chats footer.simulator-footer li.tooltip.item.new:hover:before, section.user-editor section.chats footer.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 section.user-editor section.chats footer.simulator-footer u.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer section.info header.tooltip:hover:before, section.user-editor section.info section.chats footer.simulator-footer header.tooltip:hover:before, section.user-editor section.chats footer.simulator-footer.send-type-text .type-text b.tooltip: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 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 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 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 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: -180px;
      bottom: 54px; }
  section.user-editor .loading {
    font-size: 24px !important;
    line-height: 100px !important;
    color: #222;
    text-align: center; }
  section.user-editor > .icon.close, 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; }

.popup.expansion-image img {
  width: 100%;
  height: 100%;
  vertical-align: top; }

.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;
    justify-content: center; }
  .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],
  .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],
  .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 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; }

section.cols-frame {
  overflow: hidden;
  height: 480px;
  overflow-y: auto;
  max-height: 50vh; }
  section.cols-frame div.sel-wrapper {
    display: flex;
    flex-direction: column; }
  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; }

.columns-selector label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
  overflow: hidden; }

.popup.columns-create-form form {
  padding: 2rem; }

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 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; }

.post_list_view button.publish {
  background: #00D6C9;
  color: white; }

.post_edit_view section.post-editor {
  height: calc( 100% - 60px); }

.view-editor {
  margin-top: 0;
  margin-left: 0 !important;
  position: relative;
  background-color: #D8D8D8; }
  .view-editor .container {
    background-color: #D8D8D8;
    padding: 24px;
    padding-bottom: 280px; }
  .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; }
    .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 {
      height: 36px; }
    .view-editor header span {
      height: 24px;
      line-height: 16px;
      color: #D8D8D8;
      font-size: 12px; }
  .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.'] {
      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 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 {
        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-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-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-list .form-item-desc {
      display: none !important; }
    .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-calendar li.form-row-calendar {
      display: block; }
      .view-editor .comp.preview.comp-calendar li.form-row-calendar article {
        margin: auto; }
    .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.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 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 form {
      width: 100% !important;
      position: relative;
      box-sizing: border-box; }
      .view-editor .comp.editing form ul {
        padding: 16px 24px; }
      .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 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[list-src=manual] .form-item-items {
        display: block; }
      .view-editor .comp.editing form[list-src=manual] .form-item-placeholder {
        display: none; }
      .view-editor .comp.editing form[list-src=manual] .form-item-subtype label[data=show_normal] {
        display: none; }
      .view-editor .comp.editing form[list-src=manual] .form-item-subtype label[data=thumb] {
        display: none; }
      .view-editor .comp.editing form[list-src=manual] .form-item-trans label[data=uri] {
        display: none; }
      .view-editor .comp.editing form[list-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 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 .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 {
    padding-left: 12px; }
    .view-editor .required .form-item-title:before {
      content: "*";
      color: #DB234B;
      font-size: 20px;
      font-weight: 300;
      line-height: 44px; }
  .view-editor .edit-bar {
    display: block;
    width: 414px;
    transition-duration: 0.2s; }
    .view-editor .edit-bar .bar {
      display: block;
      position: relative;
      cursor: pointer;
      width: 414px;
      height: 20px;
      background-color: #F8F6F5;
      transition-duration: 0.2s; }
      .view-editor .edit-bar .bar:before {
        content: '';
        width: 366px;
        height: 0;
        top: 8px;
        left: 24px;
        border-top: 1px dotted #D0C9C3; }
      .view-editor .edit-bar .bar:after {
        font-size: 16px;
        width: 20px;
        height: 20px;
        top: 2px;
        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.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: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 {
        height: 48px; }
      .view-editor .edit-bar:hover .bar:before {
        width: 100%;
        left: 0;
        top: 24px; }
      .view-editor .edit-bar:hover .bar:after {
        top: 14px;
        color: #666; }
      .view-editor .edit-bar:hover dl.top {
        display: flex; }
    .view-editor .edit-bar .bar:hover + dl, .view-editor .edit-bar .bar + dl:hover {
      display: flex; }
  .view-editor .editing .edit-bar .bar {
    height: 20px; }
  .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[list-src=manual] .component-list {
    padding-left: 0;
    padding-right: 0; }
    .view-editor .comp-list form[list-src=manual] .component-list.thumb .image {
      display: none !important; }
    .view-editor .comp-list form[list-src=manual] .component-list li.group {
      min-height: 40px !important;
      line-height: 40px;
      background-color: #F8F6F5;
      padding-left: 0; }
      .view-editor .comp-list form[list-src=manual] .component-list li.group div.txt {
        margin-right: 0;
        flex: 1; }
        .view-editor .comp-list form[list-src=manual] .component-list li.group div.txt h4 {
          padding-right: 0;
          text-align: center; }
      .view-editor .comp-list form[list-src=manual] .component-list li.group span.space {
        display: none; }
      .view-editor .comp-list form[list-src=manual] .component-list li.group span.num {
        display: none; }
    .view-editor .comp-list form[list-src=manual] .component-list li.child {
      padding-left: 16px !important; }
      .view-editor .comp-list form[list-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 input[name=addr1] {
    width: 210px; }
  .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-qrcode {
    height: 240px;
    text-align: center; }
  .view-editor .component-barcode {
    height: 140px;
    text-align: 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 .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 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: 100px; }
        .view-editor .comp-opentime .weekly-calendar dl.side dd {
          text-align: right !important;
          font-size: 14px;
          line-height: 44px;
          padding-left: 32px; }
      .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;
        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 .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; }
  .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 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 .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: 18px; }
  .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; }

.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: 4rem; }

.popover.view-settings label, section.view-settings.pop-inline label {
  white-space: nowrap; }

.popover.view-settings form li[type=multiple] dd:first-child, section.view-settings.pop-inline form li[type=multiple] dd:first-child {
  width: auto; }

.popup.white.add-view-form, section.popup.add-view-form.dict-editor {
  width: 680px; }
  .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.view-export {
  width: 640px; }
  .popup.view-export footer {
    border-top: 1px solid #D0C9C3; }
  .popup.view-export .view-name {
    padding: 20px;
    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; }

.ico {
  background-size: auto 20px;
  background-repeat: no-repeat; }
  .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.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; }
    .ico.pc.simulator-btn:after {
      transform: translateX(-88px); }

#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 .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 .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 .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; }

.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 .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 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 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 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 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 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 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 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 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 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 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 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 .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 .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 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 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 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 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; }