@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, .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before, .vip: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, .fa-pull-left.icon:before, .fa-pull-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-pull-left.on:before, table.list-view th.fa-pull-left.sortable:before, .ui-indicator .fa-pull-left#indicator:before, .search-bar div.fa-pull-left.queries:before, .fa-pull-left.vip:after {
  margin-right: .3em; }

.fa.fa-pull-right, section.popover #calendar th > b.fa-pull-right:before, .fa-pull-right.icon:before, .fa-pull-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-pull-right.on:before, table.list-view th.fa-pull-right.sortable:before, .ui-indicator .fa-pull-right#indicator:before, .search-bar div.fa-pull-right.queries:before, .fa-pull-right.vip: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, .pull-left.icon:before, .pull-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pull-left.on:before, table.list-view th.pull-left.sortable:before, .ui-indicator .pull-left#indicator:before, .search-bar div.pull-left.queries:before, .pull-left.vip:after {
  margin-right: .3em; }

.fa.pull-right, section.popover #calendar th > b.pull-right:before, .pull-right.icon:before, .pull-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pull-right.on:before, table.list-view th.pull-right.sortable:before, .ui-indicator .pull-right#indicator:before, .search-bar div.pull-right.queries:before, .pull-right.vip:after {
  margin-left: .3em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

header .links {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px; }
  header .links a:first-of-type {
    margin-right: auto; }

body {
  height: 100vh; }

.global-top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: white;
  color: #666666;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 2000;
  border-bottom: 1px solid #D0C9C3; }

.top-bar-spacer {
  flex: 1; }

.global-top-bar .ico.evolany {
  background-size: auto 40px;
  background-repeat: no-repeat;
  margin-bottom: 15px; }

.ico.trash {
  background-size: auto 80% !important; }

.multi-btns.small {
  color: black; }

.json-popup {
  width: 350px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px; }

.json-popup .json-display {
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 60vh;
  overflow-y: auto;
  text-align: left;
  color: #d4d4d4;
  padding: 20px;
  border-radius: 8px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }

.json-popup h3 {
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 600; }

#mask .session-exp__overlay {
  background-color: #fff;
  border-radius: 8px;
  width: 50vh;
  padding: 15px 0; }

#mask .session-exp__overlay .ico-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px; }

#mask .session-exp__overlay .ico-container .warning-icon {
  display: inline-block;
  content: '';
  background-image: url(/images/Warning.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px; }

#mask .session-exp__anybot-logo {
  background-image: url("data:image/svg+xml,<svg width='164' height='72' viewBox='0 0 164 72' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9186 55.9052C14.0927 55.9052 17.309 54.9321 19.3404 53.0706L16.9704 49.6014C15.6585 50.8706 13.2462 51.6322 11.5111 51.6322C8.04085 51.6322 5.96716 49.4745 5.6286 46.8938H20.8216V45.7092C20.8216 39.0247 16.6742 34.4555 10.5801 34.4555C4.35899 34.4555 0 39.2362 0 45.1592C0 51.7168 4.69755 55.9052 10.9186 55.9052ZM15.6162 43.2554H5.54396C5.79788 41.2246 7.23677 38.7285 10.5801 38.7285C14.135 38.7285 15.4892 41.3093 15.6162 43.2554Z' fill='%232C3045'/><path d='M34.9453 55.3975L43.1554 34.9632H37.3576L32.0252 49.1784L26.6929 34.9632H20.9373L29.1474 55.3975H34.9453Z' fill='%232C3045'/><path d='M54.1881 55.9052C60.9594 55.9052 65.0221 50.9976 65.0221 45.1592C65.0221 39.3631 60.9594 34.4555 54.1881 34.4555C47.4592 34.4555 43.3965 39.3631 43.3965 45.1592C43.3965 50.9976 47.4592 55.9052 54.1881 55.9052ZM54.1881 51.1245C50.8448 51.1245 48.9827 48.3745 48.9827 45.1592C48.9827 41.9862 50.8448 39.2362 54.1881 39.2362C57.5314 39.2362 59.4359 41.9862 59.4359 45.1592C59.4359 48.3745 57.5314 51.1245 54.1881 51.1245Z' fill='%232C3045'/><path d='M73.5378 55.3975V27.1787H68.1631V55.3975H73.5378Z' fill='%232C3045'/><path d='M95.6683 55.3975V42.1977C95.6683 36.317 91.3939 34.4555 86.7387 34.4555C83.5224 34.4555 80.306 35.4709 77.8091 37.6708L79.8405 41.2669C81.5756 39.6593 83.607 38.8554 85.8077 38.8554C88.5162 38.8554 90.2936 40.2093 90.2936 42.2823V45.0323C88.9394 43.4246 86.5271 42.5362 83.8186 42.5362C80.56 42.5362 76.7088 44.3554 76.7088 49.1361C76.7088 53.7052 80.56 55.9052 83.8186 55.9052C86.4848 55.9052 88.897 54.9321 90.2936 53.2821V55.3975H95.6683ZM85.977 52.2668C83.8609 52.2668 82.1258 51.1668 82.1258 49.263C82.1258 47.2745 83.8609 46.1746 85.977 46.1746C87.7121 46.1746 89.4049 46.7669 90.2936 47.9515V50.4899C89.4049 51.6745 87.7121 52.2668 85.977 52.2668Z' fill='%232C3045'/><path d='M119.324 55.3975V40.9708C119.324 36.9939 117.166 34.4555 112.68 34.4555C109.336 34.4555 106.84 36.0632 105.528 37.6285V34.9632H100.153V55.3975H105.528V41.6477C106.416 40.4208 108.067 39.2362 110.183 39.2362C112.468 39.2362 113.949 40.2093 113.949 43.0438V55.3975H119.324Z' fill='%232C3045'/><path d='M123.095 63.3935C123.772 63.5627 125.126 63.6897 125.761 63.6897C129.274 63.605 131.982 62.5897 133.506 58.7397L143.112 34.9632H137.314L131.982 49.1784L126.65 34.9632H120.894L129.189 55.6936L128.427 57.4282C127.919 58.5282 126.988 58.909 125.592 58.909C125.084 58.909 124.364 58.782 123.899 58.5705L123.095 63.3935Z' fill='%232C3045'/><path d='M4.78336 69.565C5.80594 69.565 6.6473 69.2277 7.26862 68.6052L6.80263 67.9696C6.31076 68.4755 5.58589 68.7608 4.87397 68.7608C3.52779 68.7608 2.69937 67.7751 2.6217 66.5948H7.68283V66.3484C7.68283 64.4677 6.56964 62.9891 4.67981 62.9891C2.89353 62.9891 1.59912 64.4548 1.59912 66.2706C1.59912 68.229 2.93236 69.565 4.78336 69.565ZM6.72497 65.8815H2.6217C2.67348 64.9217 3.33362 63.7933 4.66686 63.7933C6.09071 63.7933 6.71202 64.9476 6.72497 65.8815Z' fill='%232C3045'/><path d='M12.2453 69.4093L14.8471 63.1448H13.7856L11.7146 68.2809L9.6306 63.1448H8.58214L11.1839 69.4093H12.2453Z' fill='%232C3045'/><path d='M18.8498 69.565C20.7526 69.565 21.9434 68.0864 21.9434 66.2706C21.9434 64.4548 20.7526 62.9891 18.8498 62.9891C16.947 62.9891 15.7562 64.4548 15.7562 66.2706C15.7562 68.0864 16.947 69.565 18.8498 69.565ZM18.8498 68.696C17.5166 68.696 16.7658 67.5546 16.7658 66.2706C16.7658 64.9995 17.5166 63.8581 18.8498 63.8581C20.183 63.8581 20.9209 64.9995 20.9209 66.2706C20.9209 67.5546 20.183 68.696 18.8498 68.696Z' fill='%232C3045'/><path d='M24.7557 69.4093V60.7583H23.7849V69.4093H24.7557Z' fill='%232C3045'/><path d='M32.1417 69.4093V63.1448H31.1709V67.7491C30.8085 68.255 30.0836 68.696 29.3199 68.696C28.4786 68.696 27.922 68.3717 27.922 67.2693V63.1448H26.9512V67.5676C26.9512 68.9294 27.6372 69.565 28.9446 69.565C29.8765 69.565 30.692 69.0721 31.1709 68.5274V69.4093H32.1417Z' fill='%232C3045'/><path d='M35.9186 69.565C36.4881 69.565 36.8376 69.3963 37.0835 69.1629L36.7988 68.4366C36.6693 68.5792 36.4104 68.696 36.1386 68.696C35.7115 68.696 35.5044 68.3587 35.5044 67.8918V64.0008H36.7729V63.1448H35.5044V61.4327H34.5336V63.1448H33.498V64.0008H34.5336V68.0993C34.5336 69.0332 34.9995 69.565 35.9186 69.565Z' fill='%232C3045'/><path d='M38.882 62.2499C39.2445 62.2499 39.5422 61.9645 39.5422 61.6014C39.5422 61.2382 39.2445 60.9399 38.882 60.9399C38.5326 60.9399 38.2348 61.2382 38.2348 61.6014C38.2348 61.9645 38.5326 62.2499 38.882 62.2499ZM39.3739 69.4093V63.1448H38.4031V69.4093H39.3739Z' fill='%232C3045'/><path d='M44.3006 69.565C46.2033 69.565 47.3942 68.0864 47.3942 66.2706C47.3942 64.4548 46.2033 62.9891 44.3006 62.9891C42.3978 62.9891 41.2069 64.4548 41.2069 66.2706C41.2069 68.0864 42.3978 69.565 44.3006 69.565ZM44.3006 68.696C42.9673 68.696 42.2166 67.5546 42.2166 66.2706C42.2166 64.9995 42.9673 63.8581 44.3006 63.8581C45.6338 63.8581 46.3716 64.9995 46.3716 66.2706C46.3716 67.5546 45.6338 68.696 44.3006 68.696Z' fill='%232C3045'/><path d='M54.4262 69.4093V65.0125C54.4262 63.6506 53.7402 62.9891 52.4329 62.9891C51.5009 62.9891 50.6466 63.5339 50.2065 64.0527V63.1448H49.2357V69.4093H50.2065V64.8309C50.5689 64.3251 51.2938 63.8581 52.0575 63.8581C52.8988 63.8581 53.4554 64.2083 53.4554 65.3108V69.4093H54.4262Z' fill='%232C3045'/><path d='M65.0998 69.4093V65.1033C65.0998 63.5858 63.9996 62.9891 62.6793 62.9891C61.6567 62.9891 60.8542 63.3264 60.1811 64.0267L60.6341 64.7012C61.1907 64.1046 61.7991 63.8322 62.5499 63.8322C63.4559 63.8322 64.129 64.3121 64.129 65.1551V66.2835C63.6242 65.6999 62.9123 65.4275 62.058 65.4275C60.9966 65.4275 59.8704 66.089 59.8704 67.4897C59.8704 68.8516 60.9966 69.565 62.058 69.565C62.8993 69.565 63.6113 69.2666 64.129 68.696V69.4093H65.0998ZM62.4075 68.8646C61.5014 68.8646 60.8671 68.2939 60.8671 67.5027C60.8671 66.6986 61.5014 66.1279 62.4075 66.1279C63.0935 66.1279 63.7537 66.3873 64.129 66.9061V68.0864C63.7537 68.6052 63.0935 68.8646 62.4075 68.8646Z' fill='%232C3045'/><path d='M72.4953 69.4093V65.0125C72.4953 63.6506 71.8093 62.9891 70.502 62.9891C69.57 62.9891 68.7157 63.5339 68.2756 64.0527V63.1448H67.3048V69.4093H68.2756V64.8309C68.638 64.3251 69.3629 63.8581 70.1266 63.8581C70.9679 63.8581 71.5245 64.2083 71.5245 65.3108V69.4093H72.4953Z' fill='%232C3045'/><path d='M74.3435 71.8607C74.5247 71.9125 74.8483 71.9514 75.0554 71.9514C75.8839 71.9385 76.5181 71.5883 76.8935 70.6804L80.0259 63.1448H78.9645L76.8935 68.2809L74.8095 63.1448H73.761L76.3757 69.4742L75.9615 70.421C75.7415 70.9398 75.4567 71.0824 75.0295 71.0824C74.8742 71.0824 74.6412 71.0435 74.4988 70.9787L74.3435 71.8607Z' fill='%232C3045'/><path d='M82.8767 69.565C83.4462 69.565 83.7957 69.3963 84.0416 69.1629L83.7569 68.4366C83.6274 68.5792 83.3686 68.696 83.0967 68.696C82.6696 68.696 82.4625 68.3587 82.4625 67.8918V64.0008H83.731V63.1448H82.4625V61.4327H81.4917V63.1448H80.4561V64.0008H81.4917V68.0993C81.4917 69.0332 81.9576 69.565 82.8767 69.565Z' fill='%232C3045'/><path d='M85.8402 62.2499C86.2026 62.2499 86.5003 61.9645 86.5003 61.6014C86.5003 61.2382 86.2026 60.9399 85.8402 60.9399C85.4907 60.9399 85.193 61.2382 85.193 61.6014C85.193 61.9645 85.4907 62.2499 85.8402 62.2499ZM86.332 69.4093V63.1448H85.3612V69.4093H86.332Z' fill='%232C3045'/><path d='M97.0447 69.4093V64.8828C97.0447 63.6247 96.4363 62.9891 95.2972 62.9891C94.3911 62.9891 93.5498 63.5858 93.2003 64.1564C93.0191 63.5079 92.4754 62.9891 91.5175 62.9891C90.5985 62.9891 89.7572 63.6506 89.4983 64.0527V63.1448H88.5275V69.4093H89.4983V64.8309C89.8348 64.3251 90.5079 63.8581 91.1422 63.8581C91.9576 63.8581 92.2942 64.364 92.2942 65.1551V69.4093H93.265V64.8179C93.5886 64.3251 94.2746 63.8581 94.9218 63.8581C95.7244 63.8581 96.0739 64.364 96.0739 65.1551V69.4093H97.0447Z' fill='%232C3045'/><path d='M102.062 69.565C103.085 69.565 103.926 69.2277 104.547 68.6052L104.081 67.9696C103.589 68.4755 102.865 68.7608 102.153 68.7608C100.806 68.7608 99.978 67.7751 99.9003 66.5948H104.961V66.3484C104.961 64.4677 103.848 62.9891 101.958 62.9891C100.172 62.9891 98.8777 64.4548 98.8777 66.2706C98.8777 68.229 100.211 69.565 102.062 69.565ZM104.004 65.8815H99.9003C99.9521 64.9217 100.612 63.7933 101.945 63.7933C103.369 63.7933 103.991 64.9476 104.004 65.8815Z' fill='%232C3045'/><path d='M107.222 69.539C107.61 69.539 107.934 69.2148 107.934 68.8257C107.934 68.4366 107.61 68.1123 107.222 68.1123C106.834 68.1123 106.51 68.4366 106.51 68.8257C106.51 69.2148 106.834 69.539 107.222 69.539Z' fill='%232C3045'/><path fill-rule='evenodd' clip-rule='evenodd' d='M148.849 34.0469C143.197 29.0775 139.132 22.2247 137.724 14.2366C137.074 10.549 137.038 6.89512 137.543 3.38025C146.013 3.01906 153.648 8.97773 155.16 17.5539C156.299 24.0112 153.668 30.2611 148.849 34.0469Z' fill='url(%23paint0_linear_440_255)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M162.911 41.5165C155.682 39.6359 149.252 35.432 144.628 29.6103C146.096 28.4069 147.885 27.5528 149.888 27.1996C156.113 26.102 162.049 30.2585 163.147 36.4834C163.452 38.2161 163.351 39.9266 162.911 41.5165Z' fill='url(%23paint1_linear_440_255)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M154.062 27.2335C152.93 29.8988 151.136 32.2503 148.849 34.0468C147.318 32.7012 145.904 31.2174 144.628 29.6103C146.096 28.4069 147.885 27.5528 149.888 27.1996C151.313 26.9484 152.722 26.9724 154.062 27.2335Z' fill='%23E03D01'/><defs><linearGradient id='paint0_linear_440_255' x1='147.037' y1='18.2326' x2='150.86' y2='4.41115' gradientUnits='userSpaceOnUse'><stop stop-color='%23FF5600'/><stop offset='1' stop-color='%23FF5600' stop-opacity='0.5'/></linearGradient><linearGradient id='paint1_linear_440_255' x1='153.212' y1='34.1124' x2='164.093' y2='36.7591' gradientUnits='userSpaceOnUse'><stop stop-color='%232DC5E7'/><stop offset='1' stop-color='%232DC5E7' stop-opacity='0.5'/></linearGradient></defs></svg>");
  width: 100%;
  height: 55px;
  margin: 20px 0;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat; }

#mask .session-exp__text-content p {
  margin: 10px 0;
  color: black; }

#mask .session-exp__text-content strong {
  margin: 10px 0;
  color: black; }

#mask .session-exp__text-content h2 {
  font-weight: bold;
  color: black; }

#mask .session-exp__footer {
  margin-bottom: 10px;
  justify-content: center; }

#mask .session-exp__footer button {
  border-radius: 8px; }

table.list-view {
  table-layout: fixed !important;
  width: 100%; }

article:not([view=api_mgmt]) table.list-view tr:last-child {
  border-bottom: 1px solid #D0C9C3 !important; }

[view=dbs_view] table.list-view {
  table-layout: fixed !important; }

table.list-view td {
  overflow: auto;
  white-space: nowrap; }

.user-section {
  position: relative;
  margin-left: auto; }

.user-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 3vh; }

.user-trigger i,
.delete-btn .ico.trash,
.user-menu-item i {
  position: static !important;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  cursor: pointer; }

.user-name {
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0; }

.user-menu {
  position: absolute;
  top: 100%;
  left: 0;
  border-left: 1px solid #D0C9C3;
  min-width: 150px;
  z-index: 3000;
  margin-top: 2px; }

.user-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  transition: 200ms;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 12px;
  height: 39px;
  background: white;
  cursor: pointer; }

.user-menu-item:hover {
  background-color: #D0C9C3; }

.user-menu.hidden {
  display: none; }

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  min-width: 32px;
  height: 32px; }

.p0:not([view=table_new]) .body {
  display: flex;
  flex: 1; }

.p0 .pagination-area {
  position: absolute;
  bottom: 12px;
  left: 20px;
  z-index: 100; }

.p2 .pagination-area {
  position: absolute;
  bottom: 12px;
  left: 20px;
  z-index: 100; }

.p1.center > main {
  background-color: var(--l);
  height: calc(100vh - 40px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: safe center;
  flex: 1; }

.p1.center > main .body {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
  box-sizing: content-box;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px; }

.p1.center > main .body div.content {
  height: 100%; }

.p1.popup {
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }

.p1.popup > main {
  width: min-content;
  background-color: white;
  display: flex;
  flex-direction: column;
  margin: auto;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
  height: fit-content;
  position: relative;
  max-height: 80%;
  overflow: hidden; }

.p1.popup > main .ico.close-circle {
  position: absolute;
  right: 20px;
  top: 20px; }

.p2.news_list main .header {
  height: 180px;
  padding-bottom: 16px; }

.p2.news_list main .header .title-line h2 {
  margin: 8px 16px; }

.p2.news_list main .header .title-line h2 + .hbox {
  padding: 0 16px; }

.p2.news_list main .header .title-line input {
  min-width: 300px; }

.p1.popup.right {
  height: 100vh; }

.p1.popup.right > main {
  margin-right: 0;
  height: 100vh;
  max-height: 100vh;
  width: auto;
  border-radius: 0; }

.p0 main {
  padding: 0; }

.p2 main {
  display: flex;
  flex-direction: row;
  background-color: var(--l);
  flex: 1;
  padding: 0px;
  overflow: hidden; }

.p2 main .sidemenu {
  z-index: 101;
  padding: 0;
  box-sizing: border-box;
  border-right: solid #D0C9C3 1px;
  display: flex;
  flex-direction: column; }

.p2 main .sidemenu .tbl-header {
  height: 40px;
  background-color: white;
  border-bottom: solid #D0C9C3 1px;
  display: flex;
  align-items: center;
  justify-content: left; }

.p2 main .sidemenu .header-tbl-back {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 8px 12px; }

.p2 main .sidemenu.show-settings div.settings {
  display: block;
  transition: 200ms;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 12px; }

.p2 main .sidemenu.show-settings .ico.up {
  display: block; }

.header-tbl-back::before {
  content: '\f053';
  font-family: 'FontAwesome';
  margin-right: 6px;
  font-size: 14px; }

.p2 main .sidemenu .tbl-menu-wrapper {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0;
  width: 248px; }
  .p2 main .sidemenu .tbl-menu-wrapper h3.header {
    padding: 16px 32px; }

.p2 main .sidemenu .logo {
  height: 60px;
  margin-bottom: 20px;
  flex-shrink: 0;
  margin-left: 10px; }

.p2 main .sidemenu ul {
  cursor: pointer;
  padding-left: 0px;
  overflow-y: auto;
  margin: 0; }

.p2 main .sidemenu li {
  font-size: 14px;
  text-indent: 32px;
  text-align: left;
  height: 48px;
  min-height: 48px;
  line-height: 48px;
  background-size: auto 24px;
  background-position: 6px center;
  margin: 0;
  background-color: #f8f8f9;
  transition: 200ms; }

.p2 main .sidemenu li.on {
  background-color: white;
  border-left: 12px solid var(--a1); }

.p2 main .sidemenu div.item {
  height: 48px;
  line-height: 48px;
  background-size: auto 20px;
  background-position: 16px 50%;
  text-indent: 48px;
  font-size: 13px;
  cursor: pointer; }

.p2 main .sidemenu div.settings {
  background-color: #f8f8f9;
  border-radius: 8px;
  margin: 0;
  padding: 6px 0;
  height: fit-content;
  display: none;
  transition: 200ms; }

.p2 main .sidemenu div.settings:hover {
  background-color: white; }

.p2 main .sidemenu.show-settings div.settings {
  display: block;
  transition: 200ms;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 12px; }

.p2 main .sidemenu div.prof {
  background-color: #f8f8f9;
  border-radius: 8px;
  margin: 6px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 200ms;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 4px 12px; }

.p2 main .sidemenu div.prof.ico.dummyuser:hover, .p2 main .sidemenu div.prof.ico.user:hover {
  background-color: white; }

.p2 main .sidemenu div.prof .ico.up {
  margin-right: 15px;
  display: none;
  height: 11px;
  width: 11px;
  margin-top: 7px; }

.p2 main .sidemenu.show-settings .ico.up {
  display: block; }

.p2 main .sidemenu .sidebar-title {
  display: none;
  color: #999999;
  font-size: 12px;
  margin-top: 0; }

.p2 main .sidemenu .side-bar-space {
  height: 100px; }

.p2 main .sidemenu h2 {
  margin: 0px 0px 50px 0; }

.p2 main .sidemenu .table-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.p2 main .sidemenu .table-list .table-title {
  width: 100%;
  align-content: center;
  position: relative;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  padding-left: 32px;
  color: #666;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box; }
  .p2 main .sidemenu .table-list .table-title:after {
    content: '';
    position: absolute;
    width: calc(100% - 64px);
    height: 1px;
    bottom: 1px;
    left: 36px;
    top: auto;
    background: #ccc; }

.p2 main .sidemenu .table-list .table-title:hover {
  background-color: #F8F6F5;
  cursor: pointer; }

.p2 main .sidemenu .table-list .table-title.on {
  background-color: #F8F6F5; }

.p2 main .sidemenu .table-list .table-title:hover:not(.on) {
  background-color: #F8F6F5;
  cursor: pointer; }

.p2 main .body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1; }

.p2 main .body .header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 16px;
  z-index: 9;
  flex-shrink: 0; }

.p2 main .body .content {
  flex: 1; }

.p2 main .body .content .block {
  padding: 16px;
  border-radius: 8px;
  background-color: white; }

.p2 main .header:empty {
  display: none; }

.p2 main .header .title-icon {
  background-size: contain;
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  display: inline-block;
  background-size: 28px auto;
  background-position: center;
  border-radius: 28px;
  background-color: var(--l); }

.p2 main .header h2 {
  margin-left: 16px;
  font-size: 24px;
  font-weight: 500; }

.p2 main .header .icos b {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  margin: 8px;
  background-size: auto 20px;
  background-position: center; }

.p2 main .header .icos b:hover {
  background-color: #E6E6E6; }

.p2 main .header .icos .ico {
  transition: 200ms;
  cursor: pointer; }

.p2 main .header .icos .ico:hover {
  background-color: #F5F7FD; }

.p2 main .header .title-line .add_competitor {
  margin-left: 8px;
  transition: 200ms; }

.p2 main .header .title-line .ico.magic {
  padding: 0 16px 0 44px;
  width: auto;
  line-height: 38px;
  background-position: 16px center;
  position: relative;
  background-color: white; }

.p2 main .header .title-line .ico.magic::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(to right, #D93F3F, var(--a1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: magic-rotate 1.5s linear infinite; }

.p2 main .main-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1; }

.p2 main .nav-container {
  display: flex;
  z-index: 300;
  align-items: center;
  border-bottom: #D0C9C3 solid 1px;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  background: white; }

.schema_mgmt .body,
.content_mgmt .body,
.api_mgmt .body {
  overflow: hidden !important; }

.p2 main .nav-container .m-navbar {
  display: flex;
  flex-direction: row;
  height: 100%; }

.p2 main .nav-container .m-navbar .navbar-item {
  padding: 0px 20px;
  width: 75px;
  text-align: center;
  align-content: center;
  text-transform: capitalize; }

.p2 main .nav-container .m-navbar .navbar-item:hover,
.p2 main .nav-container .m-navbar .navbar-item.on {
  font-weight: bold;
  color: #222222;
  cursor: pointer; }

.p2 main .nav-container .m-navbar .navbar-item.nav-back {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
  transition: background-color 0.2s ease; }

.p2 main .nav-container .m-navbar .navbar-item.nav-back:hover {
  background-color: #999999;
  color: #fff;
  cursor: pointer; }

.p2 main .nav-container .m-navbar .navbar-item.nav-back:active {
  background-color: #777777;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; }

a {
  cursor: pointer; }

.col-add {
  display: flex;
  align-items: flex-start;
  margin: 0 32px auto 32px; }

.col-add .add-col-btn {
  font-size: 24px;
  font-weight: 400;
  color: #7A7A7A; }

.contents-add {
  display: flex;
  margin: 0 32px auto 32px; }

.contents-add .add-contents-btn {
  font-size: 24px;
  font-weight: 400;
  color: #7A7A7A; }

.tbl-add {
  background-color: #F8F6F5;
  margin-top: auto;
  text-align: left;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #D0C9C3;
  height: 48px;
  cursor: pointer; }

.tbl-add .add-tbl-btn {
  border: 0;
  background: transparent; }

.dbs-add {
  display: flex;
  margin: 0 32px auto 32px; }

.dbs-add .dbs-add-btn {
  font-size: 24px;
  font-weight: 400;
  color: #7A7A7A; }

.tooltip.tooltip-shift:hover:after {
  left: 0 !important;
  transform: none !important; }

form li {
  align-items: center; }

form li.form-item-multiple dl dd[name] {
  width: max-content; }

.popup .form-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #666666;
  background: white; }

.popup .forms {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  color: #666666; }

.popup h4 {
  color: #666666; }

.popup .form-view {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  max-width: 400px;
  margin: 0 auto; }

.popup .form-view h2 {
  margin: 0 0 24px 0;
  font-size: 24px;
  font-weight: 600;
  color: #666666;
  border-bottom: 2px solid #070707;
  padding-bottom: 12px; }

.popup .form-item {
  color: #666666 !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px; }

.popup .form-item label {
  font-weight: 500;
  color: #555;
  font-size: 14px;
  margin-bottom: 4px; }

.popup .form-item input, .popup .form-item textarea {
  padding: 12px;
  border: 1px solid #545353;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.2s ease; }

.popup .form-item input:focus, .popup .form-item textarea:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }

.popup .form-item textarea {
  min-height: 80px;
  resize: vertical; }

.popup .form-item.required label::after {
  content: " *";
  color: #e74c3c; }

.popup .form-footer {
  border-top: 1px solid #eee;
  padding: 16px 24px;
  background: #f9f9f9;
  margin-top: auto; }

.popup .form-footer .btns {
  display: flex;
  justify-content: flex-end;
  gap: 12px; }

.popup .form-footer button.a1r:hover {
  color: white; }

.popup .form-footer button {
  min-width: 80px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: white;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease; }

.popup .form-footer button.cancel:hover {
  background: #F8F6F5;
  color: #333; }

/* CSV Import Popup Styles */
.csv-popup {
  width: 600px;
  max-width: 90vw;
  color: #666666 !important; }

.csv-popup select {
  color: #666666 !important; }

.csv-popup .csv-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: white;
  border-radius: 8px;
  overflow: hidden; }

.csv-popup .csv-upload {
  color: #666666 !important; }

.csv-popup .csv-header h2 {
  margin: 0 0 8px 0;
  font-size: 24px;
  font-weight: 600;
  color: #333; }

.csv-popup .csv-header {
  padding: 24px;
  border-bottom: 1px solid #eee;
  background: #f9f9f9; }

.csv-popup .csv-header p {
  margin: 0;
  color: #666;
  font-size: 14px; }

.csv-popup .csv-mapping {
  flex: 1;
  padding: 0;
  overflow-y: auto;
  max-height: 400px; }

.csv-popup .mapping-table {
  width: 100%;
  background: white; }

.csv-popup .mapping-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  font-size: 14px;
  color: #495057; }

.csv-popup .column-header {
  padding: 16px 24px;
  text-align: left;
  border-right: 1px solid #dee2e6; }

.csv-popup .column-header:last-child {
  border-right: none; }

.csv-popup .mapping-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #dee2e6;
  transition: background-color 0.2s; }

.csv-popup .mapping-row:hover {
  background-color: #f8f9fa; }

.csv-popup .csv-cell, .table-cell {
  display: flex;
  align-items: center;
  border-right: 1px solid #dee2e6;
  justify-content: center; }

.csv-popup .table-cell {
  border-right: none; }

.csv-popup .csv-column-name {
  font-weight: 500;
  color: #333; }

.csv-popup .table-column-select {
  width: 100%;
  min-height: 50px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background: white;
  cursor: pointer; }

.csv-popup .table-column-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }

.csv-popup .csv-footer {
  border-top: 1px solid #eee;
  padding: 16px 24px;
  background: #f9f9f9;
  margin-top: auto; }

.csv-popup .file-drop-zone p {
  color: #666666 !important; }

.csv-wrapper .csv-column div {
  color: #666666 !important; }

.csv-wrapper .table-column div {
  color: #666666 !important; }

/* CSV Export Popup Styles */
.csv-export-popup {
  width: 700px;
  max-width: 95vw; }

.csv-export-popup .csv-selection {
  flex: 1;
  padding: 0;
  overflow-y: auto;
  max-height: 500px; }

.csv-export-popup .selection-table {
  width: 100%;
  background: white; }

.csv-export-popup .selection-header {
  display: grid;
  grid-template-columns: 50px 2fr 1fr 2fr;
  background: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  font-size: 14px;
  color: #495057 !important;
  position: sticky;
  top: 0;
  z-index: 10; }

.csv-export-popup .column-header {
  padding: 16px 12px;
  text-align: left;
  border-right: 1px solid #dee2e6; }

.csv-export-popup .column-header:last-child {
  border-right: none; }

.csv-export-popup .checkbox-header {
  text-align: center; }

.csv-export-popup .selection-row {
  display: grid;
  grid-template-columns: 50px 2fr 1fr 2fr;
  border-bottom: 1px solid #dee2e6;
  transition: background-color 0.2s; }

.csv-export-popup .selection-row:hover {
  background-color: #f8f9fa; }

.csv-export-popup .checkbox-cell, .csv-export-popup .column-cell {
  padding: 12px;
  display: flex;
  align-items: center;
  border-right: 1px solid #dee2e6;
  min-height: 60px; }

.csv-export-popup .column-cell:last-child {
  border-right: none; }

.csv-export-popup .checkbox-cell {
  justify-content: center; }

.csv-export-popup .column-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer; }

.csv-export-popup .name-cell {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px; }

.csv-export-popup .field-name {
  color: #666 !important;
  font-size: 12px;
  font-family: monospace; }

.csv-export-popup .type-cell {
  justify-content: center; }

.csv-export-popup .type-badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background: #e9ecef;
  color: #495057 !important; }

.csv-export-popup .type-badge.type-text {
  background: #d1ecf1;
  color: #0c5460; }

.csv-export-popup .type-badge.type-number {
  background: #d4edda;
  color: #155724; }

.csv-export-popup .type-badge.type-boolean {
  background: #f8d7da;
  color: #721c24; }

.csv-export-popup .type-badge.type-date {
  background: #fff3cd;
  color: #856404; }

.csv-export-popup .type-badge.type-id {
  background: #d1ecf1;
  color: #0c5460; }

.csv-export-popup .desc-cell {
  font-size: 13px;
  color: #666 !important; }

.csv-export-popup .column-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px; }

.csv-export-popup .csv-footer .btns {
  display: flex;
  align-items: center;
  gap: 12px; }

.csv-export-popup .selection-count {
  font-size: 13px;
  color: #666 !important;
  padding: 4px 8px;
  border-radius: 4px;
  background: #f8f9fa; }

.csv-export-popup .selection-count.selected {
  background: #d4edda;
  color: #155724;
  font-weight: 500; }

.csv-export-popup .csv-footer button.select-all, .csv-export-popup .csv-footer button.select-none {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057 !important; }

.csv-export-popup .csv-footer button.select-all:hover, .csv-export-popup .csv-footer button.select-none:hover {
  background: #e9ecef; }

.csv-export-popup .csv-footer button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none; }

.csv-export-popup .empty-state {
  padding: 40px 20px;
  text-align: center;
  color: #666 !important; }

.csv-export-popup .empty-state p {
  margin: 0;
  font-size: 14px; }

.popup.pop-list.white {
  max-height: 280px;
  width: fit-content;
  max-width: 240px;
  overflow: hidden;
  overflow-y: auto; }

.popup.pop-list.white li {
  position: relative;
  height: 40px;
  line-height: 40px;
  border-top: 1px dashed var(--gray3);
  cursor: pointer;
  position: relative; }

.popup.pop-list.white li.on {
  font-weight: bold;
  color: var(--a1);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 12px auto;
  background-image: url("data:image/svg+xml,<svg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.51327 9L12 1.49112L10.5133 0L4.51327 6.01775L1.48673 2.98225L0 4.47337L4.51327 9Z' fill='%233F58D9'/></svg>"); }

.popup.pop-list.white li:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

.popup.pop-list.white li:first-child {
  border-top: 0; }

.popup.pop-list.white ul {
  margin: 4px;
  padding: 0; }

.popup.pop-list.white.hours {
  max-width: 400px; }

.popup.pop-list.white.hours h4 {
  border-bottom: 1px solid var(--gray3);
  padding: 16px; }

.popup.pop-list.white.hours li {
  display: flex;
  flex-direction: row;
  padding: 0 8px;
  gap: 8px; }

.popup.pop-list.white.hours li span {
  flex: 1;
  text-align: left;
  white-space: nowrap; }

.popup.pop-list.white.hours li b:after {
  content: 'h'; }

.popup.pop-list.white .btns {
  position: sticky;
  width: 100%;
  z-index: 1;
  bottom: 0;
  background-color: #F8F6F5;
  gap: 16px;
  display: flex;
  padding: 0 16px;
  align-items: center;
  height: 60px;
  justify-content: end; }

.popup.pop-list input[type=search] {
  margin: 4px;
  max-width: calc(100% - 8px); }

.popup.pop-list .ico.close {
  display: none; }

.popup.pop-list h4 {
  font-size: small;
  padding: 8px 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis; }

/* .auth.logo_container {position: fixed; top: 24px; left: 24px;} */
.auth_signin.view {
  font-size: small;
  height: 100vh; }
  .auth_signin.view h2 {
    font-size: 24px;
    margin: 8px 0; }
  .auth_signin.view h4 {
    font-size: medium;
    padding: 2px 0 5px 0; }
  .auth_signin.view form {
    padding: 16px 32px; }
  .auth_signin.view form .buttons {
    padding: 12px 0 0 0; }
  .auth_signin.view p {
    margin: 0; }

.auth_signin::before, .auth_signup::before, .auth_forget::before {
  content: "";
  position: fixed;
  width: 300px;
  height: 60px;
  background-repeat: no-repeat;
  margin: 20px;
  background-size: contain; }

.auth_signin form h2 {
  text-align: center;
  padding: 16px 0; }

.auth_signin form .products {
  display: flex;
  gap: 8px; }

.auth_signin form .products dd {
  width: 100%;
  background-size: auto 24px;
  height: 40px;
  margin: 0;
  cursor: pointer;
  background-position: center;
  padding: 8px 16px;
  border-radius: 4px; }

.auth_signin form .products dd.on {
  border: 1px solid var(--l); }

.auth_signin form .products dd.comments.on {
  border: 1px solid var(--t); }

.auth_signin form .products dd.on.anybot {
  background-color: var(--a1); }

.auth_signin form .products dd.on.aisnap {
  background-color: var(--t); }

.auth_signin form .products dd.on.aistep {
  background-color: #00BB77; }

.auth_signin.view form {
  width: 480px; }

.auth_signin.view main .body, .auth_signup.view main .body {
  padding: 0; }

.auth_signin.view main form, .auth_signup.view main form {
  padding: 5px 32px 12px 32px; }

.auth_signin.view main form ul li, .auth_signup.view main form ul li {
  margin-bottom: 13px; }

.auth_signin.view main form ul li:first-child, .auth_signup.view main form ul li:first-child {
  margin: 0; }

.auth_signin.view main form ul li .buttons p, .auth_signup.view main form ul li .buttons p {
  color: darkgray;
  margin: 12px 0; }

.auth_signin.view main form ul li .buttons u {
  margin-bottom: 20px;
  color: var(--a1);
  cursor: pointer;
  width: fit-content; }

.auth_signin.view main form ul li .buttons button {
  border-radius: 8px; }

.csv-file-input {
  display: flex;
  flex-direction: column; }
  .csv-file-input div.form-item-file {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: 1px dashed #ddd;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    height: 96px; }
    .csv-file-input div.form-item-file div.default:after {
      content: 'Select CSV file';
      color: #666;
      font-size: 12px;
      top: 52px; }
    .csv-file-input div.form-item-file div.default::before {
      font-family: FontAwesome;
      font-size: 20px;
      content: "\f15b";
      color: #666;
      position: absolute;
      left: 50%;
      top: 28px;
      transform: translateX(-50%);
      width: unset;
      height: unset;
      margin-top: 0; }
  .csv-file-input div.form-type-file {
    width: 100%; }
    .csv-file-input div.form-type-file:hover div.default:after, .csv-file-input div.form-type-file:hover div.default:before {
      color: #888888; }

.ico.user {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23bebebe' d='M399 384.2C376.9 345.8 335.4 320 288 320l-64 0c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z'/></svg>"); }

.ico.usr {
  background-image: url("data:image/svg+xml,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.5 11.0157C10.0242 11.0157 8.76079 10.4764 7.70982 9.39782C6.65884 8.31919 6.13335 7.02254 6.13335 5.50789C6.13335 3.99321 6.65884 2.69656 7.70982 1.61795C8.76079 0.539318 10.0242 0 11.5 0C12.9758 0 14.2392 0.539318 15.2902 1.61795C16.3412 2.69656 16.8666 3.99321 16.8666 5.50789C16.8666 7.02254 16.3412 8.31919 15.2902 9.39782C14.2392 10.4764 12.9758 11.0157 11.5 11.0157ZM0 23V19.5016C0 18.7309 0.203959 18.0172 0.611878 17.3605C1.01977 16.7038 1.56478 16.1989 2.24692 15.8458C3.76257 15.0832 5.29149 14.5112 6.83367 14.1299C8.37585 13.7486 9.93129 13.558 11.5 13.558C13.0687 13.558 14.6241 13.7486 16.1663 14.1299C17.7085 14.5112 19.2374 15.0832 20.7531 15.8458C21.4352 16.1989 21.9802 16.7038 22.3881 17.3605C22.796 18.0172 23 18.7309 23 19.5016V23H0ZM2.29997 20.6395H20.7V19.5016C20.7 19.1828 20.6101 18.8878 20.4302 18.6164C20.2503 18.345 20.0061 18.1236 19.6975 17.9521C18.3764 17.2843 17.0294 16.7784 15.6564 16.4344C14.2834 16.0904 12.8979 15.9184 11.5 15.9184C10.1021 15.9184 8.71658 16.0904 7.34358 16.4344C5.97058 16.7784 4.62356 17.2843 3.30254 17.9521C2.99391 18.1236 2.74966 18.345 2.5698 18.6164C2.38991 18.8878 2.29997 19.1828 2.29997 19.5016V20.6395ZM11.5 8.65527C12.3433 8.65527 13.0653 8.34709 13.6658 7.73073C14.2664 7.11437 14.5667 6.37342 14.5667 5.50789C14.5667 4.64236 14.2664 3.90141 13.6658 3.28505C13.0653 2.66868 12.3433 2.3605 11.5 2.3605C10.6567 2.3605 9.93472 2.66868 9.33416 3.28505C8.7336 3.90141 8.43332 4.64236 8.43332 5.50789C8.43332 6.37342 8.7336 7.11437 9.33416 7.73073C9.93472 8.34709 10.6567 8.65527 11.5 8.65527Z' fill='%233F58D9'/></svg>"); }

.ico.signout.a1 {
  background-image: url("data:image/svg+xml,<svg width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'><path stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 12h-9.5m7.5 3l3-3-3-3m-5-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2h5a2 2 0 002-2v-1'/></svg>"); }

.ico.evolany, .auth_signin::before {
  background-image: url("data:image/svg+xml,<svg width='164' height='72' viewBox='0 0 164 72' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9186 55.9052C14.0927 55.9052 17.309 54.9321 19.3404 53.0706L16.9704 49.6014C15.6585 50.8706 13.2462 51.6322 11.5111 51.6322C8.04085 51.6322 5.96716 49.4745 5.6286 46.8938H20.8216V45.7092C20.8216 39.0247 16.6742 34.4555 10.5801 34.4555C4.35899 34.4555 0 39.2362 0 45.1592C0 51.7168 4.69755 55.9052 10.9186 55.9052ZM15.6162 43.2554H5.54396C5.79788 41.2246 7.23677 38.7285 10.5801 38.7285C14.135 38.7285 15.4892 41.3093 15.6162 43.2554Z' fill='%232C3045'/><path d='M34.9453 55.3975L43.1554 34.9632H37.3576L32.0252 49.1784L26.6929 34.9632H20.9373L29.1474 55.3975H34.9453Z' fill='%232C3045'/><path d='M54.1881 55.9052C60.9594 55.9052 65.0221 50.9976 65.0221 45.1592C65.0221 39.3631 60.9594 34.4555 54.1881 34.4555C47.4592 34.4555 43.3965 39.3631 43.3965 45.1592C43.3965 50.9976 47.4592 55.9052 54.1881 55.9052ZM54.1881 51.1245C50.8448 51.1245 48.9827 48.3745 48.9827 45.1592C48.9827 41.9862 50.8448 39.2362 54.1881 39.2362C57.5314 39.2362 59.4359 41.9862 59.4359 45.1592C59.4359 48.3745 57.5314 51.1245 54.1881 51.1245Z' fill='%232C3045'/><path d='M73.5378 55.3975V27.1787H68.1631V55.3975H73.5378Z' fill='%232C3045'/><path d='M95.6683 55.3975V42.1977C95.6683 36.317 91.3939 34.4555 86.7387 34.4555C83.5224 34.4555 80.306 35.4709 77.8091 37.6708L79.8405 41.2669C81.5756 39.6593 83.607 38.8554 85.8077 38.8554C88.5162 38.8554 90.2936 40.2093 90.2936 42.2823V45.0323C88.9394 43.4246 86.5271 42.5362 83.8186 42.5362C80.56 42.5362 76.7088 44.3554 76.7088 49.1361C76.7088 53.7052 80.56 55.9052 83.8186 55.9052C86.4848 55.9052 88.897 54.9321 90.2936 53.2821V55.3975H95.6683ZM85.977 52.2668C83.8609 52.2668 82.1258 51.1668 82.1258 49.263C82.1258 47.2745 83.8609 46.1746 85.977 46.1746C87.7121 46.1746 89.4049 46.7669 90.2936 47.9515V50.4899C89.4049 51.6745 87.7121 52.2668 85.977 52.2668Z' fill='%232C3045'/><path d='M119.324 55.3975V40.9708C119.324 36.9939 117.166 34.4555 112.68 34.4555C109.336 34.4555 106.84 36.0632 105.528 37.6285V34.9632H100.153V55.3975H105.528V41.6477C106.416 40.4208 108.067 39.2362 110.183 39.2362C112.468 39.2362 113.949 40.2093 113.949 43.0438V55.3975H119.324Z' fill='%232C3045'/><path d='M123.095 63.3935C123.772 63.5627 125.126 63.6897 125.761 63.6897C129.274 63.605 131.982 62.5897 133.506 58.7397L143.112 34.9632H137.314L131.982 49.1784L126.65 34.9632H120.894L129.189 55.6936L128.427 57.4282C127.919 58.5282 126.988 58.909 125.592 58.909C125.084 58.909 124.364 58.782 123.899 58.5705L123.095 63.3935Z' fill='%232C3045'/><path d='M4.78336 69.565C5.80594 69.565 6.6473 69.2277 7.26862 68.6052L6.80263 67.9696C6.31076 68.4755 5.58589 68.7608 4.87397 68.7608C3.52779 68.7608 2.69937 67.7751 2.6217 66.5948H7.68283V66.3484C7.68283 64.4677 6.56964 62.9891 4.67981 62.9891C2.89353 62.9891 1.59912 64.4548 1.59912 66.2706C1.59912 68.229 2.93236 69.565 4.78336 69.565ZM6.72497 65.8815H2.6217C2.67348 64.9217 3.33362 63.7933 4.66686 63.7933C6.09071 63.7933 6.71202 64.9476 6.72497 65.8815Z' fill='%232C3045'/><path d='M12.2453 69.4093L14.8471 63.1448H13.7856L11.7146 68.2809L9.6306 63.1448H8.58214L11.1839 69.4093H12.2453Z' fill='%232C3045'/><path d='M18.8498 69.565C20.7526 69.565 21.9434 68.0864 21.9434 66.2706C21.9434 64.4548 20.7526 62.9891 18.8498 62.9891C16.947 62.9891 15.7562 64.4548 15.7562 66.2706C15.7562 68.0864 16.947 69.565 18.8498 69.565ZM18.8498 68.696C17.5166 68.696 16.7658 67.5546 16.7658 66.2706C16.7658 64.9995 17.5166 63.8581 18.8498 63.8581C20.183 63.8581 20.9209 64.9995 20.9209 66.2706C20.9209 67.5546 20.183 68.696 18.8498 68.696Z' fill='%232C3045'/><path d='M24.7557 69.4093V60.7583H23.7849V69.4093H24.7557Z' fill='%232C3045'/><path d='M32.1417 69.4093V63.1448H31.1709V67.7491C30.8085 68.255 30.0836 68.696 29.3199 68.696C28.4786 68.696 27.922 68.3717 27.922 67.2693V63.1448H26.9512V67.5676C26.9512 68.9294 27.6372 69.565 28.9446 69.565C29.8765 69.565 30.692 69.0721 31.1709 68.5274V69.4093H32.1417Z' fill='%232C3045'/><path d='M35.9186 69.565C36.4881 69.565 36.8376 69.3963 37.0835 69.1629L36.7988 68.4366C36.6693 68.5792 36.4104 68.696 36.1386 68.696C35.7115 68.696 35.5044 68.3587 35.5044 67.8918V64.0008H36.7729V63.1448H35.5044V61.4327H34.5336V63.1448H33.498V64.0008H34.5336V68.0993C34.5336 69.0332 34.9995 69.565 35.9186 69.565Z' fill='%232C3045'/><path d='M38.882 62.2499C39.2445 62.2499 39.5422 61.9645 39.5422 61.6014C39.5422 61.2382 39.2445 60.9399 38.882 60.9399C38.5326 60.9399 38.2348 61.2382 38.2348 61.6014C38.2348 61.9645 38.5326 62.2499 38.882 62.2499ZM39.3739 69.4093V63.1448H38.4031V69.4093H39.3739Z' fill='%232C3045'/><path d='M44.3006 69.565C46.2033 69.565 47.3942 68.0864 47.3942 66.2706C47.3942 64.4548 46.2033 62.9891 44.3006 62.9891C42.3978 62.9891 41.2069 64.4548 41.2069 66.2706C41.2069 68.0864 42.3978 69.565 44.3006 69.565ZM44.3006 68.696C42.9673 68.696 42.2166 67.5546 42.2166 66.2706C42.2166 64.9995 42.9673 63.8581 44.3006 63.8581C45.6338 63.8581 46.3716 64.9995 46.3716 66.2706C46.3716 67.5546 45.6338 68.696 44.3006 68.696Z' fill='%232C3045'/><path d='M54.4262 69.4093V65.0125C54.4262 63.6506 53.7402 62.9891 52.4329 62.9891C51.5009 62.9891 50.6466 63.5339 50.2065 64.0527V63.1448H49.2357V69.4093H50.2065V64.8309C50.5689 64.3251 51.2938 63.8581 52.0575 63.8581C52.8988 63.8581 53.4554 64.2083 53.4554 65.3108V69.4093H54.4262Z' fill='%232C3045'/><path d='M65.0998 69.4093V65.1033C65.0998 63.5858 63.9996 62.9891 62.6793 62.9891C61.6567 62.9891 60.8542 63.3264 60.1811 64.0267L60.6341 64.7012C61.1907 64.1046 61.7991 63.8322 62.5499 63.8322C63.4559 63.8322 64.129 64.3121 64.129 65.1551V66.2835C63.6242 65.6999 62.9123 65.4275 62.058 65.4275C60.9966 65.4275 59.8704 66.089 59.8704 67.4897C59.8704 68.8516 60.9966 69.565 62.058 69.565C62.8993 69.565 63.6113 69.2666 64.129 68.696V69.4093H65.0998ZM62.4075 68.8646C61.5014 68.8646 60.8671 68.2939 60.8671 67.5027C60.8671 66.6986 61.5014 66.1279 62.4075 66.1279C63.0935 66.1279 63.7537 66.3873 64.129 66.9061V68.0864C63.7537 68.6052 63.0935 68.8646 62.4075 68.8646Z' fill='%232C3045'/><path d='M72.4953 69.4093V65.0125C72.4953 63.6506 71.8093 62.9891 70.502 62.9891C69.57 62.9891 68.7157 63.5339 68.2756 64.0527V63.1448H67.3048V69.4093H68.2756V64.8309C68.638 64.3251 69.3629 63.8581 70.1266 63.8581C70.9679 63.8581 71.5245 64.2083 71.5245 65.3108V69.4093H72.4953Z' fill='%232C3045'/><path d='M74.3435 71.8607C74.5247 71.9125 74.8483 71.9514 75.0554 71.9514C75.8839 71.9385 76.5181 71.5883 76.8935 70.6804L80.0259 63.1448H78.9645L76.8935 68.2809L74.8095 63.1448H73.761L76.3757 69.4742L75.9615 70.421C75.7415 70.9398 75.4567 71.0824 75.0295 71.0824C74.8742 71.0824 74.6412 71.0435 74.4988 70.9787L74.3435 71.8607Z' fill='%232C3045'/><path d='M82.8767 69.565C83.4462 69.565 83.7957 69.3963 84.0416 69.1629L83.7569 68.4366C83.6274 68.5792 83.3686 68.696 83.0967 68.696C82.6696 68.696 82.4625 68.3587 82.4625 67.8918V64.0008H83.731V63.1448H82.4625V61.4327H81.4917V63.1448H80.4561V64.0008H81.4917V68.0993C81.4917 69.0332 81.9576 69.565 82.8767 69.565Z' fill='%232C3045'/><path d='M85.8402 62.2499C86.2026 62.2499 86.5003 61.9645 86.5003 61.6014C86.5003 61.2382 86.2026 60.9399 85.8402 60.9399C85.4907 60.9399 85.193 61.2382 85.193 61.6014C85.193 61.9645 85.4907 62.2499 85.8402 62.2499ZM86.332 69.4093V63.1448H85.3612V69.4093H86.332Z' fill='%232C3045'/><path d='M97.0447 69.4093V64.8828C97.0447 63.6247 96.4363 62.9891 95.2972 62.9891C94.3911 62.9891 93.5498 63.5858 93.2003 64.1564C93.0191 63.5079 92.4754 62.9891 91.5175 62.9891C90.5985 62.9891 89.7572 63.6506 89.4983 64.0527V63.1448H88.5275V69.4093H89.4983V64.8309C89.8348 64.3251 90.5079 63.8581 91.1422 63.8581C91.9576 63.8581 92.2942 64.364 92.2942 65.1551V69.4093H93.265V64.8179C93.5886 64.3251 94.2746 63.8581 94.9218 63.8581C95.7244 63.8581 96.0739 64.364 96.0739 65.1551V69.4093H97.0447Z' fill='%232C3045'/><path d='M102.062 69.565C103.085 69.565 103.926 69.2277 104.547 68.6052L104.081 67.9696C103.589 68.4755 102.865 68.7608 102.153 68.7608C100.806 68.7608 99.978 67.7751 99.9003 66.5948H104.961V66.3484C104.961 64.4677 103.848 62.9891 101.958 62.9891C100.172 62.9891 98.8777 64.4548 98.8777 66.2706C98.8777 68.229 100.211 69.565 102.062 69.565ZM104.004 65.8815H99.9003C99.9521 64.9217 100.612 63.7933 101.945 63.7933C103.369 63.7933 103.991 64.9476 104.004 65.8815Z' fill='%232C3045'/><path d='M107.222 69.539C107.61 69.539 107.934 69.2148 107.934 68.8257C107.934 68.4366 107.61 68.1123 107.222 68.1123C106.834 68.1123 106.51 68.4366 106.51 68.8257C106.51 69.2148 106.834 69.539 107.222 69.539Z' fill='%232C3045'/><path fill-rule='evenodd' clip-rule='evenodd' d='M148.849 34.0469C143.197 29.0775 139.132 22.2247 137.724 14.2366C137.074 10.549 137.038 6.89512 137.543 3.38025C146.013 3.01906 153.648 8.97773 155.16 17.5539C156.299 24.0112 153.668 30.2611 148.849 34.0469Z' fill='url(%23paint0_linear_440_255)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M162.911 41.5165C155.682 39.6359 149.252 35.432 144.628 29.6103C146.096 28.4069 147.885 27.5528 149.888 27.1996C156.113 26.102 162.049 30.2585 163.147 36.4834C163.452 38.2161 163.351 39.9266 162.911 41.5165Z' fill='url(%23paint1_linear_440_255)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M154.062 27.2335C152.93 29.8988 151.136 32.2503 148.849 34.0468C147.318 32.7012 145.904 31.2174 144.628 29.6103C146.096 28.4069 147.885 27.5528 149.888 27.1996C151.313 26.9484 152.722 26.9724 154.062 27.2335Z' fill='%23E03D01'/><defs><linearGradient id='paint0_linear_440_255' x1='147.037' y1='18.2326' x2='150.86' y2='4.41115' gradientUnits='userSpaceOnUse'><stop stop-color='%23FF5600'/><stop offset='1' stop-color='%23FF5600' stop-opacity='0.5'/></linearGradient><linearGradient id='paint1_linear_440_255' x1='153.212' y1='34.1124' x2='164.093' y2='36.7591' gradientUnits='userSpaceOnUse'><stop stop-color='%232DC5E7'/><stop offset='1' stop-color='%232DC5E7' stop-opacity='0.5'/></linearGradient></defs></svg>"); }

.ico.trash {
  background-image: url("data:image/svg+xml,<svg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.18207 18.3077C2.61686 18.3077 2.1341 18.1162 1.73381 17.7332C1.33349 17.3502 1.13334 16.8884 1.13334 16.3476V2.58556H0V0.959159H5.09999V0H11.9V0.959159H17V2.58556H15.8667V16.3476C15.8667 16.8953 15.6683 17.3589 15.2717 17.7384C14.875 18.1179 14.3904 18.3077 13.8179 18.3077H3.18207ZM14.1667 2.58556H2.83331V16.3476C2.83331 16.4449 2.86601 16.5249 2.9314 16.5874C2.9968 16.65 3.08035 16.6813 3.18207 16.6813H13.8179C13.9051 16.6813 13.985 16.6465 14.0577 16.577C14.1304 16.5075 14.1667 16.431 14.1667 16.3476V2.58556ZM5.55771 14.5127H7.25769V4.75414H5.55771V14.5127ZM9.74231 14.5127H11.4423V4.75414H9.74231V14.5127Z' fill='%237A7A7A'/></svg>"); }

/* Validation popup styling */
.popup.validation-popup {
  min-width: 400px;
  max-width: 500px; }

.validation-prompt {
  padding: 24px 0;
  text-align: center;
  color: #666666 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.validation-prompt h3 {
  margin: 0 0 16px 0;
  color: #d9534f;
  font-size: 18px;
  font-weight: 600; }

.validation-prompt p {
  margin: 0 0 16px 0;
  color: #333;
  line-height: 1.5; }

.validation-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 24px; }

.validation-buttons .continue-btn {
  color: white; }

.validation-buttons .cancel-btn {
  background: white;
  color: #333;
  border-color: #ddd; }

.validation-buttons .cancel-btn:hover {
  background: #f8f9fa;
  border-color: #999; }

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

.icon::before, table.list-view th.on::before, table.list-view th.sortable::before, .search-bar div.queries::before {
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-button, footer button, footer button.new, footer button.trash, footer button.save, footer button.clone, footer button.a1, footer button.thaw, footer button.gray, button, .ui-dropdown {
  margin-left: 16px;
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
  box-sizing: content-box;
  margin-top: 0;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  background: #FFFFFF;
  color: #666;
  text-decoration: uppercase;
  border: 1px solid #ccc; }
  .ui-button, footer button, footer button.new, footer button.trash, footer button.save, footer button.clone, footer button.a1, footer button.thaw, footer button.gray, button, .ui-dropdown, .ui-button > *, footer button > *, footer button.new > *, footer button.trash > *, footer button.save > *, footer button.clone > *, footer button.a1 > *, footer button.thaw > *, footer button.gray > *, button > *, .ui-dropdown > * {
    vertical-align: middle; }
  .ui-button:hover, footer button.new:hover, footer button.trash:hover, footer button.save:hover, footer button.clone:hover, footer button.a1:hover, footer button.thaw:hover, footer button.gray:hover, button:hover, .ui-dropdown:hover {
    background: #F8F6F5; }
  .ui-button.icon:before, button.icon:before, button.form-item-autocomplete.loading-autocomplete:before, .ui-indicator button#indicator:before, .icon.ui-dropdown:before, .ui-dropdown.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-dropdown.on:before, table.list-view th.ui-dropdown.sortable:before, .ui-indicator .ui-dropdown#indicator:before, .search-bar div.ui-dropdown.queries:before, .ui-button.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-button.on:before, table.list-view th.ui-button.sortable:before, .ui-indicator .ui-button#indicator:before, .search-bar div.ui-button.queries:before {
    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.clone:last-child, footer button.a1:last-child, footer button.thaw:last-child, footer button.gray:last-child, button:last-child, .ui-dropdown:last-child {
    margin-right: 0; }

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

.ui-label-button.icon:before, button.icon.menu:before, button.menu.form-item-autocomplete.loading-autocomplete:before, .ui-indicator button.menu#indicator:before, form .buttons button.icon:before, form .buttons button.form-item-autocomplete.loading-autocomplete:before, form .buttons .ui-indicator button#indicator:before, .ui-indicator form .buttons button#indicator:before, .icon.ui-menu:before, .ui-menu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-menu.on:before, table.list-view th.ui-menu.sortable:before, .ui-indicator .ui-menu#indicator:before, .search-bar div.ui-menu.queries:before, .ui-label-button.form-item-autocomplete.loading-autocomplete:before, .left-pane footer button.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ui-label-button.on:before, table.list-view th.ui-label-button.sortable:before, .ui-indicator .ui-label-button#indicator:before, .ui-indicator .left-pane footer button#indicator:before, .left-pane footer .ui-indicator button#indicator:before, .left-pane footer button.icon:before, .search-bar div.ui-label-button.queries:before {
  text-indent: 6px;
  line-height: 28px; }

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

.flex-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

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

.hidden {
  display: none; }

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

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

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

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

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

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

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

article.view > header {
  padding: 0; }

header {
  position: fixed;
  top: 0;
  right: 0;
  width: inherit;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  border-bottom: 1px solid #D0C9C3;
  padding-left: 16px;
  padding-right: 16px; }
  header .btns {
    margin-left: auto;
    padding-right: 0; }
  header nav.btns {
    align-items: center;
    height: 100%; }
    header nav.btns a {
      display: flex;
      align-items: center;
      justify-content: center;
      user-select: none;
      white-space: nowrap;
      margin: 0;
      padding: 8px 12px;
      box-sizing: border-box;
      min-height: 80%; }
      header nav.btns a.temp-hidden {
        visibility: hidden !important;
        position: absolute !important; }
      header nav.btns a.icon::before {
        position: absolute; }
      header nav.btns a.on {
        font-weight: 500; }
        header nav.btns a.on span {
          width: auto;
          color: #00D6C9;
          border-color: #00D6C9;
          font-weight: 800; }
          header nav.btns a.on span b {
            background-color: #666; }
          header nav.btns a.on span.icon, header nav.btns a.on span.form-item-autocomplete.loading-autocomplete:before, header nav.btns a.on .ui-indicator span#indicator:before, .ui-indicator header nav.btns a.on span#indicator:before {
            border: 0; }
      header nav.btns a span {
        box-sizing: content-box;
        width: auto;
        border-bottom: 2px solid #FFFFFF;
        height: 22px; }
    header nav.btns .spliter {
      margin: 0; }
    header nav.btns .nav-icon-btn {
      padding: 5px;
      min-width: 32px; }
    header nav.btns .icon.dots-v, header nav.btns .dots-v.form-item-autocomplete.loading-autocomplete:before, header nav.btns table.list-view th.dots-v.on, table.list-view header nav.btns th.dots-v.on, header nav.btns table.list-view th.dots-v.sortable, table.list-view header nav.btns th.dots-v.sortable, header nav.btns .ui-indicator .dots-v#indicator:before, .ui-indicator header nav.btns .dots-v#indicator:before, header nav.btns .search-bar div.dots-v.queries, .search-bar header nav.btns div.dots-v.queries {
      cursor: pointer;
      margin-left: 0;
      padding: 0.2rem; }
      header nav.btns .icon.dots-v::before, header nav.btns table.list-view th.dots-v.on::before, table.list-view header nav.btns th.dots-v.on::before, header nav.btns table.list-view th.dots-v.sortable::before, table.list-view header nav.btns th.dots-v.sortable::before, header nav.btns .search-bar div.dots-v.queries::before, .search-bar header nav.btns div.dots-v.queries::before {
        width: 100%;
        height: 100%;
        line-height: normal;
        font-size: 18px; }
    header nav.btns span.icon.dots-v, header nav.btns span.dots-v.form-item-autocomplete.loading-autocomplete:before, header nav.btns .ui-indicator span.dots-v#indicator:before, .ui-indicator header nav.btns span.dots-v#indicator:before {
      margin: 0;
      padding: 0 10px; }
      header nav.btns span.icon.dots-v::before {
        display: flex;
        align-items: center;
        justify-content: center; }
  header a.on b {
    background-color: #00D6C9 !important; }
  header a.badge::after {
    content: '';
    position: absolute;
    top: 8.2px;
    right: 0.2px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #DB234B;
    z-index: 2; }

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

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

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

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

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

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

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

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

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

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

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

span {
  box-sizing: content-box; }

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

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

cite {
  box-sizing: content-box; }

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

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

div {
  position: relative; }

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

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

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

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

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

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

.ui-input, input[type=text], input[type=password], input[type=autocomplete], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=range], input[type=number], textarea {
  -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 {
    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 {
    background-color: #F8F6F5;
    border-color: #D0C9C3;
    text-overflow: ellipsis; }
  .ui-input:placeholder-shown:focus, input:placeholder-shown:focus[type=text], input:placeholder-shown:focus[type=password], input:placeholder-shown:focus[type=autocomplete], input:placeholder-shown:focus[type=email], input:placeholder-shown:focus[type=tel], input:placeholder-shown:focus[type=url], input:placeholder-shown:focus[type=search], input:placeholder-shown:focus[type=date], input:placeholder-shown:focus[type=range], input:placeholder-shown:focus[type=number], textarea:placeholder-shown:focus {
    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, .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, .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, .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 {
    text-overflow: clip clip; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tag, .form-item-autocomplete.multi span {
  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 {
    background-color: #666;
    color: white; }
  .tag.on, .form-item-autocomplete.multi span.on {
    color: white;
    background-color: #FDC73E; }
    .tag.on:hover, .form-item-autocomplete.multi span.on:hover {
      color: white;
      background-color: #FDC73E; }

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

#form-item-autocomplete.inline-options li {
  height: auto !important;
  line-height: 1.4;
  word-break: break-all; }

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

b.form-item-switch {
  width: 70px;
  position: relative;
  height: 40px;
  float: left;
  cursor: hand;
  cursor: pointer; }
  b.form-item-switch:before {
    content: "OFF";
    position: absolute;
    width: 64px;
    height: 24px;
    border-radius: 12px;
    background: #D0C9C3;
    top: 8px;
    left: 2px;
    text-indent: 30px;
    line-height: 24px;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF; }
  b.form-item-switch:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #FFFFFF;
    top: 12px;
    left: 8px;
    z-index: 1;
    box-shadow: 0 0 1px 0 #D0C9C3; }
  b.form-item-switch.on:before {
    content: "ON";
    color: #FFFFFF;
    text-indent: 12px;
    background: #5F5BFF; }
  b.form-item-switch.on:after {
    background: #FFFFFF;
    left: auto;
    right: 8px; }

div.form-item-image,
div.form-item-file {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  background-color: #D0C9C3;
  width: 120px;
  height: 120px; }
  div.form-item-image > div,
  div.form-item-file > div {
    width: 100%;
    height: 100%;
    cursor: pointer; }
  div.form-item-image .default:after,
  div.form-item-file .default:after {
    content: "Upload your file here";
    position: absolute;
    display: block;
    right: 10px;
    left: 10px;
    height: auto;
    bottom: 16px;
    top: auto;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    cursor: hand;
    cursor: pointer; }
  div.form-item-image .default:before,
  div.form-item-file .default:before {
    background-image: url(/images/ico_camera_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    content: "";
    width: 100%;
    height: 100px;
    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: 100px;
      top: 50%;
      margin-top: -50px; }

.form-item-datetime {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .form-item-datetime .label {
    display: none; }

.sel-option {
  padding-left: 24px;
  cursor: pointer;
  line-height: 2rem; }

.panel, .popup {
  margin: 16px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1); }

.flex-edit-section {
  height: 100%; }
  .flex-edit-section .flex-edit-panel {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 4px;
    height: 83%;
    padding: 0.5rem;
    text-align: center !important; }
    .flex-edit-section .flex-edit-panel .layout-select-panel {
      display: flex;
      align-items: center; }
      .flex-edit-section .flex-edit-panel .layout-select-panel h3 {
        padding-left: 1rem;
        padding-right: 1rem; }
      .flex-edit-section .flex-edit-panel .layout-select-panel ul input {
        padding-left: 1rem; }
      .flex-edit-section .flex-edit-panel .layout-select-panel ul label {
        margin-right: 1rem; }
    .flex-edit-section .flex-edit-panel .flex-pop-edit-panel {
      display: flex;
      justify-content: space-between; }
    .flex-edit-section .flex-edit-panel .data-src-panel {
      display: flex;
      align-items: center;
      padding-right: 1rem; }
      .flex-edit-section .flex-edit-panel .data-src-panel select {
        margin-left: 1rem; }
      .flex-edit-section .flex-edit-panel .data-src-panel input {
        width: 20rem; }
    .flex-edit-section .flex-edit-panel .flex-editor-area {
      height: 100%; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul {
      padding: 1rem;
      display: flex; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul label:not(:first-child) {
        margin-left: 1rem; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul label {
        padding-left: 0; }
      .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner ul img {
        width: 15rem;
        height: 18rem;
        padding-top: 1px; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner input {
      position: absolute;
      opacity: 0; }
    .flex-edit-section .flex-edit-panel .flex-templates-select-panel .flex-templates-select-panel-inner .on {
      border: 2px solid #5F5BFF; }
    .flex-edit-section .flex-edit-panel .json-edit-panel {
      height: 100%; }
      .flex-edit-section .flex-edit-panel .json-edit-panel textarea {
        height: 82%;
        width: 97%;
        margin-left: 1rem; }

section.popover {
  width: 380px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px; }
  section.popover h2 {
    color: #FFFFFF;
    text-align: left; }
  section.popover h4 {
    color: rgba(255, 255, 255, 0.7);
    line-height: 22px; }
  section.popover i.icon.close, section.popover i.close.form-item-autocomplete.loading-autocomplete:before, section.popover .ui-indicator i.close#indicator:before, .ui-indicator section.popover i.close#indicator:before {
    top: 12px; }
  section.popover p, section.popover label, section.popover span:not(.autocomplete-select) {
    color: rgba(255, 255, 255, 0.7); }
  section.popover span.autocomplete-select {
    color: #000; }
  section.popover p b {
    color: #5F5BFF;
    white-space: nowrap;
    text-decoration: underline;
    cursor: pointer; }
  section.popover footer {
    text-align: center;
    background: transparent; }
    section.popover footer button {
      border: 0;
      background: #666;
      color: #FFFFFF;
      font-weight: normal; }
    section.popover footer button:hover {
      background-color: rgba(0, 0, 0, 0.1) !important; }
  section.popover form {
    background-color: transparent;
    padding-top: 6px;
    padding-bottom: 6px; }
    section.popover form .ui-dropdown {
      width: 80%;
      box-sizing: border-box; }
      section.popover form .ui-dropdown label {
        color: #666; }
    section.popover form textarea, section.popover form input[type=text], section.popover form input[type=password], section.popover form input[type=email], section.popover form input[type=url], section.popover form input[type=tel], section.popover form .ui-dropdown {
      width: calc(100% - 24px);
      max-width: 100%; }
  section.popover:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 10px solid transparent; }
  section.popover.top:after {
    bottom: -20px;
    right: 20px;
    border-top-color: #222; }
  section.popover.right:after {
    top: 16px;
    left: -20px;
    border-right-color: #222; }
  section.popover.left:after {
    top: 16px;
    right: -20px;
    border-left-color: #222; }
  section.popover.bottom:after {
    left: 20px;
    top: -20px;
    border-bottom-color: #222; }
  section.popover.bottom.arrow-right:after {
    left: auto;
    right: 20px;
    top: -20px;
    border-bottom-color: #222; }
  section.popover.chatf-top:after {
    bottom: -20px;
    left: 20px;
    border-top-color: #222; }
  section.popover header {
    width: auto;
    min-width: auto;
    background: #222;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0; }

section.popover {
  background-color: rgba(0, 0, 0, 0.7); }
  section.popover.popup-dt-picker i.icon.close, section.popover.popup-dt-picker i.close.form-item-autocomplete.loading-autocomplete:before, section.popover.popup-dt-picker .ui-indicator i.close#indicator:before, .ui-indicator section.popover.popup-dt-picker i.close#indicator:before {
    display: none; }

section.popover.vars header ul li.on {
  color: #00D6C9;
  font-weight: 800;
  border-bottom: 2px solid #00D6C9; }

section.popover.widgets {
  background-color: rgba(0, 0, 0, 0.7); }
  section.popover.widgets.right {
    margin-left: 24px  !important;
    padding-left: 8px !important; }
  section.popover.widgets.pop-inline li.icon, section.popover.widgets.pop-inline li.form-item-autocomplete.loading-autocomplete:before, section.popover.widgets.pop-inline .ui-indicator li#indicator:before, .ui-indicator section.popover.widgets.pop-inline li#indicator:before {
    text-indent: 24px; }
  section.popover.widgets.right:after {
    top: 20px;
    left: -20px;
    border-right-color: rgba(0, 0, 0, 0.9); }

section.popover.white {
  background: white; }
  section.popover.white * {
    color: #666; }
  section.popover.white h2 {
    color: #FFFFFF; }
  section.popover.white label, section.popover.white span {
    color: #999; }
  section.popover.white header {
    border-bottom: 1px solid #D0C9C3; }
  section.popover.white footer {
    background: transparent; }
  section.popover.white.left:after {
    border-left-color: #FFFFFF; }
  section.popover.white.right:after {
    border-right-color: #FFFFFF; }
  section.popover.white.top:after {
    border-top-color: #FFFFFF; }
  section.popover.white.bottom:after {
    border-bottom-color: #FFFFFF; }
  section.popover.white .submenus li {
    height: 44px;
    border-bottom: 1px solid #D0C9C3;
    cursor: pointer;
    overflow: hidden; }
    section.popover.white .submenus li a {
      width: 100%;
      height: 100%;
      padding-left: 16px;
      line-height: normal;
      display: flex;
      align-items: center;
      overflow: hidden; }
      section.popover.white .submenus li a:hover {
        background-color: #D8D8D8; }
      section.popover.white .submenus li a.on {
        color: #00D6C9; }
      section.popover.white .submenus li a b {
        margin-left: 4px;
        background-color: #5F5BFF;
        color: #FFFFFF;
        padding-left: 8px;
        padding-right: 8px;
        height: 16px;
        line-height: 16px;
        border-radius: 8px;
        font-size: 12px; }
  section.popover.white .submenus li:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }
  section.popover.white .submenus li:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }

section.popover #calendar {
  height: auto;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px; }
  section.popover #calendar table {
    width: 240px;
    margin: auto; }
    section.popover #calendar table u {
      height: 40px;
      line-height: 40px; }
  section.popover #calendar tr:nth-child(1) {
    height: 30px; }
  section.popover #calendar th {
    color: #EBF0FF; }
  section.popover #calendar th > u {
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #999; }
  section.popover #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 {
      background-color: #666;
      color: #FFFFFF; }
  section.popover #calendar th > b:before {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    padding-left: 6px !important; }
  section.popover #calendar th > b.right {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 8px;
    top: 12px;
    border-radius: 8px; }
  section.popover #calendar th > b.left {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: 12px;
    border-radius: 8px; }
  section.popover #calendar th > b.right:before {
    content: ""; }
  section.popover #calendar th > b.left:before {
    content: ""; }
  section.popover #calendar th > b.cross {
    display: none; }
  section.popover #calendar th:nth-child(7) {
    color: #839BFB; }
  section.popover #calendar th:nth-child(8) {
    color: #DB234B; }
  section.popover #calendar th:first-child {
    width: 10px; }
  section.popover #calendar th:last-child {
    width: 10px; }
  section.popover #calendar td {
    cursor: pointer;
    border-radius: 5px;
    color: #999;
    font-size: 0.8rem;
    text-align: center; }
  section.popover #calendar td:hover {
    background-color: #666;
    color: white; }
  section.popover #calendar td.space {
    cursor: default; }
  section.popover #calendar td.space:hover {
    background-color: transparent; }

section.popover .dt-piker-form {
  padding-bottom: 0px; }
  section.popover .dt-piker-form .dt-piker-time {
    margin: 10px 22px 3px 22px; }
  section.popover .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 {
      /*border-radius:4px;line-height:24px;color:$c_w;*/ }

.dt-picker-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: 180px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #D0C9C3;
  background-color: #FFFFFF; }
  .dt-picker-box.focus {
    border: 1px solid #5F5BFF;
    outline: 0;
    background: #FFFFFF;
    color: #222; }
  .dt-picker-box > label, .dt-picker-box > input {
    flex: 1;
    height: 100%;
    padding: 0px 10px;
    line-height: 30px;
    border: 0px; }
    .dt-picker-box > label:focus, .dt-picker-box > input:focus {
      border: 0px;
      border-color: transparent; }
  .dt-picker-box > label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    background-color: transparent; }
  .dt-picker-box .btn-picker {
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    padding: 0px !important;
    flex-shrink: 0; }
    .dt-picker-box .btn-picker:before {
      cursor: pointer;
      line-height: 28px;
      display: block;
      position: relative;
      padding: 0px !important;
      text-align: center; }

.popup {
  margin: auto;
  min-width: 360px;
  max-width: calc(100vw - 7.2rem);
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.7); }
  .popup * {
    color: white; }
  .popup p.popup-text {
    margin: 24px 24px 8px;
    padding: 0; }
  .popup #bot_name_to_delete {
    margin-top: 8px;
    margin-bottom: 16px; }
  .popup input, .popup textarea {
    color: #666; }
  .popup h2 {
    height: 48px;
    line-height: 48px;
    text-align: left;
    padding-left: 16px; }
  .popup header {
    text-align: left;
    padding-left: 16px; }
  .popup:not(.white):not(.user-editor-frame):not(.gact-editor) .close {
    background-image: url(/images/ico_close_no_bg.svg?v=1); }
  .popup footer {
    justify-content: flex-end;
    background: transparent;
    margin-top: 0;
    border-color: transparent;
    position: relative; }
    .popup footer button {
      color: #FFFFFF;
      background-color: #666;
      border: 0; }
      .popup footer button:disabled {
        opacity: 0.5; }
        .popup footer button:disabled:hover {
          cursor: default; }
      .popup footer button:hover {
        background-color: #666; }
      .popup footer button.red {
        background-color: #DB234B; }
  .popup form label.on {
    color: white; }
  .popup form textarea, .popup form input[type=text], .popup form input[type=password], .popup form input[type=email], .popup form input[type=url], .popup form input[type=tel], .popup form form[type=search], .popup form .form-item-autocomplete, .popup form .ui-dropdown {
    color: #222; }
  .popup.popup-confirm {
    transform: translateY(-100px); }
    .popup.popup-confirm * {
      color: white; }
    .popup.popup-confirm header {
      border-color: #999; }
    .popup.popup-confirm .light {
      background-color: transparent;
      color: #FFFFFF;
      border-color: transparent; }
    .popup.popup-confirm textarea {
      background: rgba(255, 255, 255, 0.1);
      width: 360px;
      margin: auto; }
    .popup.popup-confirm input[type=checkbox] + span {
      margin-left: 16px;
      display: inline-block;
      transform: translateY(-2px) !important; }
  .popup.white {
    width: 960px;
    background-color: white; }
    .popup.white * {
      color: #666; }
    .popup.white .catalogs {
      overflow-x: auto; }
    .popup.white div.form-type-checkbox, .popup.white div.form-type-radio {
      flex-direction: row;
      flex-wrap: wrap; }
    .popup.white header h2 {
      border-bottom: 0;
      padding-left: 0; }
    .popup.white .ui-tab-menu {
      width: 180px; }
    .popup.white .tab-container {
      display: flex;
      flex-direction: column; }
      .popup.white .tab-container section.contents {
        flex: 1; }
      .popup.white .tab-container table.list-view {
        width: 100%;
        margin: 0;
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid #D0C9C3; }
    .popup.white form {
      padding-left: 24px;
      padding-right: 24px; }
      .popup.white form label.on {
        color: #666; }
      .popup.white form h4 {
        min-width: 180px; }
    .popup.white footer {
      border-top: 1px solid #D0C9C3;
      background: #F8F6F5; }
      .popup.white footer button {
        background: #FFFFFF;
        border: 1px solid #D0C9C3; }
      .popup.white footer button:hover {
        background: #F8F6F5; }
      .popup.white footer button.payment {
        background-color: #5F5BFF;
        color: white;
        border: 0; }
    .popup.white section.service-notification-section {
      max-height: calc(100vh - 10rem);
      overflow-y: scroll; }
  .popup.white.form {
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: none; }
    .popup.white.form > section {
      flex: 1;
      overflow-y: auto; }
    .popup.white.form li > dl dd:first-child {
      width: 180px; }
  .popup-white.white {
    border-radius: 6px; }
    .popup-white.white header {
      padding: 0px;
      display: flex;
      align-items: stretch;
      justify-content: flex-start; }
      .popup-white.white header nav {
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex: 1; }
        .popup-white.white 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 {
            margin-left: 0px; }
          .popup-white.white 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 {
            color: #5F5BFF;
            border-bottom: 1px solid #5F5BFF; }
        .popup-white.white header nav i.close.icon, .popup-white.white header nav i.close.form-item-autocomplete.loading-autocomplete:before, .popup-white.white header nav .ui-indicator i.close#indicator:before, .ui-indicator .popup-white.white header nav i.close#indicator:before {
          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 {
      font-weight: normal; }
      .popup-white.white .body dl.pick.tabmenu {
        width: unset;
        margin: 0; }
        .popup-white.white .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 {
            color: #fff; }
      .popup-white.white .body form input.ipt {
        width: 100%; }
      .popup-white.white .body form > div {
        padding-bottom: 1rem; }
      .popup-white.white .body form .cell .hbox {
        width: 95%; }
    .popup-white.white footer {
      background-color: #fff; }
      .popup-white.white footer .trash {
        color: #fff;
        background-color: #666; }
        .popup-white.white footer .trash:hover {
          background-color: #666; }
  .popup li.storeid * {
    color: #222; }

#payment-form form {
  width: auto;
  margin: auto;
  text-align: center; }
  #payment-form form #card-element {
    border: 1px solid #ccc; }

#payment-form label {
  height: 40px;
  line-height: 40px; }

#payment-form div.form-row {
  padding: 4px 60px 24px 60px;
  width: 540px;
  margin: auto; }

.expire-alert {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 16px 0 16px;
  margin: auto;
  margin-left: 16px;
  background-color: rgba(235, 82, 108, 0.1);
  border-radius: 4px; }
  .expire-alert a {
    color: #222;
    padding-left: 8px; }

h1.header-bot-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px; }

article#mask.form-mask {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto; }
  article#mask.form-mask section.popup.white {
    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 {
      height: 48px;
      background: white; }
    article#mask.form-mask section.popup.white section.body {
      margin: auto;
      flex: 1;
      width: 100%; }
      article#mask.form-mask section.popup.white section.body form {
        width: 100%;
        overflow-y: auto; }
        article#mask.form-mask section.popup.white section.body form ul {
          width: 800px;
          margin: auto; }
        article#mask.form-mask section.popup.white section.body form h4 {
          width: 220px; }
      article#mask.form-mask section.popup.white 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 {
        width: 160px; }
      article#mask.form-mask section.popup.white section.body .tab-container form li.form-item-multiple > dl > dd:first-child {
        width: 160px; }
  article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents {
    overflow: scroll; }
    article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view {
      width: 820px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=number], article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=text] {
        text-align: center; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[type=number] {
        min-width: 100px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view td input[name=title] {
        min-width: 150px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view th.none {
        padding-left: 16px !important; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view th[key="memo"] {
        min-width: 999px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view th[key="direction"] {
        min-width: 432px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view th[key="fee"] {
        min-width: 200px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-start_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-end_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-entry_t,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-deadline_t {
        min-width: 165px; }
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-linkto,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-place,
      article#mask.form-mask .event_edit_view.popup .body .tab-container section.programs.contents table.list-view .form-item-category {
        min-width: 150px; }

.popup.white.tutorials {
  padding-bottom: 16px;
  padding-top: 16px; }
  .popup.white.tutorials 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 {
    font-size: 14px;
    text-align: center;
    color: #222; }
  .popup.white.tutorials div.buttons {
    padding-top: 12px;
    padding-bottom: 12px; }
    .popup.white.tutorials div.buttons button.main {
      background-color: #5F5BFF;
      color: #FFFFFF; }
  .popup.white.tutorials button {
    color: #222; }
  .popup.white.tutorials:has(.tutorial-scroll-inner) {
    max-height: 90vh;
    overflow-y: auto; }
    .popup.white.tutorials:has(.tutorial-scroll-inner) img.fit-image {
      max-width: 880px;
      max-height: 50vh; }

section.window {
  width: 80vw;
  height: 80vh;
  margin: 10vh 10vw 10vh 10vw;
  background-color: #FFFFFF;
  border: 1px solid #D0C9C3;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden; }
  section.window header {
    height: 48px;
    text-align: left; }
    section.window header h2 {
      line-height: 48px; }
  section.window section {
    flex: 1;
    overflow-y: auto;
    position: relative; }
  section.window footer {
    background-color: #999;
    color: rgba(255, 255, 255, 0.9);
    height: 48px;
    text-align: center; }
  section.window table {
    margin: auto; }
    section.window table input[type=text], section.window table input[type=number] {
      width: 100%; }

dl.ui-tab-menu {
  height: inherit;
  line-height: inherit;
  width: inherit;
  justify-content: center;
  padding: 0;
  align-items: center;
  width: auto;
  height: 32px;
  line-height: 32px;
  color: #999; }
  dl.ui-tab-menu dd {
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    border-bottom: 2px solid #FFFFFF;
    color: inherit;
    text-transform: uppercase;
    font-weight: 400; }
  dl.ui-tab-menu dd.on {
    color: #00D6C9;
    font-weight: 800; }
  dl.ui-tab-menu dd.on:before {
    background-color: transparent !important; }
  dl.ui-tab-menu.vertical {
    flex-direction: column;
    width: 240px;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    border-right: 1px solid #D0C9C3; }
    dl.ui-tab-menu.vertical dd {
      height: 48px;
      line-height: 48px;
      border: 0;
      border-bottom: 1px solid #D0C9C3;
      border-radius: 0;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
      padding-left: 16px; }
    dl.ui-tab-menu.vertical dd.on {
      border-radius: 0; }
  dl.ui-tab-menu dd.on:after {
    font-weight: 400; }

.exts dl.ui-tab-menu dd[name=elgana] {
  text-transform: lowercase; }

dl.ui-tab-menu.vertical + .tab-container {
  flex: 1;
  display: flex;
  position: relative;
  overflow-y: auto;
  height: 100%;
  flex-direction: column; }
  dl.ui-tab-menu.vertical + .tab-container form {
    height: calc( 100% - 48px); }
    dl.ui-tab-menu.vertical + .tab-container form h4 {
      width: 180px; }

.ui-slider {
  width: 100%;
  height: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .ui-slider ul.images {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    flex: 1;
    justify-content: flex-start;
    padding: 0 !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    box-sizing: content-box; }
    .ui-slider ul.images li {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s; }
  .ui-slider .pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 16px;
    padding-top: 4px; }
    .ui-slider .pages span {
      flex: 1;
      height: 4px;
      display: block;
      background-color: #F8F6F5;
      cursor: pointer; }
    .ui-slider .pages span.on {
      background-color: #5F5BFF; }
  .ui-slider.inner .pages {
    position: absolute;
    justify-content: center;
    bottom: 4px;
    top: auto; }
    .ui-slider.inner .pages span {
      flex: auto;
      width: 8px;
      max-width: 8px;
      height: 8px;
      font-size: 0;
      display: block;
      margin: 4px; }

.popup.ui-colorpicker {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  width: 624px !important;
  height: 284px;
  box-sizing: border-box; }
  .popup.ui-colorpicker > section {
    padding: 20px 60px 20px 60px;
    margin: 0; }
  .popup.ui-colorpicker dl {
    flex-direction: column;
    display: inline-block; }
  .popup.ui-colorpicker dd {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .popup.ui-colorpicker dd:hover {
      transition-duration: 0.1s;
      transform: scale(1.2, 1.2);
      border-color: white; }
  .popup.ui-colorpicker dd.transparent {
    background-color: #FFFFFF !important;
    background-image: url(/images/ico-transparent.svg);
    background-size: 80% 80%;
    background-position: 50% 50%;
    border: 1px solid #D0C9C3; }
  .popup.ui-colorpicker dt {
    min-height: 48px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-items: center; }

.popup.ui-iconpicker {
  padding: 3rem;
  width: max-content; }
  .popup.ui-iconpicker section {
    width: max-content; }
    .popup.ui-iconpicker section div {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      max-height: 60vh;
      overflow-y: auto;
      width: max-content;
      margin: 2rem; }
      .popup.ui-iconpicker section div dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex: 1 0 auto;
        margin: 2rem 1rem;
        cursor: pointer; }
        .popup.ui-iconpicker section div dd .samples {
          font-family: 'Material Icons';
          font-size: 3rem;
          margin-bottom: 1rem; }
        .popup.ui-iconpicker section div dd span {
          pointer-events: none; }

.fa, section.popover #calendar th > b:before, .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before, .vip:after {
  font-family: "FontAwesome" !important; }

.list-frame {
  padding: 0;
  padding-bottom: auto;
  display: flex;
  flex-direction: column;
  width: inherit;
  justify-content: space-around;
  height: inherit;
  flex: 1;
  overflow-x: auto; }

.list-view-pop-inline {
  width: 600px; }
  .list-view-pop-inline ul {
    padding-top: 0px;
    margin-left: 12px;
    padding-bottom: 8px; }
  .list-view-pop-inline.tags-popup ul {
    margin: 8px 16px 0; }
    .list-view-pop-inline.tags-popup ul li {
      padding-bottom: 0; }
    .list-view-pop-inline.tags-popup ul .form-type-autocomplete .form-item-autocomplete {
      max-height: 240px;
      overflow: auto;
      width: 100%; }
      .list-view-pop-inline.tags-popup ul .form-type-autocomplete .form-item-autocomplete.hidden-scroll {
        overflow: hidden; }

/*list view*/
table.list-view {
  width: calc(100% - 64px);
  margin: 16px 32px auto 32px;
  background: #FFFFFF;
  min-height: 48px;
  border-collapse: collapse;
  padding-top: 0;
  /*pages row*/ }
  table.list-view.empty {
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    border-bottom: 0; }
    table.list-view.empty h2 {
      text-align: center;
      color: #999; }
  table.list-view tr {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #D0C9C3;
    position: relative; }
  table.list-view tr:hover {
    background-color: #F8F6F5; }
  table.list-view tr:first-child {
    height: 40px;
    line-height: 40px; }
  table.list-view tr:first-child:hover {
    background-color: transparent; }
  table.list-view tr:last-child {
    border-bottom: 0; }
  table.list-view tr:last-child td {
    height: 40px;
    line-height: 40px; }
  table.list-view .broadcasted td:not(:last-child) {
    cursor: initial; }
  table.list-view th {
    font-weight: 700;
    color: #222;
    font-size: 12px;
    position: relative;
    padding-left: 16px !important;
    padding-right: 16px !important;
    cursor: hand;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
    text-align: left; }
  table.list-view th:first-child {
    padding-left: 4px !important; }
  table.list-view th.list-view-checkbox {
    padding-left: 16px; }
  table.list-view th.none {
    cursor: default;
    padding-left: 12px; }
  table.list-view th.none:first-child {
    padding-left: 16px; }
  table.list-view th:before {
    padding-left: 0; }
  table.list-view th.none {
    padding-left: 0 !important; }
  table.list-view th.on, table.list-view th.sortable {
    background-color: transparent !important;
    text-indent: 0 !important; }
  table.list-view th.sortable:first-child, table.list-view th.asc:first-child, table.list-view th.desc:first-child {
    padding-left: 16px !important; }
  table.list-view th.sortable:before {
    color: #D0C9C3;
    content: "" !important; }
  table.list-view td {
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
    padding-right: 12px;
    text-align: left;
    position: relative;
    font-size: 12px;
    cursor: pointer; }
    table.list-view td i {
      top: 1px; }
    table.list-view td button {
      height: 16px;
      line-height: 16px;
      border-radius: 8px;
      font-size: 10px;
      padding-left: 8px;
      padding-right: 8px;
      background-color: #ccc;
      border: 0; }
    table.list-view td.buttons {
      min-width: max-content; }
      table.list-view td.buttons i {
        width: 28px;
        height: 100%;
        position: relative; }
      table.list-view td.buttons i:before {
        width: 28px;
        height: 100%;
        position: relative; }
      table.list-view td.buttons .frame {
        /* btn frame fro tags ...*/
        display: flex;
        flex-direction: row;
        min-width: max-content; }
    table.list-view td i.icon, table.list-view td i.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i#indicator:before, .ui-indicator table.list-view td i#indicator:before {
      position: relative;
      text-indent: 0; }
      table.list-view td i.icon:before, table.list-view td i.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i#indicator:before, .ui-indicator table.list-view td i#indicator:before {
        width: 20px;
        height: 100%;
        line-height: 24px; }
      table.list-view td i.icon.noclick, table.list-view td i.noclick.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.noclick#indicator:before, .ui-indicator table.list-view td i.noclick#indicator:before {
        cursor: initial; }
      table.list-view td i.icon.store_id, table.list-view td i.store_id.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.store_id#indicator:before, .ui-indicator table.list-view td i.store_id#indicator:before {
        text-align: center;
        width: 20px; }
    table.list-view td .icons {
      line-height: 22px;
      display: flex;
      flex-direction: row;
      margin-left: 16px; }
    table.list-view td .icon.on:before, table.list-view td .on.form-item-autocomplete.loading-autocomplete:before, table.list-view td th.on:before, table.list-view td th.on.sortable:before, table.list-view td .ui-indicator .on#indicator:before, .ui-indicator table.list-view td .on#indicator:before, table.list-view td .search-bar div.on.queries:before, .search-bar table.list-view td div.on.queries:before {
      color: #FDC73E !important; }
    table.list-view td i.icon.status, table.list-view td i.status.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.status#indicator:before, .ui-indicator table.list-view td i.status#indicator:before {
      line-height: unset;
      font-size: 20px; }
    table.list-view td i.icon.miniapp, table.list-view td i.miniapp.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.miniapp#indicator:before, .ui-indicator table.list-view td i.miniapp#indicator:before {
      line-height: unset;
      top: -1px; }
    table.list-view td i.icon.status::after, table.list-view td i.icon.miniapp::after {
      font-family: 'Poppins';
      -webkit-font-smoothing: initial; }
    table.list-view td i.icon.on, table.list-view td i.on.form-item-autocomplete.loading-autocomplete:before, table.list-view td .ui-indicator i.on#indicator:before, .ui-indicator table.list-view td i.on#indicator:before {
      color: #DB234B; }
    table.list-view td dl.assignment {
      padding-left: 0px;
      margin-left: 0px;
      align-items: center; }
      table.list-view td dl.assignment dd {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 50%;
        padding: 0;
        margin-right: 2px; }
  table.list-view td:first-child {
    padding-left: 0px; }
  table.list-view td:last-child {
    padding-right: 0px !important; }

.pagination {
  padding-left: 24px;
  padding-right: 24px;
  justify-content: flex-start; }
  .pagination .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

.list-view-pages {
  display: flex;
  margin: auto;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  align-items: center;
  margin-left: 0;
  margin-right: auto; }
  .list-view-pages dd {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0 !important;
    cursor: hand;
    cursor: pointer;
    font-size: 11px; }
  .list-view-pages dd.on {
    border-radius: 16px;
    background: #222;
    color: #FFFFFF; }
  .list-view-pages dd.prev {
    margin-right: 48px; }
  .list-view-pages dd.next {
    margin-left: 48px; }
  .list-view-pages dd.page-input {
    width: 70px !important; }
    .list-view-pages dd.page-input input {
      width: 70px;
      -moz-appearance: textfield; }
      .list-view-pages dd.page-input input::-webkit-inner-spin-button, .list-view-pages dd.page-input input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .list-view-pages dd.page-input::before {
      content: attr(data-before);
      position: absolute;
      top: -26px;
      width: max-content; }
  .list-view-pages dd.page-prepage.disabled, .list-view-pages dd.page-nextpage.disabled {
    opacity: 0.5; }

.list-view-checkbox {
  cursor: hand;
  cursor: pointer;
  width: 32px !important;
  text-align: left; }
  .list-view-checkbox label {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px; }
  .list-view-checkbox input[type=checkbox] {
    margin-top: 9px; }

table.spreadsheet-view {
  border-bottom: 1px solid #D0C9C3;
  margin-top: 0; }
  table.spreadsheet-view p {
    padding: 0;
    display: none; }
  table.spreadsheet-view tr:first-child {
    border-top: 1px solid #D0C9C3; }
  table.spreadsheet-view th {
    border-left: 1px solid #D0C9C3;
    text-align: center; }
  table.spreadsheet-view th:first-child {
    border-left: 0; }
  table.spreadsheet-view td:hover textarea, table.spreadsheet-view td:hover input[type=text], table.spreadsheet-view td:hover input[type=password], table.spreadsheet-view td:hover input[type=email], table.spreadsheet-view td:hover input[type=url], table.spreadsheet-view td:hover input[type=tel], table.spreadsheet-view td:hover[type=search], table.spreadsheet-view td:hover input[type=date], table.spreadsheet-view td:hover input[type=number], table.spreadsheet-view td:hover .form-item-autocomplete, table.spreadsheet-view td:hover .ui-dropdown, table.spreadsheet-view td:hover .ui-dropdown.on, table.spreadsheet-view td:hover .ui-dropdown:hover, table.spreadsheet-view td:hover .ui-dropdown.on:hover {
    background-color: transparent !important;
    background: transparent !important; }
  table.spreadsheet-view td {
    padding: 0;
    border-left: 1px solid #D0C9C3; }
    table.spreadsheet-view td textarea, table.spreadsheet-view td input[type=text], table.spreadsheet-view td input[type=password], table.spreadsheet-view td input[type=email], table.spreadsheet-view td input[type=url], table.spreadsheet-view td input[type=tel], table.spreadsheet-view td[type=search], table.spreadsheet-view td input[type=date], table.spreadsheet-view td input[type=number], table.spreadsheet-view td .form-item-autocomplete {
      background: transparent;
      border: 0;
      border-radius: 0;
      width: inherit;
      box-shadow: none;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      height: 40px;
      line-height: 40px; }
      table.spreadsheet-view td textarea:focus, table.spreadsheet-view td input[type=text]:focus, table.spreadsheet-view td input[type=password]:focus, table.spreadsheet-view td input[type=email]:focus, table.spreadsheet-view td input[type=url]:focus, table.spreadsheet-view td input[type=tel]:focus, table.spreadsheet-view td[type=search]:focus, table.spreadsheet-view td input[type=date]:focus, table.spreadsheet-view td input[type=number]:focus, table.spreadsheet-view td .form-item-autocomplete:focus {
        background: white; }
    table.spreadsheet-view td input[type=date] {
      width: 100%;
      padding-left: 8px; }
    table.spreadsheet-view td input[type=number] {
      min-width: 32px;
      width: 48px; }
    table.spreadsheet-view td[type=select] {
      width: 1%; }
    table.spreadsheet-view td .ui-dropdown {
      max-width: 200px;
      border: 0;
      margin-right: 0;
      background: transparent !important;
      background-color: transparent !important;
      margin-top: 0;
      width: 100%;
      height: 40px;
      line-height: 40px; }
    table.spreadsheet-view td .form-item-autocomplete {
      margin-top: 0;
      margin-bottom: 0; }
      table.spreadsheet-view td .form-item-autocomplete input[type=text] {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 12px; }
  table.spreadsheet-view td.dt-text :first-child {
    display: flex; }
    table.spreadsheet-view td.dt-text :first-child input {
      width: calc(100% - $i_w); }
    table.spreadsheet-view td.dt-text :first-child .icon.calendar, table.spreadsheet-view td.dt-text :first-child .calendar.form-item-autocomplete.loading-autocomplete:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.on, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.on, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.sortable, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.sortable, table.spreadsheet-view td.dt-text :first-child .ui-indicator .calendar#indicator:before, .ui-indicator table.spreadsheet-view td.dt-text :first-child .calendar#indicator:before, table.spreadsheet-view td.dt-text :first-child .search-bar div.calendar.queries, .search-bar table.spreadsheet-view td.dt-text :first-child div.calendar.queries {
      width: 32px; }
      table.spreadsheet-view td.dt-text :first-child .icon.calendar:before, table.spreadsheet-view td.dt-text :first-child .calendar.form-item-autocomplete.loading-autocomplete:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.on:before, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.on:before, table.spreadsheet-view td.dt-text :first-child table.list-view th.calendar.sortable:before, table.list-view table.spreadsheet-view td.dt-text :first-child th.calendar.sortable:before, table.spreadsheet-view td.dt-text :first-child .ui-indicator .calendar#indicator:before, .ui-indicator table.spreadsheet-view td.dt-text :first-child .calendar#indicator:before, table.spreadsheet-view td.dt-text :first-child .search-bar div.calendar.queries:before, .search-bar table.spreadsheet-view td.dt-text :first-child div.calendar.queries:before {
        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 {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */ }

div.switch {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  background-color: #666; }
  div.switch > * {
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    cursor: pointer; }
    div.switch > *.on {
      background-color: #00D6C9;
      flex: 1;
      color: #FFFFFF;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); }

@keyframes show-forms {
  0% {
    right: -420px; }
  100% {
    right: 0; } }

.icon, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on, table.list-view th.sortable, .ui-indicator #indicator:before, .search-bar div.queries {
  text-indent: 18px; }
  .icon:before, .form-item-autocomplete.loading-autocomplete:before, table.list-view th.on:before, table.list-view th.sortable:before, .ui-indicator #indicator:before, .search-bar div.queries:before {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    text-indent: 0px; }
  .icon.back:before, .back.form-item-autocomplete.loading-autocomplete:before, table.list-view th.back.on:before, table.list-view th.back.sortable:before, .ui-indicator .back#indicator:before, .search-bar div.back.queries:before {
    content: ""; }
  .icon.dashboard:before, .dashboard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dashboard.on:before, table.list-view th.dashboard.sortable:before, .ui-indicator .dashboard#indicator:before, .search-bar div.dashboard.queries:before {
    content: ""; }
  .icon.barchart:before, .barchart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.barchart.on:before, table.list-view th.barchart.sortable:before, .ui-indicator .barchart#indicator:before, .search-bar div.barchart.queries:before {
    content: ""; }
  .icon.piechart:before, .piechart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.piechart.on:before, table.list-view th.piechart.sortable:before, .ui-indicator .piechart#indicator:before, .search-bar div.piechart.queries:before {
    content: '';
    background-image: url(/images/pie-chart.svg);
    width: 16px;
    background-position: right 50%; }
  .icon.percentchart:before, .percentchart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.percentchart.on:before, table.list-view th.percentchart.sortable:before, .ui-indicator .percentchart#indicator:before, .search-bar div.percentchart.queries:before {
    content: '';
    background-image: url(/images/percent-chart.svg);
    width: 16px;
    background-position: right 50%; }
  .icon.comment-slash:before, .comment-slash.form-item-autocomplete.loading-autocomplete:before, table.list-view th.comment-slash.on:before, table.list-view th.comment-slash.sortable:before, .ui-indicator .comment-slash#indicator:before, .search-bar div.comment-slash.queries:before {
    content: url(/images/comment_slash.svg);
    fill: #666;
    top: 1px;
    left: -1px; }
  .icon.import:before, .import.form-item-autocomplete.loading-autocomplete:before, table.list-view th.import.on:before, table.list-view th.import.sortable:before, .ui-indicator .import#indicator:before, .search-bar div.import.queries:before {
    content: ""; }
  .icon.export:before, .export.form-item-autocomplete.loading-autocomplete:before, table.list-view th.export.on:before, table.list-view th.export.sortable:before, .ui-indicator .export#indicator:before, .search-bar div.export.queries:before {
    content: ""; }
  .icon.export.dashboard-export-icon:before, .export.dashboard-export-icon.form-item-autocomplete.loading-autocomplete:before, table.list-view th.export.dashboard-export-icon.on:before, table.list-view th.export.dashboard-export-icon.sortable:before, .ui-indicator .export.dashboard-export-icon#indicator:before, .search-bar div.export.dashboard-export-icon.queries:before {
    content: "";
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .icon.save:before, .save.form-item-autocomplete.loading-autocomplete:before, table.list-view th.save.on:before, table.list-view th.save.sortable:before, .ui-indicator .save#indicator:before, .search-bar div.save.queries:before {
    content: ""; }
  .icon.refresh:before, .refresh.form-item-autocomplete.loading-autocomplete:before, table.list-view th.refresh.on:before, table.list-view th.refresh.sortable:before, .ui-indicator .refresh#indicator:before, .search-bar div.refresh.queries:before {
    content: ""; }
  .icon.trash:before, .trash.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash.on:before, table.list-view th.trash.sortable:before, .ui-indicator .trash#indicator:before, .search-bar div.trash.queries:before {
    content: ""; }
  .icon.archive:before, .archive.form-item-autocomplete.loading-autocomplete:before, table.list-view th.archive.on:before, table.list-view th.archive.sortable:before, .ui-indicator .archive#indicator:before, .search-bar div.archive.queries:before {
    content: ""; }
  .icon.trash-thick:before, .trash-thick.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash-thick.on:before, table.list-view th.trash-thick.sortable:before, .ui-indicator .trash-thick#indicator:before, .search-bar div.trash-thick.queries:before {
    content: ""; }
  .icon.trash_w:before, .trash_w.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trash_w.on:before, table.list-view th.trash_w.sortable:before, .ui-indicator .trash_w#indicator:before, .search-bar div.trash_w.queries:before {
    content: "";
    color: #FFFFFF; }
  .icon.plus:before, .plus.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus.on:before, table.list-view th.plus.sortable:before, .ui-indicator .plus#indicator:before, .search-bar div.plus.queries:before {
    content: ""; }
  .icon.plus-solid:before, .plus-solid.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-solid.on:before, table.list-view th.plus-solid.sortable:before, .ui-indicator .plus-solid#indicator:before, .search-bar div.plus-solid.queries:before {
    content: ""; }
  .icon.plus-circle:before, .plus-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-circle.on:before, table.list-view th.plus-circle.sortable:before, .ui-indicator .plus-circle#indicator:before, .search-bar div.plus-circle.queries:before {
    content: ""; }
  .icon.add_group:before, .add_group.form-item-autocomplete.loading-autocomplete:before, table.list-view th.add_group.on:before, table.list-view th.add_group.sortable:before, .ui-indicator .add_group#indicator:before, .search-bar div.add_group.queries:before {
    content: ""; }
  .icon.test:before, .test.form-item-autocomplete.loading-autocomplete:before, table.list-view th.test.on:before, table.list-view th.test.sortable:before, .ui-indicator .test#indicator:before, .search-bar div.test.queries:before {
    content: ""; }
  .icon.edit:before, .edit.form-item-autocomplete.loading-autocomplete:before, table.list-view th.edit.on:before, table.list-view th.edit.sortable:before, .ui-indicator .edit#indicator:before, .search-bar div.edit.queries:before {
    content: ""; }
  .icon.pencil:before, .pencil.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pencil.on:before, table.list-view th.pencil.sortable:before, .ui-indicator .pencil#indicator:before, .search-bar div.pencil.queries:before {
    content: ""; }
  .icon.cube:before, .cube.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cube.on:before, table.list-view th.cube.sortable:before, .ui-indicator .cube#indicator:before, .search-bar div.cube.queries:before {
    content: ""; }
  .icon.home:before, .home.form-item-autocomplete.loading-autocomplete:before, table.list-view th.home.on:before, table.list-view th.home.sortable:before, .ui-indicator .home#indicator:before, .search-bar div.home.queries:before {
    content: ""; }
  .icon.chats:before, .chats.form-item-autocomplete.loading-autocomplete:before, table.list-view th.chats.on:before, table.list-view th.chats.sortable:before, .ui-indicator .chats#indicator:before, .search-bar div.chats.queries:before {
    content: ""; }
  .icon.msgs:before, .msgs.form-item-autocomplete.loading-autocomplete:before, table.list-view th.msgs.on:before, table.list-view th.msgs.sortable:before, .ui-indicator .msgs#indicator:before, .search-bar div.msgs.queries:before {
    content: ""; }
  .icon.users:before, .users.form-item-autocomplete.loading-autocomplete:before, table.list-view th.users.on:before, table.list-view th.users.sortable:before, .ui-indicator .users#indicator:before, .search-bar div.users.queries:before {
    content: ""; }
  .icon.user:before, .user.form-item-autocomplete.loading-autocomplete:before, table.list-view th.user.on:before, table.list-view th.user.sortable:before, .ui-indicator .user#indicator:before, .search-bar div.user.queries:before {
    content: ""; }
  .icon.deploy:before, .deploy.form-item-autocomplete.loading-autocomplete:before, table.list-view th.deploy.on:before, table.list-view th.deploy.sortable:before, .ui-indicator .deploy#indicator:before, .search-bar div.deploy.queries:before {
    content: ""; }
  .icon.lang:before, .lang.form-item-autocomplete.loading-autocomplete:before, table.list-view th.lang.on:before, table.list-view th.lang.sortable:before, .ui-indicator .lang#indicator:before, .search-bar div.lang.queries:before {
    content: ""; }
  .icon.heart:before, .heart.form-item-autocomplete.loading-autocomplete:before, table.list-view th.heart.on:before, table.list-view th.heart.sortable:before, .ui-indicator .heart#indicator:before, .search-bar div.heart.queries:before {
    content: ""; }
  .icon.users:before, .users.form-item-autocomplete.loading-autocomplete:before, table.list-view th.users.on:before, table.list-view th.users.sortable:before, .ui-indicator .users#indicator:before, .search-bar div.users.queries:before {
    content: ""; }
  .icon.swipe:before, .swipe.form-item-autocomplete.loading-autocomplete:before, table.list-view th.swipe.on:before, table.list-view th.swipe.sortable:before, .ui-indicator .swipe#indicator:before, .search-bar div.swipe.queries:before {
    content: ""; }
  .icon.puzzle:before, .puzzle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.puzzle.on:before, table.list-view th.puzzle.sortable:before, .ui-indicator .puzzle#indicator:before, .search-bar div.puzzle.queries:before {
    content: ""; }
  .icon.random:before, .random.form-item-autocomplete.loading-autocomplete:before, table.list-view th.random.on:before, table.list-view th.random.sortable:before, .ui-indicator .random#indicator:before, .search-bar div.random.queries:before {
    content: ""; }
  .icon.folder-open:before, .folder-open.form-item-autocomplete.loading-autocomplete:before, table.list-view th.folder-open.on:before, table.list-view th.folder-open.sortable:before, .ui-indicator .folder-open#indicator:before, .search-bar div.folder-open.queries:before {
    content: ""; }
  .icon.folder-open-o:before, .folder-open-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.folder-open-o.on:before, table.list-view th.folder-open-o.sortable:before, .ui-indicator .folder-open-o#indicator:before, .search-bar div.folder-open-o.queries:before {
    content: ""; }
  .icon.podcast:before, .podcast.form-item-autocomplete.loading-autocomplete:before, table.list-view th.podcast.on:before, table.list-view th.podcast.sortable:before, .ui-indicator .podcast#indicator:before, .search-bar div.podcast.queries:before {
    content: ""; }
  .icon.history:before, .history.form-item-autocomplete.loading-autocomplete:before, table.list-view th.history.on:before, table.list-view th.history.sortable:before, .ui-indicator .history#indicator:before, .search-bar div.history.queries:before {
    content: ""; }
  .icon.hammer:before, .hammer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.hammer.on:before, table.list-view th.hammer.sortable:before, .ui-indicator .hammer#indicator:before, .search-bar div.hammer.queries:before {
    content: ""; }
  .icon.slack:before, .slack.form-item-autocomplete.loading-autocomplete:before, table.list-view th.slack.on:before, table.list-view th.slack.sortable:before, .ui-indicator .slack#indicator:before, .search-bar div.slack.queries:before {
    content: ""; }
  .icon.filter:before, .filter.form-item-autocomplete.loading-autocomplete:before, table.list-view th.filter.on:before, table.list-view th.filter.sortable:before, .ui-indicator .filter#indicator:before, .search-bar div.filter.queries:before {
    content: ""; }
  .icon.search:before, .search.form-item-autocomplete.loading-autocomplete:before, table.list-view th.search.on:before, table.list-view th.search.sortable:before, .ui-indicator .search#indicator:before, .search-bar div.queries:before {
    content: ""; }
  .icon.email:before, .email.form-item-autocomplete.loading-autocomplete:before, table.list-view th.email.on:before, table.list-view th.email.sortable:before, .ui-indicator .email#indicator:before, .search-bar div.email.queries:before {
    content: ""; }
  .icon.send:before, .send.form-item-autocomplete.loading-autocomplete:before, table.list-view th.send.on:before, table.list-view th.send.sortable:before, .ui-indicator .send#indicator:before, .search-bar div.send.queries:before {
    content: ""; }
  .icon.send-o:before, .send-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.send-o.on:before, table.list-view th.send-o.sortable:before, .ui-indicator .send-o#indicator:before, .search-bar div.send-o.queries:before {
    content: ""; }
  .icon.copy:before, .copy.form-item-autocomplete.loading-autocomplete:before, table.list-view th.copy.on:before, table.list-view th.copy.sortable:before, .ui-indicator .copy#indicator:before, .search-bar div.copy.queries:before {
    content: ""; }
  .icon.clone:before, .clone.form-item-autocomplete.loading-autocomplete:before, table.list-view th.clone.on:before, table.list-view th.clone.sortable:before, .ui-indicator .clone#indicator:before, .search-bar div.clone.queries:before {
    content: '';
    width: 11px;
    left: 15px;
    top: 9px;
    background-image: url(/images/ico_clone.svg); }
  .icon.plus-square:before, .plus-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plus-square.on:before, table.list-view th.plus-square.sortable:before, .ui-indicator .plus-square#indicator:before, .search-bar div.plus-square.queries:before {
    content: ""; }
  .icon.minus-square:before, .minus-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.minus-square.on:before, table.list-view th.minus-square.sortable:before, .ui-indicator .minus-square#indicator:before, .search-bar div.minus-square.queries:before {
    content: ""; }
  .icon.file:before, .file.form-item-autocomplete.loading-autocomplete:before, table.list-view th.file.on:before, table.list-view th.file.sortable:before, .ui-indicator .file#indicator:before, .search-bar div.file.queries:before, .icon.files:before, .files.form-item-autocomplete.loading-autocomplete:before, table.list-view th.files.on:before, table.list-view th.files.sortable:before, .ui-indicator .files#indicator:before, .search-bar div.files.queries:before {
    content: ""; }
  .icon.excel:before, .excel.form-item-autocomplete.loading-autocomplete:before, table.list-view th.excel.on:before, table.list-view th.excel.sortable:before, .ui-indicator .excel#indicator:before, .search-bar div.excel.queries:before {
    content: ""; }
  .icon.googlespreadsheet:before, .googlespreadsheet.form-item-autocomplete.loading-autocomplete:before, table.list-view th.googlespreadsheet.on:before, table.list-view th.googlespreadsheet.sortable:before, .ui-indicator .googlespreadsheet#indicator:before, .search-bar div.googlespreadsheet.queries:before {
    content: "";
    background-image: url(/images/ico_googlespreadsheet.svg); }
  .icon.csv:before, .csv.form-item-autocomplete.loading-autocomplete:before, table.list-view th.csv.on:before, table.list-view th.csv.sortable:before, .ui-indicator .csv#indicator:before, .search-bar div.csv.queries:before {
    content: "";
    background-image: url(/images/ico_csv.svg); }
  .icon.file-dark:before, .file-dark.form-item-autocomplete.loading-autocomplete:before, table.list-view th.file-dark.on:before, table.list-view th.file-dark.sortable:before, .ui-indicator .file-dark#indicator:before, .search-bar div.file-dark.queries:before {
    content: ""; }
  .icon.pdf:before, .pdf.form-item-autocomplete.loading-autocomplete:before, table.list-view th.pdf.on:before, table.list-view th.pdf.sortable:before, .ui-indicator .pdf#indicator:before, .search-bar div.pdf.queries:before {
    content: ""; }
  .icon.link:before, .link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.link.on:before, table.list-view th.link.sortable:before, .ui-indicator .link#indicator:before, .search-bar div.link.queries:before {
    content: ""; }
  .icon.signout:before, .signout.form-item-autocomplete.loading-autocomplete:before, table.list-view th.signout.on:before, table.list-view th.signout.sortable:before, .ui-indicator .signout#indicator:before, .search-bar div.signout.queries:before {
    content: ""; }
  .icon.expand:before, .expand.form-item-autocomplete.loading-autocomplete:before, table.list-view th.expand.on:before, table.list-view th.expand.sortable:before, .ui-indicator .expand#indicator:before, .search-bar div.expand.queries:before {
    content: ""; }
  .icon.close:before, .close.form-item-autocomplete.loading-autocomplete:before, table.list-view th.close.on:before, table.list-view th.close.sortable:before, .ui-indicator .close#indicator:before, .search-bar div.close.queries:before {
    content: "";
    background-image: url(/images/ico_close.svg); }
  .icon.map:before, .map.form-item-autocomplete.loading-autocomplete:before, table.list-view th.map.on:before, table.list-view th.map.sortable:before, .ui-indicator .map#indicator:before, .search-bar div.map.queries:before {
    content: ""; }
  .icon.rss:before, .rss.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rss.on:before, table.list-view th.rss.sortable:before, .ui-indicator .rss#indicator:before, .search-bar div.rss.queries:before {
    content: ""; }
  .icon.timeline:before, .timeline.form-item-autocomplete.loading-autocomplete:before, table.list-view th.timeline.on:before, table.list-view th.timeline.sortable:before, .ui-indicator .timeline#indicator:before, .search-bar div.timeline.queries:before {
    content: ""; }
  .icon.check-circle:before, .check-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.check-circle.on:before, table.list-view th.check-circle.sortable:before, .ui-indicator .check-circle#indicator:before, .search-bar div.check-circle.queries:before {
    content: ""; }
  .icon.redirect, .redirect.form-item-autocomplete.loading-autocomplete:before, table.list-view th.redirect.on, table.list-view th.redirect.sortable, .ui-indicator .redirect#indicator:before, .search-bar div.redirect.queries {
    content: ""; }
  .icon.form, .form.form-item-autocomplete.loading-autocomplete:before, table.list-view th.form.on, table.list-view th.form.sortable, .ui-indicator .form#indicator:before, .search-bar div.form.queries {
    content: ""; }
  .icon.cog:before, .cog.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cog.on:before, table.list-view th.cog.sortable:before, .ui-indicator .cog#indicator:before, .search-bar div.cog.queries:before {
    content: ""; }
  .icon.exchange:before, .exchange.form-item-autocomplete.loading-autocomplete:before, table.list-view th.exchange.on:before, table.list-view th.exchange.sortable:before, .ui-indicator .exchange#indicator:before, .search-bar div.exchange.queries:before {
    content: ""; }
  .icon.menu:before, .menu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.menu.on:before, table.list-view th.menu.sortable:before, .ui-indicator .menu#indicator:before, .search-bar div.menu.queries:before {
    content: ""; }
  .icon.clock:before, .clock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.clock.on:before, table.list-view th.clock.sortable:before, .ui-indicator .clock#indicator:before, .search-bar div.clock.queries:before {
    content: ""; }
  .icon.tags:before, .tags.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tags.on:before, table.list-view th.tags.sortable:before, .ui-indicator .tags#indicator:before, .search-bar div.tags.queries:before {
    content: ""; }
  .icon.webhook:before, .webhook.form-item-autocomplete.loading-autocomplete:before, table.list-view th.webhook.on:before, table.list-view th.webhook.sortable:before, .ui-indicator .webhook#indicator:before, .search-bar div.webhook.queries:before {
    content: ""; }
  .icon.lock:before, .lock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.lock.on:before, table.list-view th.lock.sortable:before, .ui-indicator .lock#indicator:before, .search-bar div.lock.queries:before {
    content: ""; }
  .icon.unlock:before, .unlock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.unlock.on:before, table.list-view th.unlock.sortable:before, .ui-indicator .unlock#indicator:before, .search-bar div.unlock.queries:before {
    content: ""; }
  .icon.link:before, .link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.link.on:before, table.list-view th.link.sortable:before, .ui-indicator .link#indicator:before, .search-bar div.link.queries:before {
    content: ""; }
  .icon.camera:before, .camera.form-item-autocomplete.loading-autocomplete:before, table.list-view th.camera.on:before, table.list-view th.camera.sortable:before, .ui-indicator .camera#indicator:before, .search-bar div.camera.queries:before {
    content: ""; }
  .icon.video:before, .video.form-item-autocomplete.loading-autocomplete:before, table.list-view th.video.on:before, table.list-view th.video.sortable:before, .ui-indicator .video#indicator:before, .search-bar div.video.queries:before {
    content: ""; }
  .icon.volume-up:before, .volume-up.form-item-autocomplete.loading-autocomplete:before, table.list-view th.volume-up.on:before, table.list-view th.volume-up.sortable:before, .ui-indicator .volume-up#indicator:before, .search-bar div.volume-up.queries:before {
    content: ""; }
  .icon.audio:before, .audio.form-item-autocomplete.loading-autocomplete:before, table.list-view th.audio.on:before, table.list-view th.audio.sortable:before, .ui-indicator .audio#indicator:before, .search-bar div.audio.queries:before {
    content: ""; }
  .icon.share:before, .share.form-item-autocomplete.loading-autocomplete:before, table.list-view th.share.on:before, table.list-view th.share.sortable:before, .ui-indicator .share#indicator:before, .search-bar div.share.queries:before {
    content: ""; }
  .icon.line-share:before, .line-share.form-item-autocomplete.loading-autocomplete:before, table.list-view th.line-share.on:before, table.list-view th.line-share.sortable:before, .ui-indicator .line-share#indicator:before, .search-bar div.line-share.queries:before {
    content: ""; }
  .icon.checkbox:before, .checkbox.form-item-autocomplete.loading-autocomplete:before, table.list-view th.checkbox.on:before, table.list-view th.checkbox.sortable:before, .ui-indicator .checkbox#indicator:before, .search-bar div.checkbox.queries:before {
    content: "";
    font-weight: solid; }
  .icon.tasklist:before, .tasklist.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tasklist.on:before, table.list-view th.tasklist.sortable:before, .ui-indicator .tasklist#indicator:before, .search-bar div.tasklist.queries:before {
    content: ""; }
  .icon.mytasklist:before, .mytasklist.form-item-autocomplete.loading-autocomplete:before, table.list-view th.mytasklist.on:before, table.list-view th.mytasklist.sortable:before, .ui-indicator .mytasklist#indicator:before, .search-bar div.mytasklist.queries:before {
    content: ""; }
  .icon.radio:before, .radio.form-item-autocomplete.loading-autocomplete:before, table.list-view th.radio.on:before, table.list-view th.radio.sortable:before, .ui-indicator .radio#indicator:before, .search-bar div.radio.queries:before {
    content: ""; }
  .icon.rms:before, .rms.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rms.on:before, table.list-view th.rms.sortable:before, .ui-indicator .rms#indicator:before, .search-bar div.rms.queries:before {
    content: ""; }
  .icon.calendar:before, .calendar.form-item-autocomplete.loading-autocomplete:before, table.list-view th.calendar.on:before, table.list-view th.calendar.sortable:before, .ui-indicator .calendar#indicator:before, .search-bar div.calendar.queries:before {
    content: ""; }
  .icon.calendar-check:before, .calendar-check.form-item-autocomplete.loading-autocomplete:before, table.list-view th.calendar-check.on:before, table.list-view th.calendar-check.sortable:before, .ui-indicator .calendar-check#indicator:before, .search-bar div.calendar-check.queries:before {
    content: ""; }
  .icon.comment:before, .comment.form-item-autocomplete.loading-autocomplete:before, table.list-view th.comment.on:before, table.list-view th.comment.sortable:before, .ui-indicator .comment#indicator:before, .search-bar div.comment.queries:before {
    content: ""; }
  .icon.inquiry:before, .inquiry.form-item-autocomplete.loading-autocomplete:before, table.list-view th.inquiry.on:before, table.list-view th.inquiry.sortable:before, .ui-indicator .inquiry#indicator:before, .search-bar div.inquiry.queries:before {
    content: ""; }
  .icon.payment:before, .payment.form-item-autocomplete.loading-autocomplete:before, table.list-view th.payment.on:before, table.list-view th.payment.sortable:before, .ui-indicator .payment#indicator:before, .search-bar div.payment.queries:before {
    content: ""; }
  .icon.imageviewer:before, .imageviewer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.imageviewer.on:before, table.list-view th.imageviewer.sortable:before, .ui-indicator .imageviewer#indicator:before, .search-bar div.imageviewer.queries:before {
    content: ""; }
  .icon.dots:before, .dots.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dots.on:before, table.list-view th.dots.sortable:before, .ui-indicator .dots#indicator:before, .search-bar div.dots.queries:before {
    content: ""; }
  .icon.dots-v:before, .dots-v.form-item-autocomplete.loading-autocomplete:before, table.list-view th.dots-v.on:before, table.list-view th.dots-v.sortable:before, .ui-indicator .dots-v#indicator:before, .search-bar div.dots-v.queries:before {
    content: ""; }
  .icon.cancel:before, .cancel.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cancel.on:before, table.list-view th.cancel.sortable:before, .ui-indicator .cancel#indicator:before, .search-bar div.cancel.queries:before {
    content: ""; }
  .icon.read:before, .read.form-item-autocomplete.loading-autocomplete:before, table.list-view th.read.on:before, table.list-view th.read.sortable:before, .ui-indicator .read#indicator:before, .search-bar div.read.queries:before {
    content: ""; }
  .icon.brush:before, .brush.form-item-autocomplete.loading-autocomplete:before, table.list-view th.brush.on:before, table.list-view th.brush.sortable:before, .ui-indicator .brush#indicator:before, .search-bar div.brush.queries:before {
    content: ""; }
  .icon.qrcode:before, .qrcode.form-item-autocomplete.loading-autocomplete:before, table.list-view th.qrcode.on:before, table.list-view th.qrcode.sortable:before, .ui-indicator .qrcode#indicator:before, .search-bar div.qrcode.queries:before {
    content: ""; }
  .icon.bell:before, .bell.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bell.on:before, table.list-view th.bell.sortable:before, .ui-indicator .bell#indicator:before, .search-bar div.bell.queries:before {
    content: ""; }
  .icon.marker:before, .marker.form-item-autocomplete.loading-autocomplete:before, table.list-view th.marker.on:before, table.list-view th.marker.sortable:before, .ui-indicator .marker#indicator:before, .search-bar div.marker.queries:before {
    content: ""; }
  .icon.book:before, .book.form-item-autocomplete.loading-autocomplete:before, table.list-view th.book.on:before, table.list-view th.book.sortable:before, .ui-indicator .book#indicator:before, .search-bar div.book.queries:before {
    content: ""; }
  .icon.tree:before, .tree.form-item-autocomplete.loading-autocomplete:before, table.list-view th.tree.on:before, table.list-view th.tree.sortable:before, .ui-indicator .tree#indicator:before, .search-bar div.tree.queries:before {
    content: ""; }
  .icon.keyboard:before, .keyboard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.keyboard.on:before, table.list-view th.keyboard.sortable:before, .ui-indicator .keyboard#indicator:before, .search-bar div.keyboard.queries:before {
    content: ""; }
  .icon.right-caret, .right-caret.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-caret.on, table.list-view th.right-caret.sortable, .ui-indicator .right-caret#indicator:before, .search-bar div.right-caret.queries {
    content: ""; }
  .icon.down-caret, .down-caret.form-item-autocomplete.loading-autocomplete:before, table.list-view th.down-caret.on, table.list-view th.down-caret.sortable, .ui-indicator .down-caret#indicator:before, .search-bar div.down-caret.queries {
    content: ""; }
  .icon.right-thin, .right-thin.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-thin.on, table.list-view th.right-thin.sortable, .ui-indicator .right-thin#indicator:before, .search-bar div.right-thin.queries {
    content: ""; }
  .icon.right-circle, .right-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.right-circle.on, table.list-view th.right-circle.sortable, .ui-indicator .right-circle#indicator:before, .search-bar div.right-circle.queries {
    content: ""; }
  .icon.reply:before, .reply.form-item-autocomplete.loading-autocomplete:before, table.list-view th.reply.on:before, table.list-view th.reply.sortable:before, .ui-indicator .reply#indicator:before, .search-bar div.reply.queries:before {
    content: ""; }
  .icon.rt-text:before, .rt-text.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-text.on:before, table.list-view th.rt-text.sortable:before, .ui-indicator .rt-text#indicator:before, .search-bar div.rt-text.queries:before {
    content: ""; }
  .icon.rt-card:before, .rt-card.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-card.on:before, table.list-view th.rt-card.sortable:before, .ui-indicator .rt-card#indicator:before, .search-bar div.rt-card.queries:before {
    content: ""; }
  .icon.rt-list:before, .rt-list.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-list.on:before, table.list-view th.rt-list.sortable:before, .ui-indicator .rt-list#indicator:before, .search-bar div.rt-list.queries:before {
    content: ""; }
  .icon.rt-image:before, .rt-image.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-image.on:before, table.list-view th.rt-image.sortable:before, .ui-indicator .rt-image#indicator:before, .search-bar div.rt-image.queries:before {
    content: ""; }
  .icon.rt-imagemap:before, .rt-imagemap.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-imagemap.on:before, table.list-view th.rt-imagemap.sortable:before, .ui-indicator .rt-imagemap#indicator:before, .search-bar div.rt-imagemap.queries:before {
    content: ""; }
  .icon.rt-flyer:before, .rt-flyer.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-flyer.on:before, table.list-view th.rt-flyer.sortable:before, .ui-indicator .rt-flyer#indicator:before, .search-bar div.rt-flyer.queries:before {
    content: ""; }
  .icon.rt-flex:before, .rt-flex.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-flex.on:before, table.list-view th.rt-flex.sortable:before, .ui-indicator .rt-flex#indicator:before, .search-bar div.rt-flex.queries:before {
    content: ""; }
  .icon.rt-imagecard:before, .rt-imagecard.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-imagecard.on:before, table.list-view th.rt-imagecard.sortable:before, .ui-indicator .rt-imagecard#indicator:before, .search-bar div.rt-imagecard.queries:before {
    content: ""; }
  .icon.rt-video:before, .rt-video.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-video.on:before, table.list-view th.rt-video.sortable:before, .ui-indicator .rt-video#indicator:before, .search-bar div.rt-video.queries:before {
    content: ""; }
  .icon.rt-audio:before, .rt-audio.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-audio.on:before, table.list-view th.rt-audio.sortable:before, .ui-indicator .rt-audio#indicator:before, .search-bar div.rt-audio.queries:before {
    content: ""; }
  .icon.rt-if:before, .rt-if.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-if.on:before, table.list-view th.rt-if.sortable:before, .ui-indicator .rt-if#indicator:before, .search-bar div.rt-if.queries:before {
    content: ""; }
  .icon.rt-richmenu:before, .rt-richmenu.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-richmenu.on:before, table.list-view th.rt-richmenu.sortable:before, .ui-indicator .rt-richmenu#indicator:before, .search-bar div.rt-richmenu.queries:before {
    content: ""; }
  .icon.rt-email:before, .rt-email.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-email.on:before, table.list-view th.rt-email.sortable:before, .ui-indicator .rt-email#indicator:before, .search-bar div.rt-email.queries:before {
    content: ""; }
  .icon.rt-slack:before, .rt-slack.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-slack.on:before, table.list-view th.rt-slack.sortable:before, .ui-indicator .rt-slack#indicator:before, .search-bar div.rt-slack.queries:before {
    content: ""; }
  .icon.rt-line:before, .rt-line.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-line.on:before, table.list-view th.rt-line.sortable:before, .ui-indicator .rt-line#indicator:before, .search-bar div.rt-line.queries:before {
    content: ""; }
  .icon.rt-api:before, .rt-api.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-api.on:before, table.list-view th.rt-api.sortable:before, .ui-indicator .rt-api#indicator:before, .search-bar div.rt-api.queries:before {
    content: ""; }
  .icon.rt-notice:before, .rt-notice.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rt-notice.on:before, table.list-view th.rt-notice.sortable:before, .ui-indicator .rt-notice#indicator:before, .search-bar div.rt-notice.queries:before {
    content: ""; }
  .icon.prof:before, .prof.form-item-autocomplete.loading-autocomplete:before, table.list-view th.prof.on:before, table.list-view th.prof.sortable:before, .ui-indicator .prof#indicator:before, .search-bar div.prof.queries:before {
    content: ""; }
  .icon.key:before, .key.form-item-autocomplete.loading-autocomplete:before, table.list-view th.key.on:before, table.list-view th.key.sortable:before, .ui-indicator .key#indicator:before, .search-bar div.key.queries:before {
    content: ""; }
  .icon.bill:before, .bill.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bill.on:before, table.list-view th.bill.sortable:before, .ui-indicator .bill#indicator:before, .search-bar div.bill.queries:before {
    content: ""; }
  .icon.help:before, .help.form-item-autocomplete.loading-autocomplete:before, table.list-view th.help.on:before, table.list-view th.help.sortable:before, .ui-indicator .help#indicator:before, .search-bar div.help.queries:before {
    content: ""; }
  .icon.cs-support, .cs-support.form-item-autocomplete.loading-autocomplete:before, table.list-view th.cs-support.on, table.list-view th.cs-support.sortable, .ui-indicator .cs-support#indicator:before, .search-bar div.cs-support.queries {
    position: relative; }
    .icon.cs-support::before, table.list-view th.cs-support.on::before, table.list-view th.cs-support.sortable::before, .search-bar div.cs-support.queries::before {
      content: '';
      background-image: url("/images/cs_support.svg");
      position: absolute;
      top: 14px;
      left: 2px;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: cover; }
    .icon.cs-support:hover::before, table.list-view th.cs-support.on:hover::before, table.list-view th.cs-support.sortable:hover::before, .search-bar div.cs-support.queries:hover::before {
      filter: brightness(0.5); }
  .icon.cs-support.nav-icon-btn::before, table.list-view th.cs-support.nav-icon-btn.on::before, table.list-view th.cs-support.nav-icon-btn.sortable::before, .search-bar div.cs-support.nav-icon-btn.queries::before {
    left: 6px;
    top: 13px; }
  .icon.chat-bubble, .chat-bubble.form-item-autocomplete.loading-autocomplete:before, table.list-view th.chat-bubble.on, table.list-view th.chat-bubble.sortable, .ui-indicator .chat-bubble#indicator:before, .search-bar div.chat-bubble.queries {
    position: relative; }
    .icon.chat-bubble::before, table.list-view th.chat-bubble.on::before, table.list-view th.chat-bubble.sortable::before, .search-bar div.chat-bubble.queries::before {
      content: '';
      background-image: url("/images/chat_bubble.svg");
      position: absolute;
      top: 14px;
      left: 5px;
      display: inline-block;
      width: 22px;
      height: 22px;
      background-size: cover; }
    .icon.chat-bubble:hover::before, table.list-view th.chat-bubble.on:hover::before, table.list-view th.chat-bubble.sortable:hover::before, .search-bar div.chat-bubble.queries:hover::before {
      filter: brightness(0.5); }
  .icon.play:before, .play.form-item-autocomplete.loading-autocomplete:before, table.list-view th.play.on:before, table.list-view th.play.sortable:before, .ui-indicator .play#indicator:before, .search-bar div.play.queries:before {
    content: ""; }
  .icon.stop:before, .stop.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stop.on:before, table.list-view th.stop.sortable:before, .ui-indicator .stop#indicator:before, .search-bar div.stop.queries:before {
    content: ""; }
  .icon.stop-circle:before, .stop-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stop-circle.on:before, table.list-view th.stop-circle.sortable:before, .ui-indicator .stop-circle#indicator:before, .search-bar div.stop-circle.queries:before {
    content: ""; }
  .icon.times-circle:before, .times-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.times-circle.on:before, table.list-view th.times-circle.sortable:before, .ui-indicator .times-circle#indicator:before, .search-bar div.times-circle.queries:before {
    content: ""; }
  .icon.minus-circle:before, .minus-circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.minus-circle.on:before, table.list-view th.minus-circle.sortable:before, .ui-indicator .minus-circle#indicator:before, .search-bar div.minus-circle.queries:before {
    content: ""; }
  .icon.forward:before, .forward.form-item-autocomplete.loading-autocomplete:before, table.list-view th.forward.on:before, table.list-view th.forward.sortable:before, .ui-indicator .forward#indicator:before, .search-bar div.forward.queries:before {
    content: ""; }
  .icon.backward:before, .backward.form-item-autocomplete.loading-autocomplete:before, table.list-view th.backward.on:before, table.list-view th.backward.sortable:before, .ui-indicator .backward#indicator:before, .search-bar div.backward.queries:before {
    content: ""; }
  .icon.record:before, .record.form-item-autocomplete.loading-autocomplete:before, table.list-view th.record.on:before, table.list-view th.record.sortable:before, .ui-indicator .record#indicator:before, .search-bar div.record.queries:before {
    content: ""; }
  .icon.rotate-left:before, .rotate-left.form-item-autocomplete.loading-autocomplete:before, table.list-view th.rotate-left.on:before, table.list-view th.rotate-left.sortable:before, .ui-indicator .rotate-left#indicator:before, .search-bar div.rotate-left.queries:before {
    content: ""; }
  .icon.html5:before, .html5.form-item-autocomplete.loading-autocomplete:before, table.list-view th.html5.on:before, table.list-view th.html5.sortable:before, .ui-indicator .html5#indicator:before, .search-bar div.html5.queries:before {
    content: ""; }
  .icon.unknown:before, .unknown.form-item-autocomplete.loading-autocomplete:before, table.list-view th.unknown.on:before, table.list-view th.unknown.sortable:before, .ui-indicator .unknown#indicator:before, .search-bar div.unknown.queries:before {
    content: ""; }
  .icon.coding:before, .coding.form-item-autocomplete.loading-autocomplete:before, table.list-view th.coding.on:before, table.list-view th.coding.sortable:before, .ui-indicator .coding#indicator:before, .search-bar div.coding.queries:before {
    content: ""; }
  .icon.code-fork:before, .code-fork.form-item-autocomplete.loading-autocomplete:before, table.list-view th.code-fork.on:before, table.list-view th.code-fork.sortable:before, .ui-indicator .code-fork#indicator:before, .search-bar div.code-fork.queries:before {
    content: ""; }
  .icon.double-right:before, .double-right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.double-right.on:before, table.list-view th.double-right.sortable:before, .ui-indicator .double-right#indicator:before, .search-bar div.double-right.queries:before {
    content: ""; }
  .icon.biz:before, .biz.form-item-autocomplete.loading-autocomplete:before, table.list-view th.biz.on:before, table.list-view th.biz.sortable:before, .ui-indicator .biz#indicator:before, .search-bar div.biz.queries:before {
    content: ""; }
  .icon.invite:before, .invite.form-item-autocomplete.loading-autocomplete:before, table.list-view th.invite.on:before, table.list-view th.invite.sortable:before, .ui-indicator .invite#indicator:before, .search-bar div.invite.queries:before {
    content: ""; }
  .icon.css:before, .css.form-item-autocomplete.loading-autocomplete:before, table.list-view th.css.on:before, table.list-view th.css.sortable:before, .ui-indicator .css#indicator:before, .search-bar div.css.queries:before {
    content: ""; }
  .icon.group:before, .group.form-item-autocomplete.loading-autocomplete:before, table.list-view th.group.on:before, table.list-view th.group.sortable:before, .ui-indicator .group#indicator:before, .search-bar div.group.queries:before {
    content: ""; }
  .icon.phone:before, .phone.form-item-autocomplete.loading-autocomplete:before, table.list-view th.phone.on:before, table.list-view th.phone.sortable:before, .ui-indicator .phone#indicator:before, .search-bar div.phone.queries:before {
    content: ""; }
  .icon.plug:before, .plug.form-item-autocomplete.loading-autocomplete:before, table.list-view th.plug.on:before, table.list-view th.plug.sortable:before, .ui-indicator .plug#indicator:before, .search-bar div.plug.queries:before {
    content: ""; }
  .icon.eye:before, .eye.form-item-autocomplete.loading-autocomplete:before, table.list-view th.eye.on:before, table.list-view th.eye.sortable:before, .ui-indicator .eye#indicator:before, .search-bar div.eye.queries:before {
    content: ""; }
  .icon.connected:before, .connected.form-item-autocomplete.loading-autocomplete:before, table.list-view th.connected.on:before, table.list-view th.connected.sortable:before, .ui-indicator .connected#indicator:before, .search-bar div.connected.queries:before {
    content: ""; }
  .icon.star:before, .star.form-item-autocomplete.loading-autocomplete:before, table.list-view th.star.on:before, table.list-view th.star.sortable:before, .ui-indicator .star#indicator:before, .search-bar div.star.queries:before {
    content: ""; }
  .icon.star-o:before, .star-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.star-o.on:before, table.list-view th.star-o.sortable:before, .ui-indicator .star-o#indicator:before, .search-bar div.star-o.queries:before {
    content: ""; }
  .icon.list:before, .list.form-item-autocomplete.loading-autocomplete:before, table.list-view th.list.on:before, table.list-view th.list.sortable:before, .ui-indicator .list#indicator:before, .search-bar div.list.queries:before {
    content: ""; }
  .icon.grid:before, .grid.form-item-autocomplete.loading-autocomplete:before, table.list-view th.grid.on:before, table.list-view th.grid.sortable:before, .ui-indicator .grid#indicator:before, .search-bar div.grid.queries:before {
    content: ""; }
  .icon.fullwindow:before, .fullwindow.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fullwindow.on:before, table.list-view th.fullwindow.sortable:before, .ui-indicator .fullwindow#indicator:before, .search-bar div.fullwindow.queries:before {
    content: ""; }
  .icon.halfwindow:before, .halfwindow.form-item-autocomplete.loading-autocomplete:before, table.list-view th.halfwindow.on:before, table.list-view th.halfwindow.sortable:before, .ui-indicator .halfwindow#indicator:before, .search-bar div.halfwindow.queries:before {
    content: ""; }
  .icon.ec:before, .ec.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec.on:before, table.list-view th.ec.sortable:before, .ui-indicator .ec#indicator:before, .search-bar div.ec.queries:before {
    content: ""; }
  .icon.call:before, .call.form-item-autocomplete.loading-autocomplete:before, table.list-view th.call.on:before, table.list-view th.call.sortable:before, .ui-indicator .call#indicator:before, .search-bar div.call.queries:before {
    content: ""; }
  .icon.color:before, .color.form-item-autocomplete.loading-autocomplete:before, table.list-view th.color.on:before, table.list-view th.color.sortable:before, .ui-indicator .color#indicator:before, .search-bar div.color.queries:before {
    content: ""; }
  .icon.bookmark:before, .bookmark.form-item-autocomplete.loading-autocomplete:before, table.list-view th.bookmark.on:before, table.list-view th.bookmark.sortable:before, .ui-indicator .bookmark#indicator:before, .search-bar div.bookmark.queries:before {
    content: ""; }
  .icon.square-o:before, .square-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.square-o.on:before, table.list-view th.square-o.sortable:before, .ui-indicator .square-o#indicator:before, .search-bar div.square-o.queries:before {
    content: ""; }
  .icon.ec-cloth:before, .ec-cloth.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-cloth.on:before, table.list-view th.ec-cloth.sortable:before, .ui-indicator .ec-cloth#indicator:before, .search-bar div.ec-cloth.queries:before {
    content: '';
    background-image: url(/images/ico_ec_cloth.svg?v=6); }
  .icon.ec-sale:before, .ec-sale.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-sale.on:before, table.list-view th.ec-sale.sortable:before, .ui-indicator .ec-sale#indicator:before, .search-bar div.ec-sale.queries:before {
    content: '';
    background-image: url(/images/ico_ec_sale.svg?v=6); }
  .icon.ec-stock:before, .ec-stock.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-stock.on:before, table.list-view th.ec-stock.sortable:before, .ui-indicator .ec-stock#indicator:before, .search-bar div.ec-stock.queries:before {
    content: '';
    background-image: url(/images/ico_ec_stock.svg?v=6); }
  .icon.ec-subscr:before, .ec-subscr.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ec-subscr.on:before, table.list-view th.ec-subscr.sortable:before, .ui-indicator .ec-subscr#indicator:before, .search-bar div.ec-subscr.queries:before {
    content: ""; }
  .icon.ecoma-w:before, .ecoma-w.form-item-autocomplete.loading-autocomplete:before, table.list-view th.ecoma-w.on:before, table.list-view th.ecoma-w.sortable:before, .ui-indicator .ecoma-w#indicator:before, .search-bar div.ecoma-w.queries:before {
    content: '';
    background-image: url(/images/ecoma-w.svg); }
  .icon.circle:before, .circle.form-item-autocomplete.loading-autocomplete:before, table.list-view th.circle.on:before, table.list-view th.circle.sortable:before, .ui-indicator .circle#indicator:before, .search-bar div.circle.queries:before {
    content: ""; }
  .icon.circle-o:before, .circle-o.form-item-autocomplete.loading-autocomplete:before, table.list-view th.circle-o.on:before, table.list-view th.circle-o.sortable:before, .ui-indicator .circle-o#indicator:before, .search-bar div.circle-o.queries:before {
    content: ""; }
  .icon.infor:before, .infor.form-item-autocomplete.loading-autocomplete:before, table.list-view th.infor.on:before, table.list-view th.infor.sortable:before, .ui-indicator .infor#indicator:before, .search-bar div.infor.queries:before {
    content: ""; }
  .icon.info-default:before, .info-default.form-item-autocomplete.loading-autocomplete:before, table.list-view th.info-default.on:before, table.list-view th.info-default.sortable:before, .ui-indicator .info-default#indicator:before, .search-bar div.info-default.queries:before {
    content: ""; }
  .icon.image:before, .image.form-item-autocomplete.loading-autocomplete:before, table.list-view th.image.on:before, table.list-view th.image.sortable:before, .ui-indicator .image#indicator:before, .search-bar div.image.queries:before {
    content: ""; }
  .icon.text:before, .text.form-item-autocomplete.loading-autocomplete:before, table.list-view th.text.on:before, table.list-view th.text.sortable:before, .ui-indicator .text#indicator:before, .search-bar div.text.queries:before {
    content: ""; }
  .icon.act:before, .act.form-item-autocomplete.loading-autocomplete:before, table.list-view th.act.on:before, table.list-view th.act.sortable:before, .ui-indicator .act#indicator:before, .search-bar div.act.queries:before {
    content: ""; }
  .icon.stamps:before, .stamps.form-item-autocomplete.loading-autocomplete:before, table.list-view th.stamps.on:before, table.list-view th.stamps.sortable:before, .ui-indicator .stamps#indicator:before, .search-bar div.stamps.queries:before {
    content: ""; }
  .icon.emoji:before, .emoji.form-item-autocomplete.loading-autocomplete:before, table.list-view th.emoji.on:before, table.list-view th.emoji.sortable:before, .ui-indicator .emoji#indicator:before, .search-bar div.emoji.queries:before {
    content: ""; }
  .icon.git:before, .git.form-item-autocomplete.loading-autocomplete:before, table.list-view th.git.on:before, table.list-view th.git.sortable:before, .ui-indicator .git#indicator:before, .search-bar div.git.queries:before {
    content: ""; }
  .icon.oname_sdk:before, .oname_sdk.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_sdk.on:before, table.list-view th.oname_sdk.sortable:before, .ui-indicator .oname_sdk#indicator:before, .search-bar div.oname_sdk.queries:before {
    content: ""; }
  .icon.oname_fb:before, .oname_fb.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_fb.on:before, table.list-view th.oname_fb.sortable:before, .ui-indicator .oname_fb#indicator:before, .search-bar div.oname_fb.queries:before {
    content: ""; }
  .icon.oname_ig:before, .oname_ig.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_ig.on:before, table.list-view th.oname_ig.sortable:before, .ui-indicator .oname_ig#indicator:before, .search-bar div.oname_ig.queries:before {
    content: ""; }
  .icon.oname_tw:before, .oname_tw.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_tw.on:before, table.list-view th.oname_tw.sortable:before, .ui-indicator .oname_tw#indicator:before, .search-bar div.oname_tw.queries:before {
    content: ""; }
  .icon.oname_wc:before, .oname_wc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_wc.on:before, table.list-view th.oname_wc.sortable:before, .ui-indicator .oname_wc#indicator:before, .search-bar div.oname_wc.queries:before {
    content: ""; }
  .icon.oname_teams:before, .oname_teams.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_teams.on:before, table.list-view th.oname_teams.sortable:before, .ui-indicator .oname_teams#indicator:before, .search-bar div.oname_teams.queries:before {
    content: "";
    background-image: url(/images/ico_team.svg);
    background-size: auto 16px;
    background-position: left 50%;
    width: 20px;
    height: inherit; }
  .icon.oname_lark:before, .oname_lark.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_lark.on:before, table.list-view th.oname_lark.sortable:before, .ui-indicator .oname_lark#indicator:before, .search-bar div.oname_lark.queries:before {
    content: "";
    background-image: url(/images/ico-lark.svg);
    background-size: auto 17px;
    background-position: left 50%;
    width: 17px;
    height: inherit; }
  .icon.oname_line:before, .oname_line.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_line.on:before, table.list-view th.oname_line.sortable:before, .ui-indicator .oname_line#indicator:before, .search-bar div.oname_line.queries:before {
    content: "";
    background-image: url(/images/ico-line-g.svg?v=2);
    background-size: auto 14px;
    background-position: left 50%;
    width: 16px;
    height: inherit; }
  .icon.oname_line.on:before, .oname_line.on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oname_line.on:before, .ui-indicator .oname_line.on#indicator:before, .search-bar div.oname_line.on.queries:before {
    content: "";
    background-image: url(/images/ico-line-d.svg?v=2); }
  .icon.oline_right:before, .oline_right.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oline_right.on:before, table.list-view th.oline_right.sortable:before, .ui-indicator .oline_right#indicator:before, .search-bar div.oline_right.queries:before {
    content: "";
    background-position: right 50%;
    background-image: url(/images/ico-line-g.svg?v=2);
    background-size: auto 14px;
    width: 16px;
    height: inherit; }
  .icon.oline_right.on:before, .oline_right.on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.oline_right.on:before, .ui-indicator .oline_right.on#indicator:before, .search-bar div.oline_right.on.queries:before {
    content: "";
    background-image: url(/images/ico-line-g.svg);
    height: inherit; }
  .icon.sort:before, .sort.form-item-autocomplete.loading-autocomplete:before, table.list-view th.sort.on:before, table.list-view th.sort.sortable:before, .ui-indicator .sort#indicator:before, .search-bar div.sort.queries:before {
    content: ""; }
  .icon.asc:before, .asc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.on.asc:before, table.list-view th.asc.sortable:before, .ui-indicator .asc#indicator:before, .search-bar div.asc.queries:before {
    content: ""; }
  .icon.desc:before, .desc.form-item-autocomplete.loading-autocomplete:before, table.list-view th.on.desc:before, table.list-view th.desc.sortable:before, .ui-indicator .desc#indicator:before, .search-bar div.desc.queries:before {
    content: ""; }
  .icon.power-on:before, .power-on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.power-on.on:before, table.list-view th.power-on.sortable:before, .ui-indicator .power-on#indicator:before, .search-bar div.power-on.queries:before {
    content: ""; }
  .icon.power-off:before, .power-off.form-item-autocomplete.loading-autocomplete:before, table.list-view th.power-off.on:before, table.list-view th.power-off.sortable:before, .ui-indicator .power-off#indicator:before, .search-bar div.power-off.queries:before {
    content: ""; }
  .icon.switch-on:before, .switch-on.form-item-autocomplete.loading-autocomplete:before, table.list-view th.switch-on.on:before, table.list-view th.switch-on.sortable:before, .ui-indicator .switch-on#indicator:before, .search-bar div.switch-on.queries:before {
    content: ""; }
  .icon.switch-off:before, .switch-off.form-item-autocomplete.loading-autocomplete:before, table.list-view th.switch-off.on:before, table.list-view th.switch-off.sortable:before, .ui-indicator .switch-off#indicator:before, .search-bar div.switch-off.queries:before {
    content: ""; }
  .icon.upload:before, .upload.form-item-autocomplete.loading-autocomplete:before, table.list-view th.upload.on:before, table.list-view th.upload.sortable:before, .ui-indicator .upload#indicator:before, .search-bar div.upload.queries:before {
    content: ""; }
  .icon.trans-next:before, .trans-next.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trans-next.on:before, table.list-view th.trans-next.sortable:before, .ui-indicator .trans-next#indicator:before, .search-bar div.trans-next.queries:before {
    content: ""; }
  .icon.trans-manual:before, .trans-manual.form-item-autocomplete.loading-autocomplete:before, table.list-view th.trans-manual.on:before, table.list-view th.trans-manual.sortable:before, .ui-indicator .trans-manual#indicator:before, .search-bar div.trans-manual.queries:before {
    content: ""; }
  .icon.show:before, .show.form-item-autocomplete.loading-autocomplete:before, table.list-view th.show.on:before, table.list-view th.show.sortable:before, .ui-indicator .show#indicator:before, .search-bar div.show.queries:before {
    content: ""; }
  .icon.hide:before, .hide.form-item-autocomplete.loading-autocomplete:before, table.list-view th.hide.on:before, table.list-view th.hide.sortable:before, .ui-indicator .hide#indicator:before, .search-bar div.hide.queries:before {
    content: ""; }
  .icon.crop:before, .crop.form-item-autocomplete.loading-autocomplete:before, table.list-view th.crop.on:before, table.list-view th.crop.sortable:before, .ui-indicator .crop#indicator:before, .search-bar div.crop.queries:before {
    content: ""; }
  .icon.arrow-up:before, .arrow-up.form-item-autocomplete.loading-autocomplete:before, table.list-view th.arrow-up.on:before, table.list-view th.arrow-up.sortable:before, .ui-indicator .arrow-up#indicator:before, .search-bar div.arrow-up.queries:before {
    content: ""; }
  .icon.arrow-down:before, .arrow-down.form-item-autocomplete.loading-autocomplete:before, table.list-view th.arrow-down.on:before, table.list-view th.arrow-down.sortable:before, .ui-indicator .arrow-down#indicator:before, .search-bar div.arrow-down.queries:before {
    content: ""; }
  .icon.fa-tags, .fa-tags.form-item-autocomplete.loading-autocomplete:before, table.list-view th.fa-tags.on, table.list-view th.fa-tags.sortable, .ui-indicator .fa-tags#indicator:before, .search-bar div.fa-tags.queries {
    content: ""; }
  .icon.gtm::before, table.list-view th.gtm.on::before, table.list-view th.gtm.sortable::before, .search-bar div.gtm.queries::before, .icon.gpt::before, table.list-view th.gpt.on::before, table.list-view th.gpt.sortable::before, .search-bar div.gpt.queries::before, .icon.msteams::before, table.list-view th.msteams.on::before, table.list-view th.msteams.sortable::before, .search-bar div.msteams.queries::before, .icon.lark::before, table.list-view th.lark.on::before, table.list-view th.lark.sortable::before, .search-bar div.lark.queries::before {
    display: inline-block;
    content: '';
    filter: saturate(0);
    background-position: center;
    height: 100%;
    width: 17px; }
  .icon.gtm::before, table.list-view th.gtm.on::before, table.list-view th.gtm.sortable::before, .search-bar div.gtm.queries::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.87 122.89'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238ab4f8%3B%7D.cls-2%7Bfill:%234285f4%3B%7D.cls-3%7Bfill:%23246fdb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Egoogle-tag-manager%3C/title%3E%3Cpolygon class='cls-1' points='72.13 118.22 50.8 96.86 96.63 50.56 118.35 72.28 72.13 118.22 72.13 118.22'/%3E%3Cpath class='cls-2' d='M72.29 26.23 50.56 4.5 4.5 50.56a15.35 15.35 0 0 0 0 21.71h0l46.06 46.06 21.31-21.4L37.07 61.45 72.29 26.23Z'/%3E%3Cpath class='cls-1' d='M118.35 50.56 72.29 4.5A15.36 15.36 0 0 0 50.56 26.22L96.65 72.28a15.36 15.36 0 0 0 21.72-21.72Z'/%3E%3Cpath class='cls-3' d='M76.48 107.66a15.23 15.23 0 1 0-15.22 15.23 15.22 15.22 0 0 0 15.22-15.23Z'/%3E%3C/svg%3E");
    width: 18px; }
  .icon.gpt::before, table.list-view th.gpt.on::before, table.list-view th.gpt.sortable::before, .search-bar div.gpt.queries::before {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 24 24' role='img' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EOpenAI icon%3C/title%3E%3Cpath d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E");
    margin: 0 9px; }
  .icon.msteams::before, table.list-view th.msteams.on::before, table.list-view th.msteams.sortable::before, .search-bar div.msteams.queries::before {
    background-image: url(/images/ico_team.svg); }
  .icon.lark::before, table.list-view th.lark.on::before, table.list-view th.lark.sortable::before, .search-bar div.lark.queries::before {
    background-image: url(/images/ico-lark.svg); }
  .icon.external-link:before, .external-link.form-item-autocomplete.loading-autocomplete:before, table.list-view th.external-link.on:before, table.list-view th.external-link.sortable:before, .ui-indicator .external-link#indicator:before, .search-bar div.external-link.queries:before {
    content: ""; }
  .icon.external-link-square:before, .external-link-square.form-item-autocomplete.loading-autocomplete:before, table.list-view th.external-link-square.on:before, table.list-view th.external-link-square.sortable:before, .ui-indicator .external-link-square#indicator:before, .search-bar div.external-link-square.queries:before {
    content: ""; }

.thaw {
  text-indent: 0 !important; }

.material-icons {
  font-family: 'Material Icons' !important; }

.ui-indicator {
  background: transparent !important; }
  .ui-indicator #indicator {
    background-color: transparent;
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    margin-top: 0px;
    height: calc(100vh);
    overflow: none;
    color: white; }
    .ui-indicator #indicator:before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -80px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center !important;
      font-size: 3.6rem;
      padding: 0 !important;
      -webkit-animation: fa-spin 1s infinite linear;
      animation: fa-spin 1s infinite linear;
      content: ""; }
    .ui-indicator #indicator:after {
      content: 'Loading ...';
      position: absolute;
      width: inherit;
      text-align: center;
      font-size: 1rem;
      top: 50%;
      left: 0;
      margin-top: -10px;
      width: 100%; }

@keyframes indicator-label-present {
  0% {
    transform: translateY(24px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.indicator-mask {
  width: 100vw;
  height: 100vh;
  z-index: 15000;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  transform: none;
  overflow: hidden; }
  .indicator-mask section {
    border-width: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    box-sizing: content-box !important;
    border: 100vw solid rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    transition: all 0.25s ease-in-out;
    cursor: pointer; }
  .indicator-mask div.tips {
    font-size: 16px;
    position: fixed;
    background-color: #FFFFFF;
    border-radius: 12px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    animation: indicator-label-present 0.25s ease-in-out;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    padding-top: 12px;
    padding-bottom: 12px; }
    .indicator-mask div.tips p {
      color: #222;
      font-size: 14px; }
      .indicator-mask div.tips p b {
        color: black;
        font-weight: bold; }
      .indicator-mask div.tips p h1 {
        margin-bottom: 1em;
        font-weight: bold;
        font-size: 1.25em;
        padding: 0;
        line-height: initial;
        height: initial;
        text-transform: uppercase; }
      .indicator-mask div.tips p .key {
        padding: 0.15em 0.5em;
        background-color: #abc;
        border-radius: 0.4em;
        color: #fff; }
      .indicator-mask div.tips p .step {
        display: block;
        position: absolute;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
        color: #D0C9C3; }
        .indicator-mask div.tips p .step::after {
          content: " / " attr(data-max); }
  .indicator-mask div.btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 16px;
    padding-right: 16px; }
    .indicator-mask div.btns button {
      border: 0;
      font-weight: normal;
      color: #D0C9C3;
      padding: 0;
      margin-left: 0; }
    .indicator-mask div.btns button.main {
      color: #5F5BFF;
      font-weight: bold; }
    .indicator-mask div.btns button:hover {
      background: transparent; }
    .indicator-mask div.btns .space {
      flex: 1; }

nav.breadcrumbs h1, nav.breadcrumbs h2 {
  position: relative;
  cursor: pointer; }

.me {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
  cursor: pointer;
  line-height: inherit; }
  .me img {
    width: auto;
    height: 32px;
    border-radius: 16px; }
  .me h6 {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    font-size: 1rem;
    white-space: nowrap; }
  .me:hover {
    transform: scale(1.1);
    transition-duration: .25s;
    font-weight: bold; }

i.file_add {
  background-image: url(/images/ico_plus_white.svg); }

i.info {
  background-image: url(/images/ico_info.svg); }

i.info.on {
  background-image: url(/images/ico_info_on.svg); }

.ballon-text-left {
  background-color: #0084FF;
  color: white;
  width: 270px;
  padding: 10px 16px;
  box-sizing: border-box;
  font-size: .8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 16px;
  word-break: break-word; }

dl.tabs {
  display: flex;
  border: 1px solid #D0C9C3;
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  width: auto;
  margin-bottom: 10px;
  justify-content: center;
  width: 80%;
  align-items: stretch; }
  dl.tabs dd {
    font-size: .8rem;
    padding: 0 10px 0 10px;
    width: auto;
    height: inherit;
    line-height: inherit;
    border-right: 1px solid #D0C9C3;
    color: #666;
    position: relative;
    cursor: pointer; }
  dl.tabs dd:last-child {
    border-right: 0; }
  dl.tabs dd.has {
    padding-left: 20px; }
  dl.tabs dd.has:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 6px;
    top: 50%;
    transform: translate(0, -4px);
    border-radius: 4px;
    background-color: #FFAC23; }
  dl.tabs dd.on {
    color: #999;
    font-weight: bold; }
  dl.tabs dd.on.has:before {
    background-color: #0084FF; }

#caption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: inherit;
  text-align: left; }
  #caption > div {
    position: relative;
    width: inherit;
    height: inherit;
    min-height: 60px;
    overflow: hidden;
    background: white; }
  #caption > div > div {
    width: inherit;
    height: inherit;
    min-height: inherit;
    position: relative; }
  #caption .saving:before, #caption .save-error:before, #caption .save-success:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding-left: 16px;
    box-sizing: border-box;
    color: #999; }
  #caption .saving:before {
    content: 'Saving ...';
    animation: scrolling-caption-fixed 0.2s ease-out; }
  #caption .saving button.hiding {
    display: none; }
  #caption .save-error:before {
    content: 'Failed to save the data !!!';
    color: #DB234B;
    animation: scrolling-caption 1s ease-out; }
  #caption .save-success:before {
    content: 'Data has been saved successfully.';
    animation: scrolling-caption 1s ease-out; }

@keyframes scrolling-caption {
  0% {
    top: 100%; }
  10% {
    top: 0; }
  90% {
    top: 0;
    opacity: 1; }
  100% {
    top: -60px;
    opacity: 0; } }

@keyframes scrolling-caption-fixed {
  0% {
    top: 100%; }
  10% {
    top: 0; }
  100% {
    top: 0; } }

.columns {
  display: block;
  position: relative; }
  .columns > div {
    position: relative;
    margin: 20px;
    padding: 8px;
    width: 240px;
    height: 64px;
    border-radius: 4px;
    float: left;
    background-color: white;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .columns > div:hover {
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
    .columns > div * {
      position: relative;
      box-sizing: border-box;
      text-align: left; }
    .columns > div h3 {
      height: 28px;
      line-height: 24px;
      font-size: .9rem;
      font-weight: 600; }
    .columns > div p {
      margin: 0;
      padding: 0;
      font-size: .8rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.check-errors {
  background-color: rgba(255, 255, 255, 0.1);
  overflow: auto;
  max-height: 200px;
  padding: 8px 16px; }
  .check-errors > * {
    display: block !important;
    line-height: 20px;
    font-size: 12px;
    clear: both;
    width: inherit;
    text-decoration: none;
    text-align: left; }
    .check-errors > *:not(h3) {
      font-weight: normal !important; }
    .check-errors > *:not(h3):before {
      content: '・';
      font-weight: bold !important; }
    .check-errors > *:first-child {
      font-weight: bold !important; }
    .check-errors > * b {
      color: #222; }
    .check-errors > * u {
      color: rgba(255, 255, 255, 0.7); }
      .check-errors > * u:first-child {
        font-size: 12px; }

div.thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  box-sizing: border-box; }
  div.thumb.large {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 30px !important; }

aside details summary {
  height: 44px;
  line-height: 44px;
  font-size: 1rem;
  cursor: pointer;
  color: #3A3AB5;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  position: relative; }

aside details summary + ul {
  padding-left: 1.4rem; }
  aside details summary + ul li {
    height: 36px;
    line-height: 36px; }

.left-pane {
  position: relative;
  width: 180px;
  height: inherit;
  background-color: white;
  border-right: 1px solid #D0C9C3;
  display: flex;
  flex-direction: column;
  align-items: top; }
  .left-pane > ul, .left-pane > section {
    flex: 1;
    width: inherit;
    min-height: 48px; }
  .left-pane ul {
    overflow-x: hidden; }
  .left-pane header {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 24px;
    line-height: 24px !important;
    height: auto !important;
    text-align: left;
    color: #D0C9C3;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 0; }
  .left-pane li {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    color: #666;
    cursor: pointer; }
    .left-pane li > * {
      cursor: pointer; }
    .left-pane li:hover {
      background: #D0C9C3; }
    .left-pane li.on {
      background-color: #D0C9C3;
      margin-right: 1px; }
      .left-pane li.on * {
        color: #222; }
    .left-pane li.group {
      height: 36px;
      line-height: 36px;
      margin-top: 48px; }
    .left-pane li.group:hover {
      background: transparent; }
    .left-pane li h4 {
      padding-left: 16px;
      line-height: 40px;
      color: #D0C9C3 !important;
      font-size: 11px; }
    .left-pane li label {
      padding-left: 16px;
      text-transform: capitalize;
      font-weight: normal;
      flex: 1;
      cursor: pointer; }
    .left-pane li dl {
      min-width: 28px;
      width: 28px; }
    .left-pane li.icon, .left-pane li.form-item-autocomplete.loading-autocomplete:before, .left-pane .ui-indicator li#indicator:before, .ui-indicator .left-pane li#indicator:before {
      text-indent: 40px;
      padding-left: 0; }
    .left-pane li.icon:before, .left-pane li.form-item-autocomplete.loading-autocomplete:before, .left-pane .ui-indicator li#indicator:before, .ui-indicator .left-pane li#indicator:before {
      text-indent: 0;
      margin-left: 32px;
      width: 16px;
      background-size: auto 16px;
      background-position: center center; }
  .left-pane .ui-dropdown {
    padding-left: 0; }
  .left-pane footer {
    width: inherit;
    height: auto;
    min-height: 48px;
    padding-bottom: 40px;
    background: #F8F6F5;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
    .left-pane footer button {
      border: 0;
      background: transparent;
      text-align: left;
      padding-right: 10px;
      margin: auto;
      white-space: normal;
      height: auto;
      text-indent: 0;
      padding-left: 24px;
      margin-top: 8px; }
      .left-pane footer button:before {
        text-indent: 8px !important; }
      .left-pane footer button.icon:before, .left-pane footer button.form-item-autocomplete.loading-autocomplete:before, .left-pane footer .ui-indicator button#indicator:before, .ui-indicator .left-pane footer button#indicator:before {
        line-height: 28px; }
      .left-pane footer button:hover {
        background: transparent; }

section.dark {
  background-color: #666; }
  section.dark > * {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7); }
  section.dark footer {
    color: white !important; }
    section.dark footer button {
      color: white; }
    section.dark footer .icon, section.dark footer .form-item-autocomplete.loading-autocomplete:before, section.dark footer table.list-view th.on, table.list-view section.dark footer th.on, section.dark footer table.list-view th.sortable, table.list-view section.dark footer th.sortable, section.dark footer .ui-indicator #indicator:before, .ui-indicator section.dark footer #indicator:before, section.dark footer .search-bar div.queries, .search-bar section.dark footer div.queries {
      color: white; }

.center-pane {
  flex: 1;
  height: inherit; }
  .center-pane > section {
    flex: 1; }
  .center-pane.list-view-frame footer {
    height: 48px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    position: relative;
    background: white; }
    .center-pane.list-view-frame footer .buttons {
      margin-right: 24px;
      line-height: 40px;
      display: flex; }
  .center-pane li {
    width: inherit;
    position: relative; }
  .center-pane footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }

.right-pane {
  position: relative;
  width: 360px;
  height: inherit;
  background-color: white;
  border-left: 1px solid #D0C9C3;
  overflow-y: hidden; }

.popover.vars {
  z-index: 999; }
  .popover.vars i.close {
    position: absolute;
    right: 12px;
    top: 12px; }
  .popover.vars 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 dl.emoticons p {
      display: block;
      width: 100%;
      padding: 0 6px 6px;
      font-size: 10px; }
  .popover.vars 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 {
      background-color: #FDC73E; }
    .popover.vars dd.emoticon {
      padding: 0px;
      background-color: #FFFFFF;
      height: 40px;
      width: 40px; }
  .popover.vars footer {
    background-color: transparent; }
  .popover.vars header ul {
    display: flex; }
    .popover.vars header ul li {
      cursor: pointer;
      margin-right: 8px; }
      .popover.vars header ul li.on {
        color: #FFFFFF; }

.popover.white.users-csv-btns li {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
  border-bottom: 1px solid #D0C9C3; }
  .popover.white.users-csv-btns li:last-child {
    border-bottom: 0; }
  .popover.white.users-csv-btns 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 {
    height: 44px;
    line-height: 44px; }

.normal-window, .wide-window {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.2);
  padding-top: 70px; }
  .normal-window > section, .wide-window > section {
    width: 800px;
    height: 480px;
    max-height: 640px;
    margin: auto;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    position: relative;
    align-content: stretch;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }
    .normal-window > section > dl, .wide-window > section > dl {
      height: 100%; }
    .normal-window > section > section, .wide-window > section > section {
      flex: 1;
      height: 100%;
      min-height: auto !important;
      box-sizing: border-box; }
    .normal-window > section footer, .wide-window > section footer {
      position: absolute;
      width: inherit;
      right: 0;
      left: 0;
      text-align: left; }
  .normal-window i.close, .wide-window i.close {
    top: 12px;
    background-image: url(/images/ico-cross-dark.svg);
    background-size: 16px auto;
    right: 16px; }
  .normal-window header h2, .wide-window header h2 {
    padding-left: 0; }
  .normal-window form, .wide-window form {
    min-height: auto !important; }
  .normal-window textarea, .wide-window textarea {
    height: 180px; }
  .normal-window .ui-tab-menu, .wide-window .ui-tab-menu {
    align-items: stretch;
    flex-direction: column;
    width: 160px;
    height: inherit;
    justify-content: flex-start;
    background-color: #D0C9C3;
    border: 0;
    border-right: 1px solid #D0C9C3; }
    .normal-window .ui-tab-menu dd, .wide-window .ui-tab-menu dd {
      width: inherit;
      height: 44px;
      line-height: 44px;
      border: 0px;
      width: initial;
      border-bottom: 1px solid #D0C9C3;
      padding-left: 36px !important;
      text-align: left; }
      .normal-window .ui-tab-menu dd.on, .wide-window .ui-tab-menu dd.on {
        background-color: white;
        border-right-color: white; }
      .normal-window .ui-tab-menu dd:before, .wide-window .ui-tab-menu dd:before {
        left: 8px; }

.wide-window > section {
  width: 1200px;
  height: 80vh;
  display: flex;
  flex-direction: column !important; }
  .wide-window > section h2 {
    height: 48px;
    line-height: 48px;
    width: inherit;
    border-bottom: 1px solid #D0C9C3;
    text-align: left;
    padding-left: 16px; }

.wide-window footer {
  background: white; }

.plus-minus {
  width: 24px;
  height: 48px;
  position: absolute;
  left: 330px;
  top: 6px;
  color: #999; }
  .plus-minus i:before {
    color: #666; }
  .plus-minus .minus-square {
    top: 20px; }

textarea:focus ~ .plus-minus i:before {
  color: #FFFFFF; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid var(--ln);
  border-bottom: 0; }

.empty {
  color: #D0C9C3; }

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

.logo {
  height: 24px; }

header .logo {
  cursor: pointer;
  background-size: 2rem;
  min-width: 2rem;
  width: 2rem; }

.vip {
  padding-right: 0; }
  .vip:after {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    padding: 0;
    padding-left: 6px !important;
    width: 18px !important;
    content: "";
    text-indent: 0;
    font-size: 0.9rem; }

h4.vip:after {
  color: #FDC73E; }

@keyframes editor-thumb-ol {
  0% {
    top: 24px;
    opacity: 0.25; }
  100% {
    top: 0;
    opacity: 1; } }

dl#ol_editors {
  height: 24px;
  line-height: 24px;
  width: 140px;
  box-sizing: border-box;
  margin-top: 18px;
  position: relative;
  overflow: hidden;
  margin-left: 10px;
  cursor: pointer; }
  dl#ol_editors dd {
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin-right: 4px;
    position: relative;
    overflow: hidden; }
    dl#ol_editors dd img {
      width: inherit;
      height: inherit;
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      animation: editor-thumb-ol 0.4s ease-in-out; }

@keyframes show-hint {
  0% {
    top: 90px;
    opacity: 0.1; }
  25% {
    top: 54px;
    opacity: 1; }
  75% {
    top: 54px;
    opacity: 1; }
  100% {
    top: 54px;
    opacity: 0; } }

div.hint {
  position: fixed;
  right: 16px;
  z-index: 1000;
  background-color: #5F5BFF;
  color: white;
  text-align: center;
  width: 120px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  animation: show-hint 1.2s ease-in-out forwards; }
  div.hint:before {
    position: absolute;
    top: -16px;
    right: 10px;
    left: auto;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #5F5BFF;
    content: ""; }

div#hint.hint {
  animation: none;
  background-color: rgba(0, 0, 0, 0.8); }
  div#hint.hint:before {
    width: 0;
    height: 0;
    display: none; }

main.p2-layout {
  display: flex;
  flex-direction: row; }
  main.p2-layout .left-pane {
    width: 200px;
    background: #F8F6F5; }
  main.p2-layout .center-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px; }
    main.p2-layout .center-pane h2 {
      height: 80px; }
    main.p2-layout .center-pane .content {
      width: inherit;
      background-color: white; }
    main.p2-layout .center-pane section {
      height: auto; }
    main.p2-layout .center-pane form {
      height: auto;
      margin: 0;
      padding-left: 24px; }
      main.p2-layout .center-pane form li {
        text-align: left; }
        main.p2-layout .center-pane form li h4 {
          margin-left: 0; }
      main.p2-layout .center-pane form li[type=hidden] {
        display: none; }
      main.p2-layout .center-pane form li.on {
        border-bottom: 1px solid #999; }

main.p3-layout {
  display: flex;
  flex-direction: row;
  overflow: hidden; }
  main.p3-layout .left-pane.groups {
    width: 240px;
    background-color: #F8F6F5; }
  main.p3-layout .left-pane.items {
    width: 240px;
    background-color: #FFFFFF; }
  main.p3-layout .center-pane {
    flex: 1;
    display: flex;
    flex-direction: column; }
    main.p3-layout .center-pane .content {
      width: inherit;
      background-color: white; }
    main.p3-layout .center-pane section {
      height: auto; }

.search-bar {
  min-height: 72px;
  height: 72px !important;
  line-height: 72px;
  width: calc(100% - 64px);
  margin: auto;
  border-bottom: 2px solid #F8F6F5;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  flex: 0 !important; }
  .search-bar input[type=text] {
    border: 0;
    background: #FFFFFF;
    width: 280px; }
  .search-bar div.queries {
    height: 48px;
    line-height: 48px;
    align-items: center;
    display: flex;
    flex-direction: row; }
    .search-bar div.queries:before {
      line-height: 48px; }
    .search-bar div.queries > *:first-child {
      margin-left: 24px; }
  .search-bar h4 {
    font-weight: normal;
    text-transform: none;
    color: #999; }
  .search-bar .ui-tab-menu {
    margin-left: auto; }
  .search-bar i.menu-switch {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px; }

.hide-menu .left-pane {
  transform: rotateY(90deg) !important;
  transition-duration: 0s;
  flex-shrink: 1 !important;
  position: fixed;
  left: 0; }

.hide-menu .center-pane {
  width: 100vw !important;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  padding-left: 20px; }
  .hide-menu .center-pane:before {
    content: "";
    background-color: #222;
    height: 100%;
    width: 28px;
    position: absolute;
    top: 0;
    left: 0; }
  .hide-menu .center-pane .search-bar {
    min-width: calc(100vw - 60px);
    margin-right: 20px; }
  .hide-menu .center-pane .list-frame {
    min-width: 100%; }
  .hide-menu .center-pane > footer {
    width: 100%;
    background-color: transparent; }
  .hide-menu .center-pane i.menu-switch {
    transform: translateX(-38px);
    color: white; }

#cursor {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: rgba(224, 192, 64, 0.4);
  position: fixed;
  display: block;
  z-index: 999999;
  top: -20px;
  left: -20px; }

#anybot_widget {
  position: fixed;
  width: 375px;
  height: 650px;
  z-index: 9999;
  background: white;
  right: 24px;
  bottom: 24px;
  border: 0;
  outline: 0;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }

.ui-progress-bar {
  display: flex;
  margin: auto;
  flex-direction: row;
  margin: 2px;
  justify-content: flex-start;
  width: 100px;
  box-sizing: border-box;
  padding: 2px;
  height: 20px;
  background: #666;
  transform-origin: top left; }
  .ui-progress-bar dd {
    background: white;
    height: 16px;
    width: 16px;
    margin-right: 2px; }
  .ui-progress-bar dd:last-child {
    margin-right: 0; }

.progress-window section {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  align-items: center; }

.csv-encoding-window {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px; }
  .csv-encoding-window h3 {
    cursor: auto; }
  .csv-encoding-window section {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .csv-encoding-window section .form-type-radio {
      flex-direction: row; }
  .csv-encoding-window.with-dates section {
    height: 100%; }
    .csv-encoding-window.with-dates section h4 {
      width: 150px; }
    .csv-encoding-window.with-dates section div.form-type-date {
      max-width: 180px;
      min-width: 180px; }
      .csv-encoding-window.with-dates section div.form-type-date input[type="date"] {
        width: 100%; }
  .csv-encoding-window footer {
    margin-bottom: 16px;
    width: auto; }

.popup.qr-download {
  width: 480px; }
  .popup.qr-download dl {
    width: auto;
    margin: auto;
    justify-content: center;
    margin-bottom: 40px; }
  .popup.qr-download dd {
    text-align: center;
    justify-content: center; }
  .popup.qr-download dd h3 {
    text-align: center;
    margin: auto;
    height: 48px;
    line-height: 48px; }
  .popup.qr-download dd footer button {
    margin-left: 0 !important; }
  .popup.qr-download a.show_link {
    line-height: 20px;
    color: #FDC73E;
    word-break: break-all; }
  .popup.qr-download .qr_views {
    margin: 10px 0px; }

.popup.qr-download.store {
  width: 600px; }

.popup.qr-download.miniapp {
  width: 600px; }
  .popup.qr-download.miniapp dd div.oname-icon {
    display: flex;
    flex-direction: row;
    margin: 0px 0px 16px 0px;
    width: 100%;
    height: 24px; }
    .popup.qr-download.miniapp dd div.oname-icon div {
      margin: 0px;
      width: 36px;
      height: 24px;
      width: inherit;
      color: #999; }
    .popup.qr-download.miniapp dd div.oname-icon div.icon, .popup.qr-download.miniapp dd div.oname-icon div.form-item-autocomplete.loading-autocomplete:before, .popup.qr-download.miniapp dd div.oname-icon .ui-indicator div#indicator:before, .ui-indicator .popup.qr-download.miniapp dd div.oname-icon div#indicator:before, .popup.qr-download.miniapp dd div.oname-icon .search-bar div.queries, .search-bar .popup.qr-download.miniapp dd div.oname-icon div.queries {
      padding: 0 !important; }
    .popup.qr-download.miniapp dd div.oname-icon div.icon:before, .popup.qr-download.miniapp dd div.oname-icon div.form-item-autocomplete.loading-autocomplete:before, .popup.qr-download.miniapp dd div.oname-icon .ui-indicator div#indicator:before, .ui-indicator .popup.qr-download.miniapp dd div.oname-icon div#indicator:before, .popup.qr-download.miniapp dd div.oname-icon .search-bar div.queries:before, .search-bar .popup.qr-download.miniapp dd div.oname-icon div.queries:before {
      font-size: 24px;
      text-align: center;
      width: 100%;
      padding-top: 0px; }
    .popup.qr-download.miniapp dd div.oname-icon div.iconf {
      background-position: center 0px;
      width: 100%;
      height: 24px;
      padding-top: 2px; }
      .popup.qr-download.miniapp dd div.oname-icon div.iconf.line {
        background-image: url(/images/ico-line-g.svg?v=1);
        background-size: 22px auto; }
  .popup.qr-download.miniapp .miniapp-qr {
    display: block;
    text-align: center; }
    .popup.qr-download.miniapp .miniapp-qr p {
      padding: 0 8px 0 0;
      line-height: initial; }

.popup.payment h3.center {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 16px; }

.popup.payment .description {
  background-color: #F8F6F5;
  margin: 20px 180px;
  text-align: left;
  padding: 20px; }

.popup.payment .coupons {
  display: flex;
  justify-content: center;
  padding: 8px; }
  .popup.payment .coupons .ui-dropdown {
    width: 180px;
    margin: 0px 12px; }

.popup.invite input[type=text] {
  display: block;
  margin: auto; }

.popup.plans {
  height: 640px; }
  .popup.plans > section {
    width: 960px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .popup.plans h3 {
    text-align: center;
    font-size: 16px; }
  .popup.plans h5 {
    font-size: 24px;
    font-weight: bold;
    height: 48px;
    line-height: 48px; }
  .popup.plans section .container {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .popup.plans section .container > div {
      display: flex;
      flex-direction: column;
      width: 200px;
      margin: 8px;
      overflow: hidden;
      text-align: center;
      border: 1px solid #D0C9C3;
      padding-bottom: 16px;
      border-radius: 8px;
      margin-top: 16px; }
    .popup.plans section .container > div.titles {
      border: 0; }
      .popup.plans section .container > div.titles .header {
        background-color: transparent; }
      .popup.plans section .container > div.titles li, .popup.plans section .container > div.titles .header + div {
        text-align: left; }
      .popup.plans section .container > div.titles .header + div:after {
        background-color: transparent; }
      .popup.plans section .container > div.titles li.hr:after {
        margin-left: 0; }
    .popup.plans section .container .header {
      padding-top: 12px;
      padding-bottom: 8px;
      height: 76px;
      background-color: #F8F6F5; }
    .popup.plans section .container .header + div {
      height: 90px;
      margin-bottom: 16px; }
      .popup.plans section .container .header + div:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 120px;
        height: 1px;
        background-color: #D0C9C3;
        left: 40px; }
    .popup.plans section .container h3 {
      font-weight: 600;
      color: #222;
      height: 32px;
      line-height: 32px; }
    .popup.plans section .container h3 + span {
      font-size: 13px; }
    .popup.plans section .container h5 {
      font-weight: 600;
      color: #222;
      margin-top: 4px; }
    .popup.plans section .container h5 + span {
      height: 24px;
      line-height: 24px; }
    .popup.plans section .container li {
      height: 28px;
      line-height: 28px;
      text-align: center;
      cursor: pointer; }
    .popup.plans section .container li:hover {
      background-color: #F8F6F5; }
    .popup.plans section .container b, .popup.plans section .container li.hr:after {
      width: 16px;
      height: 1px;
      background: #D0C9C3;
      border-radius: 8px;
      display: block;
      margin: auto;
      box-sizing: border-box;
      margin-top: 12px;
      content: ""; }
    .popup.plans section .container b.icon.checked, .popup.plans section .container b.checked.form-item-autocomplete.loading-autocomplete:before, .popup.plans section .container .ui-indicator b.checked#indicator:before, .ui-indicator .popup.plans section .container b.checked#indicator:before {
      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; }

.popup.new-member {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  max-width: none;
  background-image: url(/images/walkthrough_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .popup.new-member h1, .popup.new-member h2, .popup.new-member h3, .popup.new-member h4, .popup.new-member p, .popup.new-member .ui-dropdown {
    cursor: default; }
  .popup.new-member > div {
    height: 664px;
    width: 1020px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px; }
  .popup.new-member li.form-item-department > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: start; }
  .popup.new-member div {
    display: flex;
    flex-direction: row; }
    .popup.new-member div .welcome {
      border-radius: 8px 0 0 8px;
      background-image: url("data:image/svg+xml,%3Csvg width='428' height='334' viewBox='0 0 428 334' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3207 14.254C32.1396 6.39388 44.8604 6.39386 52.6792 14.2539L335.829 298.895C348.377 311.509 339.442 333 321.649 333H-244.649C-262.442 333 -271.377 311.509 -258.829 298.895L24.3207 14.254Z' fill='%234747EE' fill-opacity='0.6'/%3E%3Cpath d='M362.321 14.254C370.14 6.39388 382.86 6.39386 390.679 14.2539L673.829 298.895C686.377 311.509 677.442 333 659.649 333H93.3506C75.5579 333 66.6232 311.509 79.1715 298.895L362.321 14.254Z' fill='%234747EE' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
      background-position: bottom;
      background-size: contain;
      background-color: var(--a1);
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 24px;
      min-width: 210px; }
      .popup.new-member div .welcome div.image {
        width: 140px;
        position: relative; }
        .popup.new-member div .welcome div.image img {
          z-index: 100;
          width: 270%;
          height: auto;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
    .popup.new-member div .form {
      border-radius: 0 8px 8px 0;
      padding: 72px 0 0 214px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #fff;
      overflow: hidden; }
      .popup.new-member div .form label {
        cursor: default !important; }
      .popup.new-member div .form .hidden-input, .popup.new-member div .form.first li.fifth, .popup.new-member div .form.first li.second, .popup.new-member div .form.first li.third, .popup.new-member div .form.first li.fourth, .popup.new-member div .form.second li.first, .popup.new-member div .form.second li.third, .popup.new-member div .form.second li.fourth, .popup.new-member div .form.second li.fifth, .popup.new-member div .form.second li.others.hide, .popup.new-member div .form.third li.first, .popup.new-member div .form.third li.second, .popup.new-member div .form.third li.fourth, .popup.new-member div .form.third li.fifth, .popup.new-member div .form.third li.other-companies-name.hide, .popup.new-member div .form.third li.feature.hide, .popup.new-member div .form.fourth li.first, .popup.new-member div .form.fourth li.second, .popup.new-member div .form.fourth li.third, .popup.new-member div .form.fourth li.fifth, .popup.new-member div .form.fourth li.details.hide, .popup.new-member div .form.fourth li.other-companies-name.hide, .popup.new-member div .form.fourth li.calendar.hide, .popup.new-member div .form.fifth li.first, .popup.new-member div .form.fifth li.second, .popup.new-member div .form.fifth li.third, .popup.new-member div .form.fifth li.fourth {
        position: absolute;
        opacity: 0;
        z-index: -1; }
      .popup.new-member div .form h4 {
        font-size: 13px; }
      .popup.new-member div .form li h4 {
        color: var(--d2);
        font-weight: 600; }
      .popup.new-member div .form li.fourth h4 {
        line-height: normal;
        height: auto;
        min-width: fit-content;
        margin-bottom: 8px; }
      .popup.new-member div .form li.fourth div {
        flex-direction: column; }
      .popup.new-member div .form header.welcome-msg {
        border: none;
        padding-left: 48px;
        height: 120px;
        background-color: #fff; }
        .popup.new-member div .form header.welcome-msg h2 {
          font-size: 26px; }
        .popup.new-member div .form header.welcome-msg p {
          font-size: 13px;
          line-height: normal;
          font-weight: 400;
          padding: 0; }
      .popup.new-member div .form form {
        overflow-x: hidden;
        overflow-y: auto; }
        .popup.new-member div .form form ul {
          padding: 0; }
      .popup.new-member div .form.first li.form-item-department > div {
        flex-direction: column; }
      .popup.new-member div .form.first li.ai-staff {
        flex-direction: row;
        align-items: start; }
        .popup.new-member div .form.first li.ai-staff h4 {
          line-height: 18px;
          padding: 8px 24px 0 0;
          height: auto; }
        .popup.new-member div .form.first li.ai-staff div.form-type-checkbox {
          flex-wrap: wrap;
          justify-content: space-between; }
      .popup.new-member div .form.first li.form-item-role label {
        margin-right: 8px; }
      .popup.new-member div .form.second li.needs-title {
        padding: 8px 24px; }
      .popup.new-member div .form.second h4.second {
        display: block;
        min-width: fit-content;
        height: auto; }
      .popup.new-member div .form.second a {
        display: block;
        margin-bottom: 66px;
        padding-left: 48px;
        text-align: left;
        text-decoration: underline;
        cursor: pointer; }
      .popup.new-member div .form.second li label {
        margin-right: 0; }
      .popup.new-member div .form.third li.third {
        flex-direction: column; }
        .popup.new-member div .form.third li.third.form-item-ai_cost > div {
          flex-direction: column; }
        .popup.new-member div .form.third li.third.form-item-training > div {
          flex-wrap: wrap; }
        .popup.new-member div .form.third li.third h4 {
          min-width: fit-content; }
      .popup.new-member div .form.fourth li.fourth {
        flex-direction: column; }
      .popup.new-member div .form.fourth li.form-item-calendar input {
        width: fit-content; }
      .popup.new-member div .form:has(.outer) footer {
        display: none; }
      .popup.new-member div .form ul {
        padding-left: 0;
        padding-right: 0; }
      .popup.new-member div .form li div.form-type-checkbox {
        margin-top: 4px; }
      .popup.new-member div .form li.form-item-platforms div.form-type-checkbox {
        flex-wrap: wrap; }
      .popup.new-member div .form li.form-item-purpose div.form-type-checkbox {
        flex-direction: column; }
      .popup.new-member div .form li {
        padding-left: 24px; }
      .popup.new-member div .form form li.chatbot-name {
        margin-bottom: 16px; }
      .popup.new-member div .form form li.line, .popup.new-member div .form form li.chatbot-name {
        flex-direction: column; }
        .popup.new-member div .form form li.line h4, .popup.new-member div .form form li.chatbot-name h4 {
          width: fit-content; }
        .popup.new-member div .form form li.line div.form-type-checkbox, .popup.new-member div .form form li.chatbot-name div.form-type-checkbox {
          flex-direction: column; }
          .popup.new-member div .form form li.line div.form-type-checkbox label, .popup.new-member div .form form li.chatbot-name div.form-type-checkbox label {
            margin-bottom: 8px; }
      .popup.new-member div .form form li.chatbot-name input {
        width: 70%; }
      .popup.new-member div .form form li.second {
        flex-direction: column; }
        .popup.new-member div .form form li.second h4 {
          min-width: fit-content;
          text-transform: none; }
        .popup.new-member div .form form li.second div.form-type-checkbox {
          flex-direction: row;
          flex-wrap: wrap;
          column-gap: 8px; }
      .popup.new-member div .form footer {
        position: sticky;
        bottom: 0;
        padding: 40px 32px;
        background-color: #fff;
        border-top: none;
        justify-content: space-between; }
        .popup.new-member div .form footer h2 {
          color: var(--ln); }
        .popup.new-member div .form footer div {
          flex-direction: row-reverse; }
        .popup.new-member div .form footer button {
          background-color: var(--a1);
          color: #fff;
          position: relative; }
          .popup.new-member div .form footer button:disabled {
            opacity: 0.5;
            pointer-events: none;
            cursor: not-allowed; }
          .popup.new-member div .form footer button.btn-next::after, .popup.new-member div .form footer button.btn-back::after {
            content: '';
            position: absolute;
            transform: translateY(-50%);
            height: 20px;
            width: 20px;
            background-image: url(/images/ico_arrow_alt_circle_right.svg);
            background-repeat: no-repeat;
            background-position: center; }
          .popup.new-member div .form footer button.btn-next {
            text-indent: -12px;
            padding: 0 40px; }
            .popup.new-member div .form footer button.btn-next::after {
              top: 50%;
              right: 8px; }
          .popup.new-member div .form footer button.btn-back {
            text-indent: 22px;
            padding: 0 21px; }
            .popup.new-member div .form footer button.btn-back::after {
              bottom: 50%;
              left: 8px;
              transform: rotate(180deg) translateY(-50%); }
          .popup.new-member div .form footer button:hover {
            background-color: #3A3AB5; }
    .popup.new-member div i.scroll-icon {
      position: absolute;
      bottom: 160px;
      right: 32px;
      display: block; }
      .popup.new-member div i.scroll-icon.hidden {
        display: none; }
      .popup.new-member div i.scroll-icon::before {
        color: rgba(95, 91, 255, 0.5);
        font-size: 36px;
        animation: moveDown 1.6s infinite;
        -webkit-animation: moveDown 1.6s infinite; }

@keyframes moveDown {
  to {
    opacity: 0;
    top: 25px; } }

@-webkit-keyframes moveDown {
  to {
    opacity: 0;
    top: 25px; } }

section.mobile-view {
  font-family: 'Noto Sans JP','Poppins',"Meiryo","Hiragino Maru Gothic Pro",sans-serif; }

#mask.walkthrough {
  background-color: #5F5BFF;
  background-image: url(/images/deco_a1_footer.svg);
  background-position: center bottom;
  background-size: auto 50%; }
  #mask.walkthrough .popup {
    background-color: white;
    width: 480px; }
    #mask.walkthrough .popup * {
      color: #222; }
    #mask.walkthrough .popup form {
      padding-top: 60px;
      padding-bottom: 32px;
      width: 480px;
      background-image: url(/images/logo-full.svg);
      background-position: center 28px;
      background-size: auto 36px; }
      #mask.walkthrough .popup form h3 {
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        height: 40px;
        margin: auto; }
      #mask.walkthrough .popup form li {
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px; }
        #mask.walkthrough .popup form li input[type=text], #mask.walkthrough .popup form li input[type=password] {
          height: 44px;
          line-height: 44px;
          width: 80%;
          margin: auto;
          font-size: 14px; }
        #mask.walkthrough .popup form li textarea {
          width: 80%;
          margin: auto;
          font-size: 14px; }
        #mask.walkthrough .popup form li p {
          padding-left: 12px;
          padding-right: 12px;
          font-size: 14px; }
      #mask.walkthrough .popup form .form-type-radio {
        flex-direction: row;
        justify-content: center; }
        #mask.walkthrough .popup form .form-type-radio label {
          font-size: 14px; }
      #mask.walkthrough .popup form li.error cite {
        display: block; }
      #mask.walkthrough .popup form cite {
        white-space: normal;
        width: 80px;
        line-height: 20px;
        right: 11%; }
    #mask.walkthrough .popup footer {
      text-align: center;
      justify-content: center; }
    #mask.walkthrough .popup button {
      width: 320px;
      height: 48px;
      line-height: 48px;
      background-color: #5F5BFF;
      color: white;
      margin-left: 0;
      font-size: 16px; }
      #mask.walkthrough .popup button:hover {
        background-color: #839BFB; }
      #mask.walkthrough .popup button:active {
        background-color: #3A3AB5; }

.tutorial-outline {
  z-index: 200;
  position: fixed;
  right: 0;
  top: 50%;
  transform-origin: right center;
  transform: scale(0.8) translateY(-50%);
  background-color: rgba(0, 0, 0, 0.55);
  padding: 10px;
  transition: transform .3s;
  border: solid 1px rgba(0, 0, 0, 0.2);
  opacity: 0.75; }
  .tutorial-outline-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    transform: translateX(calc(-100% - 10px)) translateY(-50%);
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    .tutorial-outline-close::after {
      content: '';
      background-image: url(/images/ico_chevron.svg);
      filter: brightness(10);
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      transition: transform .3s; }
  .tutorial-outline h2 {
    text-align: right;
    font-size: 20px;
    color: white; }
  .tutorial-outline ul li {
    text-align: right;
    position: relative;
    transition: all .3s;
    color: rgba(255, 255, 255, 0.6); }
    .tutorial-outline ul li.entrypoint {
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      padding-top: 8px;
      margin-top: 8px;
      font-size: 16px;
      margin-bottom: 8px; }
    .tutorial-outline ul li::after {
      content: '';
      display: inline-block;
      width: 0;
      margin-left: 0;
      transition: all .3s; }
  .tutorial-outline[data-current="1"] ul li:nth-of-type(1) {
    color: #fff; }
    .tutorial-outline[data-current="1"] ul li:nth-of-type(1)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="2"] ul li:nth-of-type(2) {
    color: #fff; }
    .tutorial-outline[data-current="2"] ul li:nth-of-type(2)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="3"] ul li:nth-of-type(3) {
    color: #fff; }
    .tutorial-outline[data-current="3"] ul li:nth-of-type(3)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="4"] ul li:nth-of-type(4) {
    color: #fff; }
    .tutorial-outline[data-current="4"] ul li:nth-of-type(4)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="5"] ul li:nth-of-type(5) {
    color: #fff; }
    .tutorial-outline[data-current="5"] ul li:nth-of-type(5)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="6"] ul li:nth-of-type(6) {
    color: #fff; }
    .tutorial-outline[data-current="6"] ul li:nth-of-type(6)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="7"] ul li:nth-of-type(7) {
    color: #fff; }
    .tutorial-outline[data-current="7"] ul li:nth-of-type(7)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="8"] ul li:nth-of-type(8) {
    color: #fff; }
    .tutorial-outline[data-current="8"] ul li:nth-of-type(8)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="9"] ul li:nth-of-type(9) {
    color: #fff; }
    .tutorial-outline[data-current="9"] ul li:nth-of-type(9)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="10"] ul li:nth-of-type(10) {
    color: #fff; }
    .tutorial-outline[data-current="10"] ul li:nth-of-type(10)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="11"] ul li:nth-of-type(11) {
    color: #fff; }
    .tutorial-outline[data-current="11"] ul li:nth-of-type(11)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="12"] ul li:nth-of-type(12) {
    color: #fff; }
    .tutorial-outline[data-current="12"] ul li:nth-of-type(12)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="13"] ul li:nth-of-type(13) {
    color: #fff; }
    .tutorial-outline[data-current="13"] ul li:nth-of-type(13)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="14"] ul li:nth-of-type(14) {
    color: #fff; }
    .tutorial-outline[data-current="14"] ul li:nth-of-type(14)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="15"] ul li:nth-of-type(15) {
    color: #fff; }
    .tutorial-outline[data-current="15"] ul li:nth-of-type(15)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="16"] ul li:nth-of-type(16) {
    color: #fff; }
    .tutorial-outline[data-current="16"] ul li:nth-of-type(16)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="17"] ul li:nth-of-type(17) {
    color: #fff; }
    .tutorial-outline[data-current="17"] ul li:nth-of-type(17)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="18"] ul li:nth-of-type(18) {
    color: #fff; }
    .tutorial-outline[data-current="18"] ul li:nth-of-type(18)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="19"] ul li:nth-of-type(19) {
    color: #fff; }
    .tutorial-outline[data-current="19"] ul li:nth-of-type(19)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="20"] ul li:nth-of-type(20) {
    color: #fff; }
    .tutorial-outline[data-current="20"] ul li:nth-of-type(20)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="21"] ul li:nth-of-type(21) {
    color: #fff; }
    .tutorial-outline[data-current="21"] ul li:nth-of-type(21)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="22"] ul li:nth-of-type(22) {
    color: #fff; }
    .tutorial-outline[data-current="22"] ul li:nth-of-type(22)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="23"] ul li:nth-of-type(23) {
    color: #fff; }
    .tutorial-outline[data-current="23"] ul li:nth-of-type(23)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="24"] ul li:nth-of-type(24) {
    color: #fff; }
    .tutorial-outline[data-current="24"] ul li:nth-of-type(24)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="25"] ul li:nth-of-type(25) {
    color: #fff; }
    .tutorial-outline[data-current="25"] ul li:nth-of-type(25)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="26"] ul li:nth-of-type(26) {
    color: #fff; }
    .tutorial-outline[data-current="26"] ul li:nth-of-type(26)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="27"] ul li:nth-of-type(27) {
    color: #fff; }
    .tutorial-outline[data-current="27"] ul li:nth-of-type(27)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="28"] ul li:nth-of-type(28) {
    color: #fff; }
    .tutorial-outline[data-current="28"] ul li:nth-of-type(28)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="29"] ul li:nth-of-type(29) {
    color: #fff; }
    .tutorial-outline[data-current="29"] ul li:nth-of-type(29)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="30"] ul li:nth-of-type(30) {
    color: #fff; }
    .tutorial-outline[data-current="30"] ul li:nth-of-type(30)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="31"] ul li:nth-of-type(31) {
    color: #fff; }
    .tutorial-outline[data-current="31"] ul li:nth-of-type(31)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="32"] ul li:nth-of-type(32) {
    color: #fff; }
    .tutorial-outline[data-current="32"] ul li:nth-of-type(32)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="33"] ul li:nth-of-type(33) {
    color: #fff; }
    .tutorial-outline[data-current="33"] ul li:nth-of-type(33)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="34"] ul li:nth-of-type(34) {
    color: #fff; }
    .tutorial-outline[data-current="34"] ul li:nth-of-type(34)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="35"] ul li:nth-of-type(35) {
    color: #fff; }
    .tutorial-outline[data-current="35"] ul li:nth-of-type(35)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="36"] ul li:nth-of-type(36) {
    color: #fff; }
    .tutorial-outline[data-current="36"] ul li:nth-of-type(36)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="37"] ul li:nth-of-type(37) {
    color: #fff; }
    .tutorial-outline[data-current="37"] ul li:nth-of-type(37)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="38"] ul li:nth-of-type(38) {
    color: #fff; }
    .tutorial-outline[data-current="38"] ul li:nth-of-type(38)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="39"] ul li:nth-of-type(39) {
    color: #fff; }
    .tutorial-outline[data-current="39"] ul li:nth-of-type(39)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="40"] ul li:nth-of-type(40) {
    color: #fff; }
    .tutorial-outline[data-current="40"] ul li:nth-of-type(40)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="41"] ul li:nth-of-type(41) {
    color: #fff; }
    .tutorial-outline[data-current="41"] ul li:nth-of-type(41)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="42"] ul li:nth-of-type(42) {
    color: #fff; }
    .tutorial-outline[data-current="42"] ul li:nth-of-type(42)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="43"] ul li:nth-of-type(43) {
    color: #fff; }
    .tutorial-outline[data-current="43"] ul li:nth-of-type(43)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="44"] ul li:nth-of-type(44) {
    color: #fff; }
    .tutorial-outline[data-current="44"] ul li:nth-of-type(44)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="45"] ul li:nth-of-type(45) {
    color: #fff; }
    .tutorial-outline[data-current="45"] ul li:nth-of-type(45)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="46"] ul li:nth-of-type(46) {
    color: #fff; }
    .tutorial-outline[data-current="46"] ul li:nth-of-type(46)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="47"] ul li:nth-of-type(47) {
    color: #fff; }
    .tutorial-outline[data-current="47"] ul li:nth-of-type(47)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="48"] ul li:nth-of-type(48) {
    color: #fff; }
    .tutorial-outline[data-current="48"] ul li:nth-of-type(48)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="49"] ul li:nth-of-type(49) {
    color: #fff; }
    .tutorial-outline[data-current="49"] ul li:nth-of-type(49)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline[data-current="50"] ul li:nth-of-type(50) {
    color: #fff; }
    .tutorial-outline[data-current="50"] ul li:nth-of-type(50)::after {
      margin-left: 10px;
      width: 2px;
      height: 10px;
      background-color: #5cf; }
  .tutorial-outline:not(.on), .tutorial-outline[data-current="0"] {
    transform: scale(0.8) translateX(100%) translateY(-50%) !important; }
    .tutorial-outline:not(.on) .tutorial-outline-close::after, .tutorial-outline[data-current="0"] .tutorial-outline-close::after {
      transform: rotate(90deg) !important; }
  .tutorial-outline.on, .tutorial-outline:not([data-current="0"]) {
    transform: scale(0.8) translateX(0%) translateY(-50%); }
    .tutorial-outline.on .tutorial-outline-close::after, .tutorial-outline:not([data-current="0"]) .tutorial-outline-close::after {
      transform: rotate(-90deg); }

[class*='view'] .ui-calendar {
  width: 100%;
  height: initial;
  position: relative; }

.ui-calendar {
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  padding: 0px 6px 8px 6px; }
  .ui-calendar table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed; }
  .ui-calendar tr {
    height: 36px; }
  .ui-calendar tr:last-child {
    height: 0;
    font-size: 0; }
  .ui-calendar tr.space-s {
    display: none; }
  .ui-calendar tr.week-row {
    border-top: 1px solid #D0C9C3; }
    .ui-calendar tr.week-row th {
      padding-top: 12px;
      border-top: 1px solid #D0C9C3;
      height: 44px; }
  .ui-calendar td, .ui-calendar th {
    text-align: center; }
  .ui-calendar th {
    color: #5F5BFF;
    font-size: 14px; }
    .ui-calendar th:nth-child(7) {
      color: #666; }
    .ui-calendar th:nth-child(8) {
      color: #666; }
  .ui-calendar td {
    font-size: 16px;
    height: 36px;
    position: relative; }
    .ui-calendar td.drum {
      height: 100%;
      border-top: 1px solid #D0C9C3; }
      .ui-calendar td.drum .scroll-frame {
        width: 100%;
        display: flex;
        flex-direction: row;
        height: 180px;
        max-height: 180px;
        overflow: hidden; }
        .ui-calendar td.drum .scroll-frame > div {
          height: 100%;
          width: auto;
          overflow-y: auto;
          flex: 1;
          -webkit-overflow-scrolling: touch; }
      .ui-calendar td.drum ul {
        text-align: right; }
      .ui-calendar td.drum .years ul {
        border-right: 0;
        border-right: 1px solid #D0C9C3; }
      .ui-calendar td.drum li {
        height: 36px;
        line-height: 36px;
        transition-duration: 0.2s;
        transform-origin: center right;
        padding-right: 0;
        margin-right: 16px;
        text-align: right; }
      .ui-calendar td.drum .scale1 {
        transform: scale(1, 1);
        opacity: .4; }
      .ui-calendar td.drum .scale2 {
        transform: scale(1.25, 1.25);
        opacity: .6; }
      .ui-calendar td.drum .scale3 {
        transform: scale(1.5, 1.5);
        opacity: 1; }
    .ui-calendar td.gray {
      color: #ccc; }
    .ui-calendar td:before {
      content: attr(dd);
      background-color: #5F5BFF;
      color: #FFFFFF;
      border-radius: 16px;
      z-index: 1;
      position: absolute;
      left: 50%;
      top: 16px;
      line-height: 32px;
      width: 0;
      height: 0;
      opacity: 0; }
    .ui-calendar td.on:before {
      width: 32px;
      height: 32px;
      border-radius: 16px;
      z-index: 1;
      opacity: 1;
      top: 0;
      transition-duration: 0.2s;
      margin-left: -16px; }
  .ui-calendar thead th {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    height: 48px; }
    .ui-calendar thead th b {
      width: 24px;
      height: 24px;
      position: absolute;
      background-position: center;
      background-size: 20px auto;
      top: 14px;
      color: #5F5BFF; }
    .ui-calendar thead th b.left {
      left: 0px;
      background-image: url(/images/ico-cal-left.svg); }
    .ui-calendar thead th b.right {
      right: 0px;
      background-image: url(/images/ico-cal-right.svg); }
    .ui-calendar thead th b.check {
      right: 8px;
      width: 40px;
      height: 24px; }
  .ui-calendar u {
    text-decoration: none;
    font-size: 14px; }
  .ui-calendar tr.time-row td {
    border-top: 1px solid #D0C9C3;
    height: 44px;
    line-height: 44px; }
    .ui-calendar tr.time-row td label {
      background-position: 4px center;
      display: inline-block;
      height: 44px;
      line-height: 44px;
      width: 50%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      overflow: hidden;
      text-indent: 28px;
      text-align: left;
      position: absolute;
      top: 0; }
    .ui-calendar tr.time-row td .date-selected {
      background-image: url("/images/widgets/ico-cal.svg");
      left: 0; }
    .ui-calendar tr.time-row td .time-selected {
      background-image: url("/images/widgets/ico-clock.svg");
      width: auto;
      min-width: 60px;
      right: 8px; }

.verticals {
  background-color: #F8F6F5 !important; }
  .verticals header {
    color: #222 !important;
    font-size: 16px;
    text-align: left;
    background-color: white;
    background-image: url(/images/favicon.png);
    padding-left: 44px;
    background-size: 16px;
    background-position: 16px center;
    background-repeat: no-repeat;
    height: 60px;
    line-height: 60px; }
  .verticals ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 12px 40px 40px 40px; }
    .verticals ul li {
      width: 180px;
      display: flex;
      cursor: pointer;
      margin: 10px;
      padding: 8px;
      border-radius: 4px;
      background-color: white;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); }
      .verticals ul li i {
        width: 40px;
        height: 40px;
        opacity: 0.8;
        display: block;
        position: relative;
        cursor: pointer; }
      .verticals ul li label {
        color: #222 !important;
        cursor: pointer;
        font-size: 14px; }
    .verticals ul li:hover {
      box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.15); }
      .verticals ul li:hover i {
        opacity: 1; }
  .verticals ul.hor li label {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 16px; }

.ui-drum {
  height: 100%;
  border-top: 1px solid #D0C9C3; }
  .ui-drum .scroll-frame {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 180px;
    max-height: 180px;
    overflow: hidden; }
    .ui-drum .scroll-frame > div {
      height: 100%;
      width: auto;
      overflow-y: auto;
      flex: 1;
      -webkit-overflow-scrolling: touch; }
  .ui-drum ul {
    text-align: right; }
  .ui-drum li {
    height: 36px;
    line-height: 36px;
    transition-duration: 0.2s;
    transform-origin: center right;
    padding-right: 0;
    margin-right: 16px;
    text-align: right; }
  .ui-drum .scale1 {
    transform: scale(1, 1);
    opacity: .4; }
  .ui-drum .scale2 {
    transform: scale(1.25, 1.25);
    opacity: .6; }
  .ui-drum .scale3 {
    transform: scale(1.5, 1.5);
    opacity: 1; }

.not-available {
  padding: 4px 16px 4px 16px;
  background-color: #F8F6F5;
  border: 1px solid #D0C9C3;
  border-radius: 4px;
  color: #222; }
  .not-available.no-border {
    border: 0; }

.hbox {
  display: flex;
  flex-direction: row;
  align-items: center; }

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

.disabled {
  pointer-events: none; }

body.genova .genova-disabled {
  display: none !important; }

.history_list_view nav a.icon.on, .history_list_view nav a.on.form-item-autocomplete.loading-autocomplete:before, .history_list_view nav .ui-indicator a.on#indicator:before, .ui-indicator .history_list_view nav a.on#indicator:before {
  color: #5F5BFF; }

.domain-protect .alt-domain:not(.protect) {
  display: none !important; }

.tooltip {
  position: relative; }
  .tooltip:after {
    content: attr(hint);
    display: none;
    position: absolute; }
  .tooltip:hover:after {
    display: block;
    height: 24px;
    line-height: 24px;
    min-width: max-content;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    top: calc(100% + 4px);
    text-indent: 0;
    font-size: 13px;
    font-style: normal;
    z-index: 1000 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; }
  .tooltip.top:hover:after {
    top: -40px; }

.tooltip-general:hover:after {
  left: 100% !important; }

.tooltip.me.hovering::after {
  left: 0 !important; }

.overlap {
  position: relative;
  cursor: pointer;
  transition: all 0.3s; }
  .overlap:after {
    content: attr(hint);
    display: inline-block;
    max-width: 0px;
    transition: all 0.3s;
    margin-right: 0px; }
  .overlap:before {
    display: inline-block; }
  .overlap:hover {
    width: max-content !important;
    min-width: max-content !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0; }
  .overlap:hover:before {
    position: relative;
    padding-left: 8px; }
  .overlap:hover:after {
    max-width: 280px;
    margin-right: 12px; }

.notes-form {
  all: none;
  overflow-y: auto; }
  .notes-form .editor-toolbar {
    border-radius: 0;
    display: flex;
    flex-direction: row;
    height: 36px;
    line-height: 36px;
    background-color: #F8F6F5; }
    .notes-form .editor-toolbar a {
      position: relative;
      height: 36px;
      line-height: 36px;
      outline: none;
      border-radius: 0; }
    .notes-form .editor-toolbar a:before {
      width: 100%;
      height: 36px;
      line-height: 36px; }
    .notes-form .editor-toolbar a.active, .notes-form .editor-toolbar a:hover {
      background: #ccc;
      color: white;
      border: 0; }
      .notes-form .editor-toolbar a.active:before, .notes-form .editor-toolbar a:hover:before {
        color: white; }
    .notes-form .editor-toolbar i.separator {
      width: 8px;
      height: 36px;
      position: relative;
      min-width: 0;
      margin: 0;
      margin-left: 8px; }
  .notes-form .editor-statusbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 36px;
    background-color: #F8F6F5; }
    .notes-form .editor-statusbar span {
      position: relative; }
    .notes-form .editor-statusbar .ctrl {
      text-align: left;
      flex: 1; }
    .notes-form .editor-statusbar .lines, .notes-form .editor-statusbar .cursor, .notes-form .editor-statusbar .autosave, .notes-form .editor-statusbar .words {
      display: none; }
    .notes-form .editor-statusbar .reply-to b {
      color: #222;
      font-weight: bold; }
  .notes-form .CodeMirror {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    height: 160px;
    min-height: 160px; }
    .notes-form .CodeMirror .CodeMirror-scroll {
      margin: 0;
      text-align: left;
      padding-bottom: 0;
      padding: 12px;
      min-height: auto; }
    .notes-form .CodeMirror .CodeMirror-code .cm-link {
      color: #5F5BFF; }

.notes-frame i.icon.close, .notes-frame i.close.form-item-autocomplete.loading-autocomplete:before, .notes-frame .ui-indicator i.close#indicator:before, .ui-indicator .notes-frame i.close#indicator:before {
  top: 12px;
  right: 12px;
  z-index: 1000; }

.notes-frame div.notes-scroll {
  overflow: hidden;
  overflow-y: auto;
  flex: 1; }

.notes-frame ul.notes {
  padding: 20px 16px 8px 16px;
  margin: 0; }
  .notes-frame ul.notes li {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    overflow: visible !important; }
    .notes-frame ul.notes li div.thumb {
      margin-right: 8px;
      line-height: 32px;
      text-align: center; }
    .notes-frame ul.notes li div.body {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .notes-frame ul.notes li div.body dl {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .notes-frame ul.notes li div.body dt {
        font-weight: bold;
        font-size: 14px;
        color: #222;
        margin-right: 12px; }
      .notes-frame ul.notes li div.body dd {
        display: block; }
      .notes-frame ul.notes li div.body dd.time {
        font-size: 12px;
        text-align: left;
        color: #999; }
      .notes-frame ul.notes li div.body dd.btns {
        display: flex;
        flex-direction: row;
        margin-right: 8px;
        margin-right: auto;
        height: 20px;
        line-height: 20px;
        padding: 0;
        width: 60px;
        justify-content: flex-end; }
      .notes-frame ul.notes li div.body dd.btns i {
        width: 20px;
        height: 20px;
        display: block;
        position: relative; }
      .notes-frame ul.notes li div.body dd.btns i:before {
        width: 20px;
        height: 20px;
        line-height: 20px; }
      .notes-frame ul.notes li div.body dd.space {
        flex: 1; }
      .notes-frame ul.notes li div.body p {
        font-size: 14px;
        text-align: left;
        padding: 4px;
        padding-left: 0;
        word-break: break-word; }
      .notes-frame ul.notes li div.body p.edited:after {
        content: "(edited)";
        color: #ccc;
        font-size: 12px; }
      .notes-frame ul.notes li div.body u {
        color: #5F5BFF;
        font-size: 14px;
        padding-left: 4px;
        padding-right: 4px;
        text-decoration: none;
        background: #EBF0FF;
        border-radius: 4px;
        margin-left: 4px;
        margin-right: 4px; }
      .notes-frame ul.notes li div.body .replies {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 8px; }
        .notes-frame ul.notes li div.body .replies .thumbs {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          margin-right: 8px;
          align-items: center;
          height: 20px;
          line-height: 20px; }
          .notes-frame ul.notes li div.body .replies .thumbs s {
            text-align: center;
            width: 20px;
            height: 20px;
            line-height: 20px;
            border-radius: 2px;
            margin-right: 2px;
            text-decoration: none; }
        .notes-frame ul.notes li div.body .replies .thumb {
          height: 24px;
          width: 24px;
          line-height: 24px; }
        .notes-frame ul.notes li div.body .replies label {
          color: #5F5BFF;
          margin-right: 8px;
          cursor: pointer;
          font-weight: 400; }
        .notes-frame ul.notes li div.body .replies span {
          color: #999;
          font-size: 12px; }
        .notes-frame ul.notes li div.body .replies ol {
          padding: 8px;
          background-color: #F8F6F5;
          border-radius: 4px;
          width: 100%; }
    .notes-frame ul.notes li .hidden {
      display: none !important; }

.ace_editor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 16px; }
  .ace_editor * {
    font: inherit !important; }

.ace-nord-dark * {
  color: #d8dee9; }

.ace-nord-dark .ace_gutter * {
  color: #616e88; }

.CodeMirror {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; }
  .CodeMirror * {
    font: inherit !important; }

dl.pick {
  justify-content: flex-start; }
  dl.pick dt {
    display: none;
    height: 2.4rem;
    line-height: 2.4rem; }
  dl.pick dd {
    color: var(--d1);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0.7;
    font-size: 1rem;
    height: 2.4rem;
    line-height: 2.4rem; }
  dl.pick dd.on {
    font-weight: 500;
    opacity: 1; }
  dl.pick dd:hover {
    opacity: 0.8; }
  dl.pick dd:before {
    content: "";
    background-repeat: none;
    background-size: contain; }
  dl.pick.checkbox.vertical {
    flex-direction: column;
    min-width: fit-content; }
  dl.pick.checkbox dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem;
    padding-left: 1.6rem; }
  dl.pick.checkbox.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.checkbox dd:before {
    width: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-checkbox-off.svg);
    background-position: center; }
  dl.pick.checkbox dd.on:before {
    background-image: url(/images/widgets/ico-form-checkbox-a.svg); }
  dl.pick.checkbox dd:hover {
    opacity: 1; }
  dl.pick.checkbox.black dd {
    padding-left: 1rem; }
    dl.pick.checkbox.black dd::before {
      margin: auto; }
    dl.pick.checkbox.black dd label {
      padding-left: 1.5rem; }
  dl.pick.radio.vertical {
    flex-direction: column;
    min-width: fit-content; }
  dl.pick.radio dd {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin-inline-start: 1rem;
    padding-left: 1.6rem; }
  dl.pick.radio.outline dd.on {
    border-color: #5F5BFF;
    padding: 0 1rem 0 0.5rem; }
  dl.pick.radio dd:before {
    width: 1.5rem;
    display: inline-block;
    margin-right: 0.4rem;
    background-image: url(/images/widgets/ico-form-radio-off.svg);
    background-position: center; }
  dl.pick.radio dd.on:before {
    background-image: url(/images/widgets/ico-form-radio-a.svg); }
  dl.pick.radio dd:hover {
    opacity: 1; }
  dl.pick.tags dd {
    background-color: #D8D8D8;
    border-radius: 0.3rem;
    margin-inline-start: 1rem;
    opacity: 0.7;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 1rem; }
  dl.pick.tags dd.on {
    background-color: #5F5BFF;
    color: white;
    opacity: 1; }
  dl.pick.tags dd:hover {
    opacity: 1; }
  dl.pick.tags dd.on:hover {
    background-color: #3A3AB5; }
  dl.pick.tabmenu {
    width: max-content;
    margin-inline-start: 1rem;
    box-sizing: content-box; }
    dl.pick.tabmenu dd {
      color: #222;
      padding: 0 1.6rem;
      margin: 0;
      border: 1px solid #222;
      border-right: 0;
      overflow: hidden; }
    dl.pick.tabmenu dd:hover {
      border-right: 1px solid #222; }
    dl.pick.tabmenu dd.on {
      background-color: #5F5BFF;
      color: #FFFFFF;
      opacity: 1;
      border-color: #3A3AB5;
      border-right: 1px solid #3A3AB5; }
    dl.pick.tabmenu > dd:first-child, dl.pick.tabmenu template + dd {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem; }
    dl.pick.tabmenu > dd:last-child {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      border-right: 1px solid #222; }
  dl.pick.pulldown {
    position: relative;
    display: flex;
    width: fit-content; }
    dl.pick.pulldown .wrapper {
      position: unset; }
    dl.pick.pulldown dt {
      --count: 0;
      display: block;
      width: 100%;
      border: 1px solid #222;
      border-radius: 0.25rem;
      padding: 0 2rem 0 1rem;
      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      min-width: 6rem;
      white-space: nowrap;
      padding-right: 2rem !important;
      width: calc( ( var(--count) + 6 ) * 1rem);
      height: 3.2rem;
      line-height: 3.2rem; }
    dl.pick.pulldown dt:empty {
      opacity: 0.3; }
    dl.pick.pulldown dt:empty:before {
      content: attr(placeHolder);
      padding-left: 1rem;
      align-items: center;
      display: flex; }
    dl.pick.pulldown dt:after {
      content: "";
      position: absolute;
      right: 0;
      width: 2rem;
      height: 100%;
      background-image: url(/images/widgets/ico-triangle-down.svg);
      background-repeat: no-repeat;
      background-position: center; }
    dl.pick.pulldown dt.on {
      opacity: 1;
      border-color: #5F5BFF; }
    dl.pick.pulldown dt.on:after {
      background-image: url(/images/widgets/ico-triangle-down.svg); }
    dl.pick.pulldown dl {
      --count: 0;
      flex-direction: column;
      display: none;
      position: absolute;
      min-width: 100%;
      width: 100%;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1000;
      background-color: white;
      margin-top: 0;
      overflow: hidden;
      overflow-y: auto;
      max-height: 18rem;
      transform: translateY(3.2rem);
      flex-direction: column;
      width: calc( ( var(--count) + 6 ) * 1rem); }
    dl.pick.pulldown:hover dl {
      display: block; }
    dl.pick.pulldown:hover dl:empty {
      display: none; }
    dl.pick.pulldown:hover dt {
      box-shadow: none;
      background-color: #F8F6F5; }
    dl.pick.pulldown dd {
      padding: auto 1rem;
      border: 0;
      overflow: hidden;
      width: 100%;
      display: block;
      margin: 0;
      position: relative;
      display: flex;
      flex-direction: row;
      height: 3.2rem;
      line-height: 3.2rem;
      font-size: 1.4rem; }
      dl.pick.pulldown dd label {
        flex: 1;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        padding-left: 1rem; }
      dl.pick.pulldown dd b {
        width: 2rem;
        background-size: 1rem auto;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        cursor: pointer;
        display: none; }
      dl.pick.pulldown dd:hover b.delete {
        background-image: url(/images/widgets/ico-trash.svg); }
      dl.pick.pulldown dd:hover b.knob {
        background-image: url(/images/widgets/ico-knob-v.svg); }
      dl.pick.pulldown dd.group, dl.pick.pulldown dd[data-classname='group'] {
        font-size: 1rem;
        height: initial;
        line-height: 2.4rem;
        opacity: 0.5;
        pointer-events: none;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
    dl.pick.pulldown dl[editable=true] b {
      display: block; }
    dl.pick.pulldown dl[editable=true] label {
      padding-left: 0; }
    dl.pick.pulldown dd:not(.group):not([data-classname='group']):hover {
      background-color: #F8F6F5;
      opacity: 0.8; }
    dl.pick.pulldown dd.on {
      background-color: #5F5BFF;
      color: #FFFFFF;
      opacity: 1; }
    dl.pick.pulldown.black .pulldown-container {
      background-color: #222; }
      dl.pick.pulldown.black .pulldown-container dd {
        opacity: 1; }
        dl.pick.pulldown.black .pulldown-container dd.on {
          background-color: inherit; }
        dl.pick.pulldown.black .pulldown-container dd:hover {
          background-color: #222; }
          dl.pick.pulldown.black .pulldown-container dd:hover label {
            color: #FBB036; }
        dl.pick.pulldown.black .pulldown-container dd label {
          color: #fff; }
  dl.pick.switch dd {
    opacity: 1;
    margin: 0; }
    dl.pick.switch dd label {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 24px;
      /* The slider */ }
      dl.pick.switch dd label input {
        opacity: 0;
        width: 0;
        height: 0; }
      dl.pick.switch dd label .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 24px;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s; }
      dl.pick.switch dd label .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        top: 4px;
        left: 4px;
        bottom: 4px;
        border-radius: 50%;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s; }
      dl.pick.switch dd label input:checked + .slider {
        background-color: #5F5BFF; }
      dl.pick.switch dd label input:focus + .slider {
        box-shadow: 0 0 1px #5F5BFF; }
      dl.pick.switch dd label input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px); }

@-webkit-keyframes circle-effect {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle-effect {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

div.images-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  div.images-panel img {
    width: 7rem;
    height: 7rem;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
  div.images-panel figure {
    position: relative;
    width: 7rem;
    height: 7rem;
    margin: 1rem;
    border-radius: 0.25rem;
    background-color: #F8F6F5;
    cursor: pointer; }
  div.images-panel figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  div.images-panel figure:hover::before {
    -webkit-animation: circle-effect .75s;
    animation: circle-effect .75s; }
  div.images-panel button.add {
    width: 7rem;
    height: 7rem;
    border: 0;
    background-color: #F8F6F5;
    margin: 1rem;
    cursor: pointer;
    position: relative;
    line-height: 9rem;
    color: #999;
    outline: 0;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); }
    div.images-panel button.add:hover {
      background-color: #F8F6F5;
      color: #222;
      transition-duration: 0.2s;
      box-shadow: none; }
    div.images-panel button.add:hover:before {
      opacity: 1; }
    div.images-panel button.add:before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(/images/widgets/ico-camera.svg);
      position: absolute;
      background-size: 2rem;
      background-repeat: no-repeat;
      background-position: center 1.5rem;
      opacity: 0.3; }
  div.images-panel img[fit-style='cover'] {
    object-fit: cover; }
  div.images-panel img[fit-style='contain'] {
    object-fit: contain; }
  div.images-panel figcaption {
    font-size: 0.8rem;
    font-style: italic;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  div.images-panel figcaption:empty {
    display: none; }
  div.images-panel i.trash {
    width: 2rem;
    background-size: 1.2rem auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-image: url(/images/widgets/ico-trash-w.svg); }

input.ipt, textarea.ipt, div[contenteditable].ipt {
  --count: 0;
  opacity: 0.3;
  font-size: 1rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 0.25rem;
  padding: 0 1rem;
  outline: 0;
  border: 1px solid #222;
  color: #222;
  width: calc( ( var(--count) + 2 ) * 1rem); }
  input.ipt[value]:not([value=""]), input.ipt:focus, input.ipt:not(:empty), input.ipt:not(:placeholder-shown), textarea.ipt[value]:not([value=""]), textarea.ipt:focus, textarea.ipt:not(:empty), textarea.ipt:not(:placeholder-shown), div[contenteditable].ipt[value]:not([value=""]), div[contenteditable].ipt:focus, div[contenteditable].ipt:not(:empty), div[contenteditable].ipt:not(:placeholder-shown) {
    opacity: 1;
    border-color: #D0C9C3; }
  input.ipt:focus, textarea.ipt:focus, div[contenteditable].ipt:focus {
    border-color: #5F5BFF; }

form input.ipt, form textarea.ipt, form div[contenteditable].ipt {
  min-width: 6rem;
  width: calc( ( var(--count) + 2 ) * 1rem); }

*[direction=row] {
  display: flex;
  flex-direction: row; }

*[direction=column] {
  display: flex;
  flex-direction: column; }

article.pop-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center; }
  article.pop-mask > section.pop {
    background: white;
    margin: auto;
    height: max-content;
    width: max-content;
    min-width: 16rem;
    min-height: 8rem;
    max-width: 80vw;
    overflow: hidden;
    position: relative; }
    article.pop-mask > section.pop i.close {
      width: 2rem;
      height: 2rem;
      top: 0;
      right: 0;
      background-size: 1rem auto;
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      height: 100%;
      cursor: pointer;
      background-image: url(/images/widgets/ico-close.svg); }

.v2 form h4, .v2 form small, .v2 form sub {
  padding-left: 1rem; }

.v2 form h4 {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.25rem 0 0.25rem 1rem; }

.v2 form small {
  opacity: 0.3;
  text-align: right;
  padding-top: 0.1rem; }

.v2 form sub {
  color: #DB234B; }

.v2 form *[class*="-row"] {
  margin: 1rem 0; }

.v2 form *[class*="-wrapper"] {
  border-radius: 4px;
  border: 1px solid #D0C9C3;
  align-items: center;
  margin-left: 1rem;
  padding-right: 1rem; }
  .v2 form *[class*="-wrapper"] input, .v2 form *[class*="-wrapper"] select, .v2 form *[class*="-wrapper"] .pick {
    border: none;
    margin: 0; }
  .v2 form *[class*="-wrapper"] label {
    font-size: 0.9rem;
    padding: 0 0.5rem; }
  .v2 form *[class*="-wrapper"].discount-wrapper {
    align-items: center;
    border: none; }
    .v2 form *[class*="-wrapper"].discount-wrapper input[type=number] {
      width: 2rem; }
    .v2 form *[class*="-wrapper"].discount-wrapper label {
      width: 1.2rem;
      height: 1.2rem; }
    .v2 form *[class*="-wrapper"].discount-wrapper input {
      display: none; }
  .v2 form *[class*="-wrapper"] .pick {
    height: 1.6rem;
    line-height: 1.6rem; }
    .v2 form *[class*="-wrapper"] .pick dd {
      height: 1.6rem;
      line-height: 1.6rem;
      font-size: 0.8rem; }

body[vert=anybot] .check-anyhook {
  display: none !important; }

body[vert=anyhook] .check-anybot {
  display: none !important; }

body[vert=anyhook] .expire-alert {
  display: none !important; }

body[vert=anyhook] div.logo {
  background-image: url(/images/anyhook/logo.svg); }

body:not([com=evolany]) .check-evolany {
  display: none !important; }

body:not([partner=genova]) .check-genova {
  display: none !important; }

.pops {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  transition: all .1s; }
  .pops:not(:empty) {
    pointer-events: all;
    z-index: 65535; }
  .pops .pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
    perspective: 100rem; }
    .pops .pop.active {
      opacity: 1;
      pointer-events: all;
      transition-duration: .2s; }
      .pops .pop.active .window {
        opacity: 1; }
    .pops .pop .dismiss {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
    .pops .pop .window {
      position: relative;
      z-index: 1;
      width: initial;
      min-width: 360px;
      max-width: calc(100vw - 4rem);
      max-height: calc(100vh - 4rem);
      transform: translateY(-100px); }
      .pops .pop .window *:not(input[type=text]):not(input[type=number]) {
        color: white; }
      .pops .pop .window .content {
        overflow-y: auto;
        overflow-x: hidden;
        max-width: calc(100vw - 7.2rem);
        max-height: calc(100vh - 7.2rem);
        padding-bottom: 16px; }
        .pops .pop .window .content header {
          background-color: transparent;
          height: 48px;
          line-height: 48px;
          font-size: 13px;
          text-align: center;
          position: relative;
          width: inherit;
          display: block;
          border-color: #999; }
        .pops .pop .window .content p {
          margin: 8px 16px 0; }
        .pops .pop .window .content textarea {
          background: rgba(255, 255, 255, 0.1);
          width: 360px;
          margin: auto; }
        .pops .pop .window .content footer {
          align-items: flex-end;
          background: transparent;
          margin-top: 0;
          border-color: transparent;
          position: relative;
          height: 48px; }
          .pops .pop .window .content footer button {
            color: #FFFFFF;
            background-color: #666;
            border: 0; }
            .pops .pop .window .content footer button:disabled {
              opacity: 0.5; }
              .pops .pop .window .content footer button:disabled:hover {
                cursor: default; }
            .pops .pop .window .content footer button:hover {
              background-color: #666; }
        .pops .pop .window .content .light {
          background-color: transparent;
          color: #FFFFFF;
          border-color: transparent; }
      .pops .pop .window i.close {
        background-image: url(/images/ico_close_no_bg.svg?v=1);
        z-index: 100; }
      .pops .pop .window[name='confirm'] .content .confirm {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .pops .pop .window[name='confirm'] .content .confirm > *:not(:first-child) {
          margin-top: 1rem; }
        .pops .pop .window[name='confirm'] .content .confirm span {
          align-self: stretch;
          padding-bottom: 1rem;
          border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
      .pops .pop .window[name='alert'] .content header.hidden,
      .pops .pop .window[name='alert'] .content footer.hidden {
        display: none; }
      .pops .pop .window[name="ui-colorpicker"] section div {
        display: flex; }
        .pops .pop .window[name="ui-colorpicker"] section div dl {
          display: flex;
          flex-direction: column; }
          .pops .pop .window[name="ui-colorpicker"] section div dl + dl {
            margin-left: 2px; }
          .pops .pop .window[name="ui-colorpicker"] section div dl dd {
            padding: 10px;
            box-sizing: border-box;
            border: 1px solid var(--l3);
            border-radius: 100%;
            cursor: pointer; }
            .pops .pop .window[name="ui-colorpicker"] section div dl dd + dd {
              margin-top: 2px; }
  .pops .elogs li {
    display: flex;
    flex-direction: column; }
    .pops .elogs li code {
      background-color: var(--l1);
      width: 100%;
      padding: 1rem; }

.video-upload-field, .image-upload-field {
  min-height: 15rem;
  padding: 1rem;
  flex: 0 0 auto;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex; }
  .video-upload-field > *:not(input) + *:not(input), .image-upload-field > *:not(input) + *:not(input) {
    margin-top: 1rem; }
  .video-upload-field .suggest-upload, .image-upload-field .suggest-upload {
    width: 100%;
    height: 100%;
    min-height: 7rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed #777;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box; }
    .video-upload-field .suggest-upload input, .image-upload-field .suggest-upload input {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
    .video-upload-field .suggest-upload::before, .image-upload-field .suggest-upload::before {
      content: '';
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 7rem;
      background: url(/images/ico-camera.svg) center/contain no-repeat;
      opacity: 0.5; }
    .video-upload-field .suggest-upload::after, .image-upload-field .suggest-upload::after {
      content: attr(data-text);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; }
  .video-upload-field .uploaded-video, .video-upload-field .uploaded-image, .image-upload-field .uploaded-video, .image-upload-field .uploaded-image {
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .2s; }
    .video-upload-field .uploaded-video .remove, .video-upload-field .uploaded-image .remove, .image-upload-field .uploaded-video .remove, .image-upload-field .uploaded-image .remove {
      opacity: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      width: 1.5em;
      height: 1.5em;
      border-radius: 100%;
      color: white;
      font-weight: bold;
      font-size: 1em;
      background-color: #222;
      transform: translate(50%, -50%);
      cursor: pointer;
      z-index: 100;
      transition: .2s; }
    .video-upload-field .uploaded-video:hover, .video-upload-field .uploaded-image:hover, .image-upload-field .uploaded-video:hover, .image-upload-field .uploaded-image:hover {
      border-color: #222;
      position: relative; }
      .video-upload-field .uploaded-video:hover .remove, .video-upload-field .uploaded-image:hover .remove, .image-upload-field .uploaded-video:hover .remove, .image-upload-field .uploaded-image:hover .remove {
        opacity: 1; }
    .video-upload-field .uploaded-video img, .video-upload-field .uploaded-image img, .image-upload-field .uploaded-video img, .image-upload-field .uploaded-image img {
      width: 100%; }
    .video-upload-field .uploaded-video .video-player, .video-upload-field .uploaded-image .video-player, .image-upload-field .uploaded-video .video-player, .image-upload-field .uploaded-image .video-player {
      position: initial;
      width: 100%;
      height: unset; }
      .video-upload-field .uploaded-video .video-player video, .video-upload-field .uploaded-image .video-player video, .image-upload-field .uploaded-video .video-player video, .image-upload-field .uploaded-image .video-player video {
        width: 100%;
        height: unset; }

#message-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  /* 元素永远不会成为鼠标事件的target */
  pointer-events: none; }

.overall-situation-message-list {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 1000;
  list-style: none; }

.message-item {
  display: flex;
  justify-content: center;
  padding: 8px; }
  .message-item div {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #ccc; }
    .message-item div span {
      font-size: 14px;
      line-height: 20px; }
  .message-item .icon, .message-item .form-item-autocomplete.loading-autocomplete:before, .message-item table.list-view th.on, table.list-view .message-item th.on, .message-item table.list-view th.sortable, table.list-view .message-item th.sortable, .message-item .ui-indicator #indicator:before, .ui-indicator .message-item #indicator:before, .message-item .search-bar div.queries, .search-bar .message-item div.queries {
    width: 16px;
    height: 16px;
    margin-right: 10px; }
  .message-item .loading {
    animation: loading 1s linear infinite; }

@keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fade-in {
  animation: fadeIn .3s ease forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fade-out {
  animation: fadeOut .3s ease forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-100%); } }

.payment-trigger-active {
  pointer-events: none; }

.popup.anybot-payment-suggest-popup {
  border-radius: 8px;
  min-width: 1000px;
  min-height: 650px;
  max-width: 1200px;
  max-height: 800px;
  width: calc(100% - 400px);
  height: calc(100% - 200px);
  animation: pop-in 400ms ease-in; }

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes fadeDown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(100px); } }
  .popup.anybot-payment-suggest-popup > i.icon.close, .popup.anybot-payment-suggest-popup > i.close.form-item-autocomplete.loading-autocomplete:before, .ui-indicator .popup.anybot-payment-suggest-popup > i.close#indicator:before {
    background-image: url(/images/ico_close_no_bg_b.svg);
    right: 12px; }
  .popup.anybot-payment-suggest-popup section {
    display: flex;
    flex-direction: column;
    color: #222;
    border-radius: 8px;
    height: 100%;
    background: center/cover no-repeat url(/images/payment/plan_options_popup_bg.png) #FFFFFF; }
    .popup.anybot-payment-suggest-popup section * {
      color: #222;
      font-family: 'Noto Sans JP', sans-serif; }
    .popup.anybot-payment-suggest-popup section header {
      height: unset;
      max-height: unset;
      border: none;
      padding: 60px 28px 0 28px; }
      .popup.anybot-payment-suggest-popup section header h1, .popup.anybot-payment-suggest-popup section header h3, .popup.anybot-payment-suggest-popup section header h4 {
        text-align: center;
        word-break: keep-all;
        cursor: unset;
        height: unset;
        padding: 0;
        text-transform: none; }
      .popup.anybot-payment-suggest-popup section header h3 {
        font-size: 14px;
        font-weight: unset;
        display: none;
        white-space: pre;
        line-height: 28px;
        color: #333333; }
        .popup.anybot-payment-suggest-popup section header h3.show {
          display: block; }
      .popup.anybot-payment-suggest-popup section header h1 {
        font-size: 32px;
        font-weight: bold;
        line-height: 40px;
        margin-bottom: 12px; }
      .popup.anybot-payment-suggest-popup section header .top {
        color: var(--a1);
        font-weight: bold;
        font-size: 18px;
        line-height: 40px; }
    .popup.anybot-payment-suggest-popup section .suggest-contents {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      width: 100%;
      flex-grow: 1;
      margin: 32px 0 50px 0;
      padding: 0 70px; }
      .popup.anybot-payment-suggest-popup section .suggest-contents .left {
        flex: 13;
        height: 100%;
        overflow-y: auto;
        padding-right: 48px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .popup.anybot-payment-suggest-popup section .suggest-contents .left li {
          color: #333;
          font-size: 16px;
          opacity: 0.4;
          transition: .2s; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li + li {
            margin-top: 16px; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li.focus {
            opacity: 1; }
            .popup.anybot-payment-suggest-popup section .suggest-contents .left li.focus p {
              display: block; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li h5, .popup.anybot-payment-suggest-popup section .suggest-contents .left li p {
            color: #333333; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li h5 {
            width: max-content;
            text-overflow: unset;
            max-width: unset;
            font-size: 15px;
            position: relative;
            line-height: 28px;
            padding-left: 8px; }
            .popup.anybot-payment-suggest-popup section .suggest-contents .left li h5::before {
              line-height: inherit;
              font-size: 21px;
              display: flex;
              align-items: center;
              color: var(--a1);
              margin-top: 1px;
              font-weight: 600;
              width: 21px;
              justify-content: center; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li.current h5 {
            color: var(--a1); }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left li p {
            width: 85%;
            padding-left: 27px;
            display: none; }
        .popup.anybot-payment-suggest-popup section .suggest-contents .left .showmore {
          margin-top: 16px;
          margin-left: 0;
          border-radius: 30px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: 400;
          border-color: #222;
          transition: .4s;
          width: max-content; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .left .showmore:hover {
            cursor: pointer;
            background-color: #FFFFFF;
            border-color: #5F5BFF;
            color: #5F5BFF; }
      .popup.anybot-payment-suggest-popup section .suggest-contents .right {
        flex: 10;
        background-size: contain;
        background-position: center;
        height: 100%;
        max-height: 450px; }
        .popup.anybot-payment-suggest-popup section .suggest-contents .right video {
          width: 100%;
          height: 100%; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .right video.up {
            animation: fadeUp .5s ease-out; }
          .popup.anybot-payment-suggest-popup section .suggest-contents .right video.down {
            animation: fadeDown .5s ease-out; }
    .popup.anybot-payment-suggest-popup section footer {
      height: 98px;
      flex: 0 0 auto;
      background-color: #F2F2F2;
      border-radius: 0 0 8px 8px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 36px; }
      .popup.anybot-payment-suggest-popup section footer div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start; }
        .popup.anybot-payment-suggest-popup section footer div p {
          display: flex;
          align-items: center;
          color: #222;
          line-height: 22px;
          padding: 0; }
          .popup.anybot-payment-suggest-popup section footer div p.price {
            padding-bottom: 4px;
            font-size: 14px; }
            .popup.anybot-payment-suggest-popup section footer div p.price span {
              color: #000;
              font-size: 24px;
              line-height: 24px;
              font-weight: bold;
              padding: 0 3px;
              font-family: 'Poppins', sans-serif; }
          .popup.anybot-payment-suggest-popup section footer div p.detail {
            color: #4A4F62; }
      .popup.anybot-payment-suggest-popup section footer button {
        height: 50px;
        width: 190px;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        background-color: #5F5BFF;
        color: white; }
        .popup.anybot-payment-suggest-popup section footer button:hover {
          background-color: #3A3AB5; }

.popup.anybot-unused-items-popup {
  opacity: 1;
  transform: translateY(0px);
  border-radius: 6px;
  min-width: 1000px;
  min-height: 600px;
  max-width: 1200px;
  max-height: 800px;
  width: calc(100% - 400px);
  height: fit-content;
  transition: 400ms; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .popup.anybot-unused-items-popup .icon.close, .popup.anybot-unused-items-popup .close.form-item-autocomplete.loading-autocomplete:before, .popup.anybot-unused-items-popup table.list-view th.close.on, table.list-view .popup.anybot-unused-items-popup th.close.on, .popup.anybot-unused-items-popup table.list-view th.close.sortable, table.list-view .popup.anybot-unused-items-popup th.close.sortable, .popup.anybot-unused-items-popup .ui-indicator .close#indicator:before, .ui-indicator .popup.anybot-unused-items-popup .close#indicator:before, .popup.anybot-unused-items-popup .search-bar div.close.queries, .search-bar .popup.anybot-unused-items-popup div.close.queries {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/images/ico_close_no_bg_b.svg);
    background-size: 24px;
    padding: 0;
    height: 24px;
    width: 24px;
    margin-top: 6px;
    margin-right: 6px;
    z-index: 99999; }
    .popup.anybot-unused-items-popup .icon.close:hover, .popup.anybot-unused-items-popup .close.form-item-autocomplete.loading-autocomplete:hover:before, .popup.anybot-unused-items-popup table.list-view th.close.on:hover, table.list-view .popup.anybot-unused-items-popup th.close.on:hover, .popup.anybot-unused-items-popup table.list-view th.close.sortable:hover, table.list-view .popup.anybot-unused-items-popup th.close.sortable:hover, .popup.anybot-unused-items-popup .ui-indicator .close#indicator:hover:before, .ui-indicator .popup.anybot-unused-items-popup .close#indicator:hover:before, .popup.anybot-unused-items-popup .search-bar div.close.queries:hover, .search-bar .popup.anybot-unused-items-popup div.close.queries:hover {
      cursor: pointer; }
  .popup.anybot-unused-items-popup.loading {
    opacity: 0;
    transform: translateY(100px); }
  .popup.anybot-unused-items-popup h3:hover, .popup.anybot-unused-items-popup p:hover, .popup.anybot-unused-items-popup li:hover {
    cursor: default; }
  .popup.anybot-unused-items-popup > i.icon.close, .popup.anybot-unused-items-popup > i.close.form-item-autocomplete.loading-autocomplete:before, .ui-indicator .popup.anybot-unused-items-popup > i.close#indicator:before {
    background-image: url(/images/ico_close_no_bg_b.svg);
    right: 12px; }
  .popup.anybot-unused-items-popup section {
    display: flex;
    flex-direction: column;
    color: #222;
    border-radius: 6px;
    height: 100%; }
    .popup.anybot-unused-items-popup section * {
      color: #222;
      font-family: 'Noto Sans JP', sans-serif; }
    .popup.anybot-unused-items-popup section header {
      height: unset;
      max-height: unset;
      border: none;
      padding: 60px 28px 0 28px; }
      .popup.anybot-unused-items-popup section header h1, .popup.anybot-unused-items-popup section header h2, .popup.anybot-unused-items-popup section header h3, .popup.anybot-unused-items-popup section header h4 {
        text-align: center;
        word-break: keep-all;
        cursor: unset;
        height: unset;
        padding: 0;
        text-transform: none; }
        .popup.anybot-unused-items-popup section header h1:hover, .popup.anybot-unused-items-popup section header h2:hover, .popup.anybot-unused-items-popup section header h3:hover, .popup.anybot-unused-items-popup section header h4:hover {
          cursor: default; }
      .popup.anybot-unused-items-popup section header h3 {
        font-size: 14px;
        font-weight: unset;
        white-space: pre;
        line-height: 28px;
        color: #333333; }
      .popup.anybot-unused-items-popup section header h1 {
        font-size: 32px;
        font-weight: bold;
        line-height: 40px;
        margin-bottom: 12px; }
      .popup.anybot-unused-items-popup section header .top {
        color: var(--a1);
        font-weight: bold;
        font-size: 18px;
        line-height: 40px; }
      .popup.anybot-unused-items-popup section header h2.top {
        font-size: 26px; }
    .popup.anybot-unused-items-popup section .contents {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      flex-grow: 1;
      margin: 20px 0 25px 0;
      padding: 0 70px; }
      .popup.anybot-unused-items-popup section .contents .left {
        width: 84%;
        height: 100%;
        flex-grow: 1;
        overflow-y: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 32px; }
        .popup.anybot-unused-items-popup section .contents .left h3 {
          font-size: 16px;
          padding-left: 4px; }
        .popup.anybot-unused-items-popup section .contents .left .chats,
        .popup.anybot-unused-items-popup section .contents .left .miniapps {
          width: fit-content;
          max-width: 300px;
          margin: 0 20px;
          max-height: 340px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .popup.anybot-unused-items-popup section .contents .left .chats h3,
          .popup.anybot-unused-items-popup section .contents .left .miniapps h3 {
            width: fit-content;
            margin-bottom: 12px;
            padding: 0;
            font-weight: 400;
            text-align: start;
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            align-items: center; }
            .popup.anybot-unused-items-popup section .contents .left .chats h3 span,
            .popup.anybot-unused-items-popup section .contents .left .miniapps h3 span {
              text-indent: 0 !important;
              margin-right: 8px; }
              .popup.anybot-unused-items-popup section .contents .left .chats h3 span::before,
              .popup.anybot-unused-items-popup section .contents .left .miniapps h3 span::before {
                position: inherit;
                padding-top: 4px;
                color: #5F5BFF; }
        .popup.anybot-unused-items-popup section .contents .left li {
          font-size: 14px;
          opacity: 0.6;
          transition: .2s;
          max-width: 300px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-bottom: 4px; }
          .popup.anybot-unused-items-popup section .contents .left li::before {
            font-size: 6px;
            margin-top: 9px; }
          .popup.anybot-unused-items-popup section .contents .left li h5, .popup.anybot-unused-items-popup section .contents .left li p {
            font-size: 16px; }
          .popup.anybot-unused-items-popup section .contents .left li.ellipsis {
            font-size: 13px; }
        .popup.anybot-unused-items-popup section .contents .left .showmore {
          margin-top: 16px;
          margin-left: 0;
          border-radius: 30px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: 400;
          border-color: #222;
          transition: .4s;
          width: max-content; }
          .popup.anybot-unused-items-popup section .contents .left .showmore:hover {
            cursor: pointer;
            background-color: #FFFFFF;
            border-color: #5F5BFF;
            color: #5F5BFF; }
      .popup.anybot-unused-items-popup section .contents .see-all {
        color: #5F5BFF;
        opacity: 1;
        font-size: 12px;
        margin-bottom: 10px;
        padding-top: 2px;
        padding-bottom: 4px;
        width: fit-content;
        text-align: center;
        border-radius: 2px; }
        .popup.anybot-unused-items-popup section .contents .see-all:hover {
          cursor: pointer;
          background-color: var(--l1); }
      .popup.anybot-unused-items-popup section .contents .right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        background-size: contain;
        background-position: center;
        height: fit-content;
        max-height: 150px; }
        .popup.anybot-unused-items-popup section .contents .right .right-title {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .popup.anybot-unused-items-popup section .contents .right .right-title h3 {
            font-weight: 400;
            text-align: center;
            width: 100%;
            text-transform: none;
            font-size: 13px;
            margin-right: 4px; }
            .popup.anybot-unused-items-popup section .contents .right .right-title h3:hover {
              cursor: default; }
          .popup.anybot-unused-items-popup section .contents .right .right-title .dash {
            margin: 0;
            color: #222; }
          .popup.anybot-unused-items-popup section .contents .right .right-title > div {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 4px; }
          .popup.anybot-unused-items-popup section .contents .right .right-title .t-title {
            width: fit-content;
            color: #5F5BFF;
            padding: 0;
            margin: 0;
            border-radius: 4px; }
            .popup.anybot-unused-items-popup section .contents .right .right-title .t-title:hover {
              text-decoration: underline;
              text-underline-offset: 3px;
              cursor: default; }
        .popup.anybot-unused-items-popup section .contents .right .img {
          display: none;
          position: absolute;
          top: -416px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #d8d8d827;
          backdrop-filter: blur(12px);
          padding: 8px;
          border: 1px solid #EEEEEE;
          border-radius: 6px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
          animation: fade 200ms ease-in; }
          .popup.anybot-unused-items-popup section .contents .right .img.show {
            display: block;
            z-index: 99999999; }
          .popup.anybot-unused-items-popup section .contents .right .img img {
            display: none;
            width: 480px;
            border-radius: 3px; }
            .popup.anybot-unused-items-popup section .contents .right .img img.show {
              display: block; }
          .popup.anybot-unused-items-popup section .contents .right .img .chats-instr,
          .popup.anybot-unused-items-popup section .contents .right .img .miniapps-instr {
            display: none;
            text-align: center;
            color: #444; }
            .popup.anybot-unused-items-popup section .contents .right .img .chats-instr.show,
            .popup.anybot-unused-items-popup section .contents .right .img .miniapps-instr.show {
              display: block; }
    .popup.anybot-unused-items-popup section footer {
      height: 60px;
      flex: 0 0 auto;
      background-color: #F2F2F2;
      border-radius: 0 0 6px 6px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0 36px; }
      .popup.anybot-unused-items-popup section footer div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        gap: 16px; }
        .popup.anybot-unused-items-popup section footer div p {
          display: flex;
          align-items: center;
          color: #222;
          line-height: 22px;
          padding: 0; }
      .popup.anybot-unused-items-popup section footer .archive-d {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
      .popup.anybot-unused-items-popup section footer button {
        height: 34px;
        width: fit-content;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding: 0;
        font-size: 13px;
        font-weight: 400;
        background-color: #5F5BFF;
        color: white;
        border: none;
        margin: 0;
        line-height: 13px; }
        .popup.anybot-unused-items-popup section footer button:hover {
          background-color: #3A3AB5; }
        .popup.anybot-unused-items-popup section footer button.cancel-btn {
          background-color: #ffffff;
          color: #333; }
          .popup.anybot-unused-items-popup section footer button.cancel-btn:hover {
            background-color: #F8F6F5; }
        .popup.anybot-unused-items-popup section footer button.dont-show {
          margin: 0;
          padding: 0;
          background-color: transparent;
          color: #5F5BFF;
          font-size: 11px;
          text-transform: initial;
          width: fit-content;
          height: fit-content;
          text-decoration: underline;
          text-underline-offset: 2px;
          font-weight: 500; }
          .popup.anybot-unused-items-popup section footer button.dont-show:hover {
            background-color: transparent;
            color: #3A3AB5; }
        .popup.anybot-unused-items-popup section footer button:not(.dont-show) {
          font-family: 'Poppins','Noto Sans JP',"Meiryo","Hiragino Maru Gothic Pro",sans-serif; }
    .popup.anybot-unused-items-popup section .all-items {
      width: 400px;
      height: 330px;
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #ffffff50;
      backdrop-filter: blur(12px);
      border: 1px solid #EEEEEE;
      border-radius: 6px;
      box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
      z-index: 99999;
      transition: 200ms ease-in;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start; }
      .popup.anybot-unused-items-popup section .all-items.hidden {
        display: none !important; }
      .popup.anybot-unused-items-popup section .all-items:not(.hidden) {
        animation: fade 200ms ease-in; }
      .popup.anybot-unused-items-popup section .all-items .header {
        width: 100%;
        height: 36px;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .popup.anybot-unused-items-popup section .all-items .header > .icon.close, .popup.anybot-unused-items-popup section .all-items .header > .close.form-item-autocomplete.loading-autocomplete:before, .popup.anybot-unused-items-popup section .all-items table.list-view .header > th.close.on, table.list-view .popup.anybot-unused-items-popup section .all-items .header > th.close.on, .popup.anybot-unused-items-popup section .all-items table.list-view .header > th.close.sortable, table.list-view .popup.anybot-unused-items-popup section .all-items .header > th.close.sortable, .popup.anybot-unused-items-popup section .all-items .ui-indicator .header > .close#indicator:before, .ui-indicator .popup.anybot-unused-items-popup section .all-items .header > .close#indicator:before, .popup.anybot-unused-items-popup section .all-items .search-bar .header > div.close.queries, .search-bar .popup.anybot-unused-items-popup section .all-items .header > div.close.queries {
          background-image: url(/images/ico_close_no_bg_b.svg);
          background-size: 24px;
          padding: 0;
          height: 24px;
          width: 24px;
          margin-top: 6px;
          margin-right: 6px; }
          .popup.anybot-unused-items-popup section .all-items .header > .icon.close:hover, .popup.anybot-unused-items-popup section .all-items .header > .close.form-item-autocomplete.loading-autocomplete:hover:before, .popup.anybot-unused-items-popup section .all-items table.list-view .header > th.close.on:hover, table.list-view .popup.anybot-unused-items-popup section .all-items .header > th.close.on:hover, .popup.anybot-unused-items-popup section .all-items table.list-view .header > th.close.sortable:hover, table.list-view .popup.anybot-unused-items-popup section .all-items .header > th.close.sortable:hover, .popup.anybot-unused-items-popup section .all-items .ui-indicator .header > .close#indicator:hover:before, .ui-indicator .popup.anybot-unused-items-popup section .all-items .header > .close#indicator:hover:before, .popup.anybot-unused-items-popup section .all-items .search-bar .header > div.close.queries:hover, .search-bar .popup.anybot-unused-items-popup section .all-items .header > div.close.queries:hover {
            cursor: pointer; }
      .popup.anybot-unused-items-popup section .all-items .content {
        width: 100%;
        height: 100%;
        overflow: scroll;
        padding: 0 30px 30px 30px; }
        .popup.anybot-unused-items-popup section .all-items .content h3 {
          width: fit-content;
          margin-bottom: 12px;
          padding: 0;
          font-weight: 400;
          text-align: start;
          display: flex;
          flex-direction: row-reverse;
          justify-content: center;
          align-items: center;
          font-size: 16px; }
          .popup.anybot-unused-items-popup section .all-items .content h3 span {
            text-indent: 0 !important;
            margin-right: 8px; }
            .popup.anybot-unused-items-popup section .all-items .content h3 span::before {
              position: inherit;
              padding-top: 4px;
              color: #5F5BFF; }
        .popup.anybot-unused-items-popup section .all-items .content li {
          font-size: 14px;
          overflow: hidden;
          opacity: 0.7;
          margin-bottom: 4px; }
          .popup.anybot-unused-items-popup section .all-items .content li::before {
            font-size: 6px;
            margin-top: 9px; }
          .popup.anybot-unused-items-popup section .all-items .content li h5, .popup.anybot-unused-items-popup section .all-items .content li p {
            font-size: 16px; }
          .popup.anybot-unused-items-popup section .all-items .content li.ellipsis {
            font-size: 13px; }
        .popup.anybot-unused-items-popup section .all-items .content .miniapps {
          margin-top: 20px; }

.popup.archive-success-popup {
  width: 420px;
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  justify-content: center;
  border-radius: 6px;
  animation: fade 200ms ease-in; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes shrink {
  0% {
    opacity: 0;
    transform: scale(1.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }
  .popup.archive-success-popup section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    gap: 24px; }
    .popup.archive-success-popup section div {
      font-size: 16px; }
    .popup.archive-success-popup section:hover {
      cursor: default; }
    .popup.archive-success-popup section i.icon.archive, .popup.archive-success-popup section i.archive.form-item-autocomplete.loading-autocomplete:before, .popup.archive-success-popup section .ui-indicator i.archive#indicator:before, .ui-indicator .popup.archive-success-popup section i.archive#indicator:before {
      position: initial;
      margin-top: 13px;
      color: #5F5BFF;
      text-indent: 0;
      width: 30px;
      animation: shrink 600ms ease-in; }
      .popup.archive-success-popup section i.icon.archive::before {
        position: initial;
        font-size: 30px; }
      .popup.archive-success-popup section i.icon.archive:hover, .popup.archive-success-popup section i.archive.form-item-autocomplete.loading-autocomplete:hover:before, .popup.archive-success-popup section .ui-indicator i.archive#indicator:hover:before, .ui-indicator .popup.archive-success-popup section i.archive#indicator:hover:before {
        cursor: default; }
  .popup.archive-success-popup footer {
    border-radius: 0 0 6px 6px;
    border: none;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px; }
    .popup.archive-success-popup footer button {
      background-color: #5F5BFF;
      color: #ffffff;
      border: none;
      height: 40px;
      width: fit-content;
      min-width: 80px;
      margin: 0; }
      .popup.archive-success-popup footer button:hover {
        background-color: #3A3AB5; }

.crons .list-view td.list-item-url {
  max-width: 450px;
  overflow: scroll; }

.crons .list-view td.list-item-type {
  padding-left: 12px; }

article.top_view {
  padding: 20px; }
  article.top_view section .accordion {
    display: none; }
  article.top_view section.show .accordion {
    display: block; }
  article.top_view section h2::after {
    display: inline-block;
    margin-left: 12px;
    content: '';
    width: 0;
    height: 0;
    border-width: 10px 5px 0 5px;
    border-color: var(--d3) transparent transparent transparent;
    border-style: solid; }
  article.top_view section.show h2::after {
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent var(--d3) transparent; }
  article.top_view section h2 {
    width: fit-content;
    border-bottom: 1px solid var(--ln);
    padding: 8px;
    margin: 0 auto 20px auto; }
  article.top_view section .container {
    max-width: 800px;
    background: var(--l1);
    border: 1px solid var(--ln);
    border-radius: 4px;
    padding: 40px;
    margin: 0 auto; }
    article.top_view section .container + .container {
      margin-top: 40px; }
  article.top_view section + section {
    margin-top: 40px; }
  article.top_view .list-section table.list-view {
    width: 100%;
    background-color: transparent;
    margin: 0; }
  article.top_view .list-section .pages {
    margin-top: 20px; }

.list-topbar {
  justify-content: end;
  padding-right: 5vh; }

.multi-option-list {
  max-height: 200px;
  overflow-y: auto;
  margin: 10px 0; }

.option-checkbox {
  display: block;
  margin: 5px 0;
  cursor: pointer; }

.option-checkbox input {
  margin-right: 8px; }

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px; }

.option-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%; }

.option-list li {
  text-align: center; }

.option-list li:hover {
  cursor: pointer;
  background-color: aliceblue;
  color: black; }

.list-csvbar {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.multi-option-selector,
.option-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px; }

.multi-option-selector h4, .option-selector h4 {
  color: white; }

.multi-option-selector .popup-buttons .mutli-btns {
  color: black !important; }

.bottom-actions {
  display: flex;
  align-items: center;
  position: relative;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000; }

.bottom-actions > button {
  margin: 0; }

.csv-menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-width: 150px;
  z-index: 1000;
  margin-bottom: 5px; }

.csv-menu.hidden {
  display: none; }

.csv-action {
  display: block;
  padding: 12px 16px;
  border: none;
  background: white;
  color: #333;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-size: 14px;
  border-bottom: 1px solid #eee; }

.csv-action:last-child {
  border-bottom: none; }

.csv-action:hover:not(.disabled) {
  background: #f5f5f5; }

.csv-action.disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.6; }

.csv-action.export, .csv-action.import {
  margin: 0;
  padding: 8px 32px; }

.csv-action.import {
  border-radius: 4px 4px 0 0; }

.csv-action.export {
  border-radius: 0 0 4px 4px; }

.controls-area {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px; }

.csv-action:hover {
  background: #e9ecef; }

article.api_mgmt div.content {
  overflow: auto; }

.api-test-section {
  margin: 30px auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f9f9f9;
  max-width: 72%; }

.test-form {
  margin-bottom: 20px; }
  .test-form label {
    margin-right: 8px; }

.api-selector {
  width: 300px;
  margin: 10px 0; }

.test-controls {
  margin: 10px 0; }

.test-btn {
  margin-right: 10px; }

.test-output {
  text-align: left;
  padding: 15px;
  border-radius: 3px;
  max-height: 400px;
  overflow-y: auto;
  font-family: monospace;
  font-size: 12px; }

.list-view .save-btn {
  background: #28a745;
  color: white;
  border: 1px solid #28a745 !important;
  margin-right: 4px;
  min-width: 60px;
  padding: 4px 8px;
  font-size: 12px;
  margin-left: 0px; }

.list-view .save-btn:hover {
  background: #218838;
  border-color: #218838 !important; }

.list-view .delete-btn {
  background-color: unset;
  left: -8px;
  padding: 4px 0;
  font-size: 12px;
  margin-left: 0px; }

/* Highlight new/modified rows */
.list-view tr[data-new="true"] {
  background-color: #f8f9fa;
  border-left: 3px solid #007bff; }

.list-view tr[data-changed="true"] {
  background-color: #fff3cd;
  border-left: 3px solid #ffc107; }

article.api_mgmt div.content {
  overflow: auto; }

.api-test-section {
  margin: 30px auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f9f9f9;
  max-width: 72%; }

.test-form {
  margin-bottom: 20px; }
  .test-form label {
    margin-right: 8px; }

.api-selector {
  width: 300px;
  margin: 10px 0; }

.test-controls {
  margin: 10px 0; }

.test-btn {
  margin-right: 10px; }

.test-output {
  text-align: left;
  padding: 15px;
  border-radius: 3px;
  max-height: 400px;
  overflow-y: auto;
  font-family: monospace;
  font-size: 12px; }

article.table_new.popup, article.csv_import.popup, article.dbs_new.popup {
  max-width: 100vw !important;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(0.5rem); }

article.table_new main, article.csv_import main, article.dbs_new main {
  border-radius: 4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 600px;
  height: auto; }

article.table_new div.content, article.csv_import div.content, article.dbs_new div.content {
  flex: 1; }
  article.table_new div.content h2, article.csv_import div.content h2, article.dbs_new div.content h2 {
    font-size: 18px;
    color: #666666; }
  article.table_new div.content .title-box, article.csv_import div.content .title-box, article.dbs_new div.content .title-box {
    flex: 1; }
  article.table_new div.content .form-type-text, article.table_new div.content .form-type-textarea, article.csv_import div.content .form-type-text, article.csv_import div.content .form-type-textarea, article.dbs_new div.content .form-type-text, article.dbs_new div.content .form-type-textarea {
    flex: 2; }

article.popup-mask .popup.validation-popup .validation-prompt {
  padding-bottom: 0; }
  article.popup-mask .popup.validation-popup .validation-prompt footer {
    width: 100%; }