@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=Open+Sans:300,400,600|Source+Sans+Pro:200,300,400,600|Homenaje|Geo");
@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, .user_list_view .ext-info li h4.lock:after, .school_list_view main .center-pane header dd:before, .docrequest_list_view main .center-pane header dd:before, .sctag_list_view main .center-pane header dd:before, .scgroups_list_view main .center-pane header dd:before, ol.card li.image.uploading:before, .dashboard_view section.outline .tab-menu dd:before, .dashboard_view section.outline h4:before, .bot-editor ul.nodes ol.card.new:before, .bot-editor ul.nodes div.react-btns label.fhs:before, section.pop-inline > dl dd,
section.subpop-inline > dl dd, body section.templates-frame ul.templates li:before, .icon:before, header nav.breadcrumbs span:not(:last-child):before, .p3-layout .menu-pane li:before, .bot-editor ul.nodes div.schedule:before, .simulator > header dl dd:before, .ui-indicator #indicator:before, .list-view th.on: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, .user_list_view .ext-info li h4.fa-pull-left.lock:after, .school_list_view main .center-pane header dd.fa-pull-left:before, .docrequest_list_view main .center-pane header dd.fa-pull-left:before, .sctag_list_view main .center-pane header dd.fa-pull-left:before, .scgroups_list_view main .center-pane header dd.fa-pull-left:before, ol.card li.fa-pull-left.image.uploading:before, .dashboard_view section.outline .tab-menu dd.fa-pull-left:before, .dashboard_view section.outline h4.fa-pull-left:before, .bot-editor ul.nodes ol.fa-pull-left.card.new:before, .bot-editor ul.nodes div.react-btns label.fa-pull-left.fhs:before, section.pop-inline > dl dd.fa-pull-left,
section.subpop-inline > dl dd.fa-pull-left, body section.templates-frame ul.templates li.fa-pull-left:before, .fa-pull-left.icon:before, header nav.breadcrumbs span.fa-pull-left:not(:last-child):before, .p3-layout .menu-pane li.fa-pull-left:before, .bot-editor ul.nodes div.fa-pull-left.schedule:before, .simulator > header dl dd.fa-pull-left:before, .ui-indicator .fa-pull-left#indicator:before, .list-view th.fa-pull-left.on:before, .fa-pull-left.vip:after {
  margin-right: .3em; }

.fa.fa-pull-right, .user_list_view .ext-info li h4.fa-pull-right.lock:after, .school_list_view main .center-pane header dd.fa-pull-right:before, .docrequest_list_view main .center-pane header dd.fa-pull-right:before, .sctag_list_view main .center-pane header dd.fa-pull-right:before, .scgroups_list_view main .center-pane header dd.fa-pull-right:before, ol.card li.fa-pull-right.image.uploading:before, .dashboard_view section.outline .tab-menu dd.fa-pull-right:before, .dashboard_view section.outline h4.fa-pull-right:before, .bot-editor ul.nodes ol.fa-pull-right.card.new:before, .bot-editor ul.nodes div.react-btns label.fa-pull-right.fhs:before, section.pop-inline > dl dd.fa-pull-right,
section.subpop-inline > dl dd.fa-pull-right, body section.templates-frame ul.templates li.fa-pull-right:before, .fa-pull-right.icon:before, header nav.breadcrumbs span.fa-pull-right:not(:last-child):before, .p3-layout .menu-pane li.fa-pull-right:before, .bot-editor ul.nodes div.fa-pull-right.schedule:before, .simulator > header dl dd.fa-pull-right:before, .ui-indicator .fa-pull-right#indicator:before, .list-view th.fa-pull-right.on: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, .user_list_view .ext-info li h4.pull-left.lock:after, .school_list_view main .center-pane header dd.pull-left:before, .docrequest_list_view main .center-pane header dd.pull-left:before, .sctag_list_view main .center-pane header dd.pull-left:before, .scgroups_list_view main .center-pane header dd.pull-left:before, ol.card li.pull-left.image.uploading:before, .dashboard_view section.outline .tab-menu dd.pull-left:before, .dashboard_view section.outline h4.pull-left:before, .bot-editor ul.nodes ol.pull-left.card.new:before, .bot-editor ul.nodes div.react-btns label.pull-left.fhs:before, section.pop-inline > dl dd.pull-left,
section.subpop-inline > dl dd.pull-left, body section.templates-frame ul.templates li.pull-left:before, .pull-left.icon:before, header nav.breadcrumbs span.pull-left:not(:last-child):before, .p3-layout .menu-pane li.pull-left:before, .bot-editor ul.nodes div.pull-left.schedule:before, .simulator > header dl dd.pull-left:before, .ui-indicator .pull-left#indicator:before, .list-view th.pull-left.on:before, .pull-left.vip:after {
  margin-right: .3em; }

.fa.pull-right, .user_list_view .ext-info li h4.pull-right.lock:after, .school_list_view main .center-pane header dd.pull-right:before, .docrequest_list_view main .center-pane header dd.pull-right:before, .sctag_list_view main .center-pane header dd.pull-right:before, .scgroups_list_view main .center-pane header dd.pull-right:before, ol.card li.pull-right.image.uploading:before, .dashboard_view section.outline .tab-menu dd.pull-right:before, .dashboard_view section.outline h4.pull-right:before, .bot-editor ul.nodes ol.pull-right.card.new:before, .bot-editor ul.nodes div.react-btns label.pull-right.fhs:before, section.pop-inline > dl dd.pull-right,
section.subpop-inline > dl dd.pull-right, body section.templates-frame ul.templates li.pull-right:before, .pull-right.icon:before, header nav.breadcrumbs span.pull-right:not(:last-child):before, .p3-layout .menu-pane li.pull-right:before, .bot-editor ul.nodes div.pull-right.schedule:before, .simulator > header dl dd.pull-right:before, .ui-indicator .pull-right#indicator:before, .list-view th.pull-right.on: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); } }

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v22/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format("woff2"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

* {
  font-family: "Meiryo","Hiragino Maru Gothic Pro";
  font-weight: 300;
  font-size: .9rem;
  color: #2F323A;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  *:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }

body[lang=ja] * {
  font-family: "Meiryo","Hiragino Maru Gothic Pro";
  font-size: .9rem; }

.c-grad, .bot-editor nav.navi > div > dl dd.on, .simulator li.right ol.card li.text p {
  background: -moz-linear-gradient(top, #436af6 0%, #6a6cf6 100%);
  background: -webkit-linear-gradient(top, #436af6 0%, #6a6cf6 100%);
  background: linear-gradient(to bottom, #436af6 0%, #6a6cf6 100%);
  color: #FFF !important;
  border: 1px solid #3155D7;
  font-weight: bold; }

.ui-button, .ui-rounded-button, .bot-editor nav.navi div.deploy button, button, .ui-dropdown {
  margin-right: 20px;
  width: auto;
  height: 32px;
  line-height: 32px;
  padding-left: 36px;
  padding-right: 36px;
  box-sizing: content-box;
  margin-top: 0;
  border: 0;
  outline: 0;
  font-weight: 400;
  font-size: .9rem;
  cursor: pointer;
  border-radius: 4px;
  background: #2C3660;
  color: #FFF;
  text-decoration: uppercase;
  border: 1px solid #121B42; }
  .ui-button:hover, .ui-rounded-button:hover, .bot-editor nav.navi div.deploy button:hover, button:hover, .ui-dropdown:hover {
    background: #565E80; }
  .ui-button:active, .ui-rounded-button:active, .bot-editor nav.navi div.deploy button:active, button:active, .ui-dropdown:active {
    background: #121B42; }

.ui-button-highlight {
  background-color: #1F69B0;
  color: #FFF;
  border: 1px solid #175490; }

.ui-button-line {
  background-color: #FFF;
  color: #175490;
  border: 1px solid #175490; }

.ui-label-button, header button, footer button.label, button.menu, form .buttons button, .ui-menu, .p3-layout section footer button, .bot_edit_view section footer button, .popover.group-form footer button.icon, .popover.group-form footer .ui-indicator button#indicator:before, .ui-indicator .popover.group-form footer button#indicator:before, .imagemap-edit-frame.image-editor footer button,
.popup.image-editor footer button {
  background-color: transparent;
  color: #4F5672;
  font-weight: 300;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  margin-right: 5px;
  height: 28px;
  line-height: 28px;
  border: 0 !important; }
  .ui-label-button:hover, header button:hover, footer button.label:hover, button.menu:hover, form .buttons button:hover, .ui-menu:hover, .p3-layout section footer button:hover, .bot_edit_view section footer button:hover, .popover.group-form footer button.icon:hover, .popover.group-form footer .ui-indicator button#indicator:hover:before, .ui-indicator .popover.group-form footer button#indicator:hover:before, .imagemap-edit-frame.image-editor footer button:hover,
  .popup.image-editor footer button:hover {
    background-color: #5A677C;
    color: #FFF; }

.ui-rounded-button, .bot-editor nav.navi div.deploy button {
  height: 26px;
  line-height: 28px;
  border-radius: 14px;
  padding-left: 24px;
  padding-right: 24px; }

button.red {
  background-color: #F55A16;
  color: #FFF !important;
  border: 1px solid rgba(0, 0, 0, 0.2); }

button.dark {
  background-color: #4F5672;
  color: #FFF !important;
  border: 1px solid #2F323A; }

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

article.view > header {
  background-image: url(/images/dricom-logo.png);
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: auto 32px; }

header {
  position: fixed;
  top: 0;
  right: 0;
  width: inherit;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  display: flex;
  background-color: #FFF;
  border-bottom: 1px solid #E0E2E9;
  padding-left: 16px;
  padding-right: 16px; }
  header > * {
    height: 60px;
    min-width: 60px;
    display: block;
    margin-left: 0; }
  header .btns {
    margin-left: auto;
    padding-right: 0; }
  header .btns + .prof {
    margin-left: 0; }
  header .btns button.help {
    padding-right: 0; }
  header .btns button.help.new {
    color: #F5A016;
    animation: new-feature 1.4s ease-out infinite; }
  header .btns button.help.new:hover {
    color: #FFF; }
  header nav.breadcrumbs {
    display: flex;
    margin-left: 0;
    margin-right: 40px; }
    header nav.breadcrumbs h1, header nav.breadcrumbs h2 {
      padding-left: 16px;
      cursor: pointer;
      height: inherit;
      line-height: inherit; }
    header nav.breadcrumbs h2 {
      padding-left: 0;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap; }
    header nav.breadcrumbs span:not(:last-child) {
      width: 1px;
      position: relative !important;
      display: block;
      text-indent: 0;
      background-position: 50% 50%;
      background-size: auto 12px;
      margin-left: 4px; }
      header nav.breadcrumbs span:not(:last-child):before {
        color: #1F69B0; }

footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: inherit;
  height: 48px;
  line-height: 48px;
  z-index: 100;
  display: flex;
  flex-direction: row-reverse;
  background-color: #FFF;
  border-top: 1px solid #E0E2E9;
  padding-left: 16px;
  padding-right: 16px; }
  footer button {
    margin-top: 7px;
    font-size: .9rem; }

article {
  width: 100%;
  height: 100%; }
  article#mask {
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent; }
  article main {
    width: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 60px 16px 48px 16px;
    overflow-y: auto;
    background-color: #E0E2E9; }
    article main > form {
      width: 800px;
      margin: 20px auto; }
  article aside#sidemenu {
    position: fixed;
    top: 60px;
    width: 200px;
    bottom: 0;
    left: -200px;
    display: block;
    background-color: #4F5672;
    box-sizing: border-box;
    z-index: 100;
    padding-left: 16px;
    padding-right: 16px; }
    article aside#sidemenu.on {
      left: 0; }
    article aside#sidemenu * {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    article aside#sidemenu.on ~ main {
      padding-left: 200px; }
    article aside#sidemenu.on ~ footer {
      width: calc(100% - 200px);
      height: 48px; }

details {
  width: inherit;
  text-align: left;
  list-style-type: circle;
  overflow: hidden; }
  details summary {
    height: 44px;
    line-height: 44px;
    font-size: .9rem;
    cursor: pointer;
    color: #FFF;
    font-size: .9rem;
    font-weight: 300;
    display: flex;
    text-align: left;
    align-items: stretch;
    position: relative; }
    details summary::-webkit-details-marker {
      color: transparent; }
    details summary:focus {
      outline: 0; }
    details summary + * {
      display: none; }
  details[open] summary + *, details.on summary + * {
    display: block;
    color: #FFF; }

section {
  position: relative;
  box-sizing: border-box; }
  section header {
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    font-size: 1.2rem;
    text-align: center;
    position: relative;
    width: inherit;
    display: block; }
  section footer {
    background: none;
    position: relative;
    width: inherit;
    margin-top: 10px;
    display: block; }

h1 {
  font-size: 1.2rem;
  font-weight: 300;
  color: #2F323A;
  height: 60px;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 0; }

h2 {
  font-weight: 300;
  font-size: 1rem;
  font-weight: 300;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
  color: #4F5672;
  height: auto; }

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

h4 {
  font-family: 'Arial';
  text-transform: uppercase;
  font-size: .8rem !important;
  font-weight: 600;
  color: #5A677C;
  height: 28px;
  line-height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

h5 {
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer; }

h6 {
  font-size: .8rem;
  color: #5A677C; }

span {
  box-sizing: content-box; }

label {
  box-sizing: content-box;
  min-height: 20px;
  display: inline-block;
  font-size: .9rem; }

p {
  box-sizing: content-box;
  padding: 8px 16px 8px 16px;
  font-size: .8rem;
  font-weight: 300; }

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: table; }
  nav > * {
    display: table-cell; }

/* icons */
i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  display: block;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  cursor: pointer; }
  i.close {
    border-radius: 8px;
    top: 10px;
    right: 10px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }

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: '▼'; }

.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=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 #E0E2E9;
  background: #FFF; }
  .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=range], input:focus[type=number], textarea:focus {
    border: 1px solid #BFD9F1;
    outline: 0;
    background: #FFF;
    color: #2F323A; }
  .ui-input::selection, input[type=text]::selection, input[type=password]::selection, input[type=autocomplete]::selection, input[type=email]::selection, input[type=tel]::selection, input[type=url]::selection, input[type=search]::selection, input[type=range]::selection, input[type=number]::selection, textarea::selection {
    background: #E0E2E9; }
  .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=range], input:placeholder-shown[type=number], textarea:placeholder-shown {
    background-color: #F3F4F8;
    border-color: #E0E2E9; }
  .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=range], input:placeholder-shown:focus[type=number], textarea:placeholder-shown:focus {
    border-color: #1F69B0;
    background-color: #FFF; }
  .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=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=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=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=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] {
  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: #AAB2BD;
  border-radius: 2px;
  outline: 0; }

input[type=checkbox]:checked {
  background-color: #1F69B0; }

input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 16px !important;
  height: 16px !important;
  background-position: 50% 50%;
  background-size: 16px auto;
  background-image: url(/images/ico_radio.svg);
  outline: 0;
  margin-left: 6px; }

input[type=radio]:checked {
  background-image: url(/images/ico_radio_w.svg); }

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

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

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

input::-webkit-input-placeholder {
  color: #AAB2BD;
  font-weight: 300; }

input::-moz-placeholder {
  color: #AAB2BD;
  font-weight: 300; }

textarea::-webkit-input-placeholder {
  color: #AAB2BD;
  font-weight: 300; }

textarea::-moz-input-placeholder {
  color: #AAB2BD;
  font-weight: 300; }

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

form {
  position: relative;
  padding: 16px;
  /*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: #5A677C; }
    form label.on {
      font-weight: 600;
      animation: highlight .25s ease-out;
      color: #4F5672; }
  form .form-type-checkbox label {
    padding-left: 20px; }
  form .form-type-radio label {
    text-indent: 20px;
    padding-right: 10px; }
  form p {
    padding-left: 0;
    color: #AAB2BD;
    font-size: .75rem; }
  form p.empty {
    display: none !important; }
  form li[type=switch] {
    display: flex;
    align-items: center; }
    form li[type=switch] h4 {
      line-height: 24px; }
    form li[type=switch] > div {
      width: auto;
      margin-left: 20px; }
  form li[type=hidden] {
    position: absolute !important;
    height: 0 !important; }
  form li[type=radio], form li[type=checkbox] {
    min-height: 36px;
    line-height: 36px; }
  form li[type=radio] label, form dd[type=radio] label {
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    margin-right: 6px;
    border-radius: 2px;
    margin-top: 2px; }
  form li[type=radio] label:hover, form dd[type=radio] label:hover {
    background-color: #5A677C;
    color: #FFF;
    border: 1px solid #4F5672;
    font-weight: normal; }
  form li[type=radio] label.on, form dd[type=radio] label.on {
    background-color: #1F69B0;
    color: #FFF;
    border: 1px solid #175490;
    font-weight: normal; }
  form li > dl:not(.tabs) {
    width: 80% !important;
    align-items: stretch; }
  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 {
    width: 80%;
    max-width: 600px; }
  form li > button {
    margin-top: 10px;
    margin-bottom: 10px; }
  form cite {
    color: white;
    height: 32px;
    line-height: 32px;
    text-align: right;
    font-size: .75rem;
    background-color: #F55A16;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    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=email], form .error input[type=url], form .error input[type=tel], form .error[type=search], form .error .form-item-autocomplete {
    border-color: #F55A16;
    background-color: #F55A16; }
    form .error textarea:focus, form .error input[type=text]:focus, form .error input[type=password]: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: #F55A16 !important;
      background-color: #F55A16 !important; }
  form div.form-item-period {
    display: flex; }
    form div.form-item-period .ui-dropdown {
      height: 32px;
      line-height: 32px; }
  form .buttons {
    height: 48px;
    line-height: 40px;
    border-top: 1px solid #E0E2E9;
    margin-top: 16px; }

main > form {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }

.ui-dropdown {
  display: inline-block;
  flex-wrap: nowrap;
  display: flex;
  background-color: #F3F4F8;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  margin-right: 0px;
  color: #2F323A;
  border: 1px solid #AAB2BD !important; }
  .ui-dropdown:hover {
    background-color: #AAB2BD; }
  .ui-dropdown:after {
    content: '▼';
    color: #2F323A;
    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: #5A677C;
    background-color: #E0E2E9;
    padding-left: 8px; }
  .ui-dropdown.yy {
    width: 80px !important; }
  .ui-dropdown label {
    color: #2F323A;
    padding-right: 16px; }
  .ui-dropdown + span {
    padding-left: 6px;
    padding-right: 6px; }
  .ui-dropdown.on:hover {
    background-color: #FFF; }
  .ui-dropdown.on:after {
    color: #FFF;
    background-color: #5A677C;
    pointer-events: none;
    border: 0;
    top: -1px; }

.ui-menu {
  width: auto;
  position: relative;
  padding-right: 20px; }
  .ui-menu:hover {
    background-color: #1F69B0; }
    .ui-menu:hover label {
      color: white; }
  .ui-menu:after {
    content: '▼';
    color: #2F323A;
    position: absolute;
    width: 16px;
    font-size: .7rem;
    text-align: center;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .ui-menu label {
    color: #2F323A; }
  .ui-menu + span {
    padding-left: 6px;
    padding-right: 6px; }

.ui-dropdown-opts, #form-item-autocomplete {
  position: absolute;
  z-index: 300;
  background-color: #2F323A;
  border-radius: 4px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto; }
  .ui-dropdown-opts > li, #form-item-autocomplete > li {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 16px;
    padding-right: 16px;
    min-height: 32px;
    height: 32px !important;
    line-height: 32px;
    background-color: transparent; }
    .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: #1F69B0;
      color: #2F323A; }
    .ui-dropdown-opts > li.group, #form-item-autocomplete > li.group {
      font-size: .75rem;
      font-weight: bold;
      color: #F5A016;
      padding-left: 10px; }

.green1 {
  background-color: #1F69B0;
  color: #FFF; }

.green1:hover {
  background-color: #175490; }

.green2 {
  background-color: #1F69B0; }

.green2:hover {
  background-color: #1F69B0; }

.blue {
  background-color: #1F69B0; }

.blue:hover {
  background-color: #175490; }

.purple {
  background-color: #1F69B0; }

.purple:hover {
  background-color: #1F69B0; }

.navy {
  background-color: #4F5672; }

.navy:hover {
  background-color: #2F323A; }

.yellow {
  background-color: #F5A016; }

.yellow:hover {
  background-color: #1F69B0; }

.orange {
  background-color: #F5A016; }

.orange:hover {
  background-color: #F5A016; }

.red, i.close {
  background-color: #F55A16; }

.red:hover, i.close:hover {
  background-color: #F55A16; }

.light {
  background-color: #E0E2E9;
  color: #2F323A;
  border-color: #AAB2BD !important; }

.light:hover {
  background-color: #AAB2BD;
  color: #2F323A; }

.black {
  background-color: #5A677C; }

.black:hover {
  background-color: #2F323A; }

.tag, .form-item-autocomplete span {
  float: left;
  display: block;
  width: auto !important;
  height: 24px;
  line-height: 24px;
  margin: 6px;
  font-size: .7rem;
  max-width: 120px;
  background-color: #5A677C;
  color: white;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  font-family: 'Arial'; }
  .tag:hover, .form-item-autocomplete span:hover {
    background-color: #175490; }

.round_btn {
  margin: 0 10px 5px 0px;
  color: #0084FF;
  width: auto;
  height: 24px;
  line-height: 22px;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0px 8px 0px 8px;
  border-radius: 12px;
  border: 1px solid #0084FF;
  font-size: .75rem;
  cursor: default;
  cursor: pointer;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word; }
  .round_btn:hover {
    background-color: #2F323A;
    color: white; }

.form-item-autocomplete {
  background-color: #FFF;
  min-height: 36px;
  line-height: 36px;
  overflow: hidden;
  border: 1px solid #E0E2E9;
  width: auto;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap; }
  .form-item-autocomplete input[type=text] {
    background-color: transparent;
    height: 24px;
    line-height: 24px;
    margin: 6px;
    border: 0;
    padding-left: 0;
    width: auto !important;
    flex: 1; }
    .form-item-autocomplete input[type=text]:focus {
      border: 0 !important;
      border-radius: 0; }
  .form-item-autocomplete span {
    position: relative; }
    .form-item-autocomplete span b {
      width: 16px;
      height: 12px;
      position: absolute;
      z-index: 1;
      top: 6px;
      right: 2px;
      background-image: url(/images/ico_cross_w.svg);
      background-size: 10px 10px;
      background-position: 50% 50%;
      cursor: hand;
      cursor: pointer; }
  .form-item-autocomplete.on {
    border-color: #1F69B0;
    border-width: 2px;
    background-color: #FFF; }

.form-item-switch {
  width: 70px;
  position: relative;
  height: 40px;
  float: left;
  cursor: hand;
  cursor: pointer; }
  .form-item-switch:before {
    content: "OFF";
    position: absolute;
    width: 64px;
    height: 24px;
    border-radius: 12px;
    background-color: #DBE0E7;
    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: #DBE0E7; }
  .form-item-switch:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-color: #FFF;
    top: 12px;
    left: 8px;
    z-index: 1;
    box-shadow: 0 0 1px 0 #DBE0E7; }
  .form-item-switch.on:before {
    content: "ON";
    background-color: #DBE0E7;
    color: #1F69B0;
    text-indent: 12px; }
  .form-item-switch.on:after {
    background-color: #1F69B0;
    left: auto;
    right: 8px; }

.form-item-image {
  margin-left: 0;
  background-color: #E0E2E9;
  width: 120px;
  height: 120px;
  position: relative; }
  .form-item-image.default:after {
    content: "Upload your photo here";
    position: absolute;
    display: block;
    right: 10px;
    left: 10px;
    height: auto;
    bottom: 16px;
    top: auto;
    font-size: 0.8rem;
    color: #FFF;
    text-align: center;
    cursor: hand;
    cursor: pointer; }
  .form-item-image.default:before {
    background-image: url(/images/ico_camera_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    content: "";
    width: 100%;
    height: 60px;
    top: 50%;
    margin-top: -50px; }
  .form-item-image 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; }

.form-item-file {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  background-color: #DBE0E7;
  width: 120px;
  height: 120px;
  position: relative; }
  .form-item-file > div {
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .form-item-file .default:after {
    content: "Upload your file here";
    position: absolute;
    display: block;
    right: 10px;
    left: 10px;
    height: auto;
    line-height: 18px;
    bottom: 16px;
    top: auto;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    cursor: hand;
    cursor: pointer; }
  .form-item-file .default:before {
    background-image: url(/images/ico_camera_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    content: "";
    width: 100%;
    height: 60px;
    top: 50%;
    margin-top: -50px; }
  .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; }
  .form-item-file div > span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }
  .form-item-file b.del {
    display: block;
    background-image: url(/images/ico_cross_w.svg);
    background-size: 10px;
    width: 16px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 4px;
    right: 4px;
    background-position: 50% 50%;
    border-radius: 8px; }
  .form-item-file .default b.del {
    display: none; }

.form-item-datetime {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.panel, .bot_line_view form, .line-manual {
  margin: 16px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1); }

section.popover {
  width: 380px;
  height: auto;
  background-color: rgba(44, 54, 96, 0.9);
  border-radius: 10px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
  section.popover h2 {
    color: #F5A016; }
  section.popover h4 {
    color: rgba(255, 255, 255, 0.7);
    line-height: 22px; }
  section.popover p, section.popover label, section.popover span {
    color: rgba(255, 255, 255, 0.7); }
  section.popover p b {
    color: #1F69B0;
    white-space: nowrap;
    text-decoration: underline;
    cursor: pointer; }
  section.popover footer {
    text-align: center; }
  section.popover form {
    background-color: transparent;
    padding-top: 6px;
    padding-bottom: 6px; }
    section.popover form .ui-input:focus, section.popover form input:focus[type=text], section.popover form input:focus[type=password], section.popover form input:focus[type=autocomplete], section.popover form input:focus[type=email], section.popover form input:focus[type=tel], section.popover form input:focus[type=url], section.popover form input:focus[type=search], section.popover form input:focus[type=range], section.popover form input:focus[type=number], section.popover form textarea:focus {
      background-color: #2F323A; }
    section.popover form .ui-dropdown {
      width: 80% !important;
      box-sizing: border-box; }
      section.popover form .ui-dropdown.on:after {
        background-color: #1F69B0;
        color: #2F323A; }
    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: 100%;
      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: rgba(44, 54, 96, 0.9); }
  section.popover.right:after {
    top: 20px;
    left: -20px;
    border-right-color: rgba(44, 54, 96, 0.9); }
  section.popover.left:after {
    top: 20px;
    right: -20px;
    border-left-color: rgba(44, 54, 96, 0.9); }
  section.popover.bottom:after {
    left: 20px;
    top: -20px;
    border-bottom-color: rgba(44, 54, 96, 0.9); }
  section.popover header {
    width: auto;
    min-width: auto; }
    section.popover header .signout {
      color: #1abc9c;
      height: 20px;
      line-height: 20px;
      margin-top: 0px;
      position: absolute;
      top: 10px;
      cursor: pointer;
      padding-left: 15px !important; }
      section.popover header .signout:hover {
        color: #91c7bd; }
      section.popover header .signout:before {
        content: ""; }

section.popup {
  margin: auto;
  width: 50vw !important;
  height: auto;
  text-align: center;
  overflow: hidden;
  margin-top: 50vh;
  transform: translate(0, -25vh);
  border-radius: 10px;
  background-color: #2F323A;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2); }
  section.popup p, section.popup label, section.popup span {
    color: rgba(255, 255, 255, 0.7); }
  section.popup b {
    color: #F5A016;
    font-weight: 600;
    line-height: inherit;
    height: inherit; }
  section.popup input[type=text], section.popup input[type=number], section.popup input[type=password], section.popup input[type=email], section.popup input[type=tel], section.popup input[type=url], section.popup[type=search], section.popup textarea {
    outline: 0;
    width: 70%;
    margin: auto;
    background-color: #2F323A;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    min-height: 32px;
    color: rgba(255, 255, 255, 0.7);
    display: block; }
    section.popup input[type=text]:focus, section.popup input[type=number]:focus, section.popup input[type=password]:focus, section.popup input[type=email]:focus, section.popup input[type=tel]:focus, section.popup input[type=url]:focus, section.popup[type=search]:focus, section.popup textarea:focus {
      border-color: #FFF;
      color: #FFF; }
    section.popup input[type=text]::-webkit-input-placeholder, section.popup input[type=number]::-webkit-input-placeholder, section.popup input[type=password]::-webkit-input-placeholder, section.popup input[type=email]::-webkit-input-placeholder, section.popup input[type=tel]::-webkit-input-placeholder, section.popup input[type=url]::-webkit-input-placeholder, section.popup[type=search]::-webkit-input-placeholder, section.popup textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.3); }
  section.popup h2 {
    color: #F5A016;
    height: 44px;
    line-height: 44px; }
  section.popup header, section.popup footer {
    border-top-color: rgba(255, 255, 255, 0.1); }
  section.popup footer button {
    text-align: center;
    margin-left: 5px !important;
    margin-right: 5px !important; }

section.window {
  width: 80vw;
  height: 80vh;
  margin: 10vh 10vw 10vh 10vw;
  background-color: #FFF;
  border: 1px solid #E0E2E9;
  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 header i.close:before {
      content: ""; }
    section.window header i.icon.close, section.window header .ui-indicator i.close#indicator:before, .ui-indicator section.window header i.close#indicator:before {
      width: 16px !important;
      top: 16px;
      right: 16px;
      box-sizing: border-box;
      padding-left: 0px !important; }
  section.window section {
    flex: 1;
    overflow-y: auto;
    position: relative; }
  section.window footer {
    background-color: #5A677C;
    color: rgba(255, 255, 255, 0.9);
    height: 48px;
    text-align: center; }
    section.window footer button {
      background-color: #1F69B0;
      border: 1px solid #175490;
      color: #FFF; }
    section.window footer button:hover {
      background-color: #5A677C;
      border: 1px solid #AAB2BD; }
  section.window table {
    margin: auto; }
    section.window table input[type=text], section.window table input[type=number] {
      width: 100%; }

.tab-menu {
  height: inherit;
  line-height: inherit;
  width: inherit;
  border-bottom: 1px solid #1F69B0;
  justify-content: center;
  padding: 0; }
  .tab-menu dd {
    color: #AAB2BD;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-weight: 300; }
  .tab-menu dd.on {
    font-weight: 600;
    color: #2F323A;
    border-bottom: 4px solid #1F69B0; }
  .tab-menu dd.on:before {
    height: 0; }

.fa, .user_list_view .ext-info li h4.lock:after, .school_list_view main .center-pane header dd:before, .docrequest_list_view main .center-pane header dd:before, .sctag_list_view main .center-pane header dd:before, .scgroups_list_view main .center-pane header dd:before, ol.card li.image.uploading:before, .dashboard_view section.outline .tab-menu dd:before, .dashboard_view section.outline h4:before, .bot-editor ul.nodes ol.card.new:before, .bot-editor ul.nodes div.react-btns label.fhs:before, section.pop-inline > dl dd,
section.subpop-inline > dl dd, body section.templates-frame ul.templates li:before, .icon:before, header nav.breadcrumbs span:not(:last-child):before, .p3-layout .menu-pane li:before, .bot-editor ul.nodes div.schedule:before, .simulator > header dl dd:before, .ui-indicator #indicator:before, .list-view th.on:before, .vip:after {
  font-family: "FontAwesome" !important; }

table.list-view {
  background-color: white; }
  table.list-view th {
    padding: 0;
    text-align: left; }
  table.list-view td {
    text-align: left;
    position: relative;
    padding: 0; }
    table.list-view td i {
      top: 1px; }

.noselect, section.outline summary > h3, section.outline li, .bot-editor section.actions li {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */ }

div.switch {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  background-color: #4F5672; }
  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: #1F69B0;
      flex: 1;
      color: #FFF;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); }

.signin_view {
  height: 100vh;
  min-height: 640px;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  display: flex;
  background-color: #BFD9F1; }
  .signin_view > section {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .signin_view div.wrapper {
    height: 500px;
    margin: auto;
    transform: translateY(-40px); }
  .signin_view section.intro {
    width: 60vw;
    background-color: white;
    display: flex;
    flex-direction: column; }
    .signin_view section.intro div.wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .signin_view section.intro div.logo-l {
      background-image: url(/images/logo-label.svg);
      background-size: auto 100%;
      background-position: center center;
      height: 60px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .signin_view section.intro div.concept {
      background-size: 100% auto;
      background-position: center bottom;
      background-image: url(/images/concept.svg);
      height: 180px; }
    .signin_view section.intro p {
      margin-top: 30px;
      margin-bottom: 30px;
      color: #5A677C;
      font-size: 0.9rem;
      text-align: center; }
    .signin_view section.intro button {
      min-width: 200px;
      margin: auto;
      background-color: #F87E62;
      color: #FFF;
      border-color: #DB6F57; }
    .signin_view section.intro footer {
      border-top: 0;
      display: flex;
      justify-content: center; }
      .signin_view section.intro footer p {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px;
        font-size: 0.8rem; }
      .signin_view section.intro footer a {
        text-decoration: none;
        padding: 10px;
        color: #5A677C;
        font-size: 0.8rem;
        color: #BFD9F1; }
  .signin_view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0; }
  .signin_view * {
    color: #333; }
  .signin_view section.form {
    position: relative;
    flex: 1;
    width: 40vw;
    min-width: 400px;
    text-align: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ADC4DA; }
    .signin_view section.form dl {
      display: flex;
      width: 240px !important;
      margin: auto;
      height: 32px;
      box-sizing: border-box;
      border: 1px solid #BFD9F1;
      border-radius: 16px;
      overflow: hidden; }
    .signin_view section.form .tab_container {
      padding-top: 60px; }
    .signin_view section.form nav {
      display: flex;
      text-align: center;
      justify-content: center; }
      .signin_view section.form nav a {
        padding: 10px;
        text-align: center;
        color: #5A677C; }
    .signin_view section.form dd {
      margin: 0;
      flex-grow: 1;
      padding-right: 0;
      cursor: pointer;
      font-family: 'Source Sans Pro' !important;
      font-size: 1.0rem;
      height: 32px;
      line-height: 32px;
      color: #BFD9F1;
      background-color: #FFF; }
    .signin_view section.form dd.on {
      font-weight: bold;
      color: #FFF;
      background-color: #BFD9F1; }
    .signin_view section.form p {
      font-size: 1.0rem;
      height: 40px;
      line-height: 40px; }
    .signin_view section.form form {
      width: inherit;
      height: auto;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      width: 80%;
      min-width: 360px;
      margin: auto;
      margin-left: auto;
      margin-right: auto; }
      .signin_view section.form form li {
        position: relative;
        height: 40px;
        line-height: 40px;
        width: 360px;
        margin-bottom: 24px;
        border-radius: 8px;
        border: 1px solid #ADC4DA;
        background-color: #FFF;
        box-sizing: border-box; }
        .signin_view section.form form li.icon.email, .signin_view section.form form .p3-layout .menu-pane li.email, .p3-layout .menu-pane .signin_view section.form form li.email, .signin_view section.form form .ui-indicator li.email#indicator:before, .ui-indicator .signin_view section.form form li.email#indicator:before, .signin_view section.form form li.icon.key, .signin_view section.form form .p3-layout .menu-pane li.key, .p3-layout .menu-pane .signin_view section.form form li.key, .signin_view section.form form .ui-indicator li.key#indicator:before, .ui-indicator .signin_view section.form form li.key#indicator:before {
          padding-left: 36px !important;
          color: #AAB2BD; }
      .signin_view section.form form li:before {
        width: 40px !important;
        text-indent: 8px; }
      .signin_view section.form form li.on:before {
        color: #BFD9F1 !important; }
      .signin_view section.form form input[type=text], .signin_view section.form form input[type=password] {
        position: relative;
        height: 40px;
        line-height: 40px;
        width: 100%;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        font-size: 1rem;
        box-sizing: border-box;
        border-radius: 0;
        color: #5A677C !important; }
        .signin_view section.form form input[type=text]:-webkit-autofill, .signin_view section.form form input[type=password]:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #FFF inset; }
        .signin_view section.form form input[type=text]:focus, .signin_view section.form form input[type=password]:focus {
          border: 0 !important;
          outline: 0;
          background: #FFF !important;
          color: #5A677C !important; }
        .signin_view section.form form input[type=text]:focus + label, .signin_view section.form form input[type=text].on + label, .signin_view section.form form input[type=text]:-webkit-autofill + label, .signin_view section.form form input[type=password]:focus + label, .signin_view section.form form input[type=password].on + label, .signin_view section.form form input[type=password]:-webkit-autofill + label {
          height: 20px;
          line-height: 20px;
          font-size: .8rem;
          padding-left: 10px;
          padding-top: 4px;
          font-weight: bold;
          color: #F55A16; }
        .signin_view section.form form input[type=text]:valid, .signin_view section.form form input[type=password]:valid {
          border-bottom: 1px; }
      .signin_view section.form form li.on {
        border: 1px solid #BFD9F1; }
      .signin_view section.form form div.terms {
        height: 24px;
        display: flex;
        align-items: center;
        padding-left: 4px;
        margin-bottom: 16px; }
        .signin_view section.form form div.terms input[type=checkbox]:checked {
          background-color: #BFD9F1; }
      .signin_view section.form form label {
        flex: 1;
        position: relative;
        display: block;
        height: 24px;
        line-height: 24px;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        padding-left: 8px;
        color: #5A677C; }
    .signin_view section.form button {
      margin: auto;
      width: inherit;
      box-sizing: border-box;
      height: 36px;
      border-radius: 4px;
      color: #FFF;
      width: 360px;
      background-color: #F5A016;
      cursor: pointer; }
    .signin_view section.form button.fb-login {
      background-color: #4267b2;
      border: 1px solid #4F5672;
      background-image: url(/images/ico_fb_w.svg);
      background-size: auto 30px;
      background-position: 24px bottom;
      background-repeat: no-repeat; }
    .signin_view section.form button.mail-login {
      border: 1px solid #ADC4DA; }
    .signin_view section.form .error {
      color: #F87E62;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      white-space: normal;
      height: auto;
      line-height: auto;
      font-size: 0.9rem; }
    .signin_view section.form > dl, .signin_view section.form > div {
      width: 400px;
      height: auto;
      margin: auto;
      background-color: transparent; }
    .signin_view section.form > dl {
      margin-bottom: 0;
      margin-top: 90px; }
    .signin_view section.form > div {
      height: 500px;
      padding-top: 40px; }
  .signin_view footer {
    text-align: center; }
    .signin_view footer p {
      text-align: center;
      width: 100%; }

@media only screen and (max-width: 768px) {
  .signin_view > section {
    flex-direction: column !important;
    overflow: hidden; }
  .signin_view section.intro {
    display: none; }
    .signin_view section.intro * {
      display: none; }
  .signin_view section.form {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    border-left: 0;
    box-sizing: border-box;
    min-width: 0;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background: url(/images/logo-label.svg);
    background-repeat: no-repeat;
    background-position: center 40px;
    background-size: 60% auto; }
    .signin_view section.form div.wrapper {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      width: 100%;
      box-sizing: border-box; }
      .signin_view section.form div.wrapper div.tab_container {
        padding-top: 0; }
      .signin_view section.form div.wrapper form {
        width: calc(100vw - 48px);
        min-width: 0;
        position: relative; }
      .signin_view section.form div.wrapper li, .signin_view section.form div.wrapper input[type=text], .signin_view section.form div.wrapper input[type=password], .signin_view section.form div.wrapper button {
        width: 100%; }
      .signin_view section.form div.wrapper nav {
        flex-direction: column; }
        .signin_view section.form div.wrapper nav a {
          line-height: 40px; } }

.user_list_view main {
  flex-direction: row !important;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px; }

.user_list_view section {
  display: flex;
  flex-direction: column;
  background: #fff; }
  .user_list_view section header {
    width: inherit;
    height: 60px;
    line-height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .user_list_view section header ul, .user_list_view section header li {
      height: 60px !important;
      line-height: 60px !important;
      display: flex;
      align-items: center;
      color: white; }
  .user_list_view section form {
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: transparent !important; }
    .user_list_view section form input {
      height: 28px;
      line-height: 28px;
      border-radius: 14px; }
  .user_list_view section section {
    flex: 1;
    background-color: transparent; }
    .user_list_view section section ul {
      margin: 0;
      width: inherit;
      padding-left: 6px;
      box-sizing: border-box; }
    .user_list_view section section li {
      height: 48px;
      line-height: 48px;
      margin: 0;
      width: inherit;
      box-sizing: border-box; }
      .user_list_view section section li i.icon, .user_list_view section section li .ui-indicator i#indicator:before, .ui-indicator .user_list_view section section li i#indicator:before {
        right: 12px;
        top: 1px; }
  .user_list_view section footer {
    position: relative !important;
    margin: 0;
    height: 48px;
    line-height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .user_list_view section footer input {
      height: 32px;
      line-height: 32px;
      width: inherit;
      border: 0;
      margin: auto; }
    .user_list_view section footer div {
      flex: 1; }
  .user_list_view section .pop-inline form {
    background: #2C3660 !important;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    width: auto;
    padding: 16px 24px; }
  .user_list_view section .pop-inline ul {
    padding: 0px;
    margin: 10px 0px 10px 0px; }
    .user_list_view section .pop-inline ul li {
      height: auto; }
  .user_list_view section .pop-inline footer.exps {
    border-top-color: rgba(255, 255, 255, 0.1);
    margin-top: 0px; }
    .user_list_view section .pop-inline footer.exps button {
      color: #FFF; }

.user_list_view section.center-pane.compact .ext-col {
  display: none; }

.user_list_view section.center-pane.compact header {
  padding-right: 0; }
  .user_list_view section.center-pane.compact header .platforms, .user_list_view section.center-pane.compact header .placeholder, .user_list_view section.center-pane.compact header div.groups {
    display: none; }
  .user_list_view section.center-pane.compact header .search {
    text-align: left;
    width: 260px; }
    .user_list_view section.center-pane.compact header .search input {
      width: 220px !important; }

.user_list_view section.center-pane.compact footer button {
  display: none; }

.user_list_view section.info {
  width: 360px; }

.user_list_view section.base {
  width: inherit;
  height: 250px;
  max-height: 250px;
  min-height: 250px;
  display: flex;
  flex-direction: column; }
  .user_list_view section.base > *:not(p) {
    display: block;
    position: relative;
    min-height: 40px;
    width: inherit;
    padding: 0 !important;
    margin: 0;
    text-align: center; }
  .user_list_view section.base p.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: #565E80; }
  .user_list_view section.base p.bg-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: #565E80;
    background-size: cover;
    filter: grayscale(0.7) contrast(1.8); }
    .user_list_view section.base p.bg-thumb:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      width: 100%;
      height: 100%;
      background-color: #2C3660; }
  .user_list_view section.base > div {
    text-align: center; }
    .user_list_view section.base > div.thumb-frame {
      height: 90px;
      min-height: 90px; }
    .user_list_view section.base > div .thumb {
      left: 150px;
      top: 24px; }
    .user_list_view section.base > div label {
      height: 40px;
      line-height: 30px;
      width: inherit;
      color: rgba(255, 255, 255, 0.7); }
    .user_list_view section.base > div span {
      color: rgba(255, 255, 255, 0.7); }
  .user_list_view section.base > h3 {
    height: 48px !important;
    line-height: 48px !important;
    font-size: 1.2rem;
    color: white; }
  .user_list_view section.base div.date {
    padding-bottom: 6px; }
    .user_list_view section.base div.date span {
      white-space: nowrap;
      display: block; }
  .user_list_view section.base dl {
    border-top: 1px solid #DBE0E7;
    width: inherit;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0; }
    .user_list_view section.base dl dd {
      width: 120px !important;
      border: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background-color: rgba(0, 0, 0, 0.2); }
      .user_list_view section.base dl dd h2 {
        height: 44px;
        line-height: 48px;
        font-size: 2rem;
        color: #565E80;
        border: 0;
        width: inherit;
        padding: 0;
        font-family: "Homenaje";
        color: white; }
      .user_list_view section.base dl dd span {
        color: rgba(255, 255, 255, 0.7);
        padding: 0;
        height: 32px;
        line-height: 20px;
        width: inherit; }

.user_list_view section.center-pane header .search {
  text-align: left;
  width: 280px; }
  .user_list_view section.center-pane header .search input {
    width: 240px !important; }

.user_list_view section.center-pane header .platforms span, .user_list_view section.center-pane header .platforms dd {
  color: #DBE0E7;
  cursor: pointer; }

.user_list_view section.center-pane header .platforms .on span {
  color: #565E80; }

.user_list_view section.center-pane header .platforms .icon.on, .user_list_view section.center-pane header .platforms nav.breadcrumbs span.on:not(:last-child), .user_list_view section.center-pane header nav.breadcrumbs .platforms span.on:not(:last-child), .user_list_view section.center-pane header .platforms .p3-layout .menu-pane li.on, .p3-layout .menu-pane .user_list_view section.center-pane header .platforms li.on, .user_list_view section.center-pane header .platforms .bot-editor ul.nodes div.on.schedule, .bot-editor ul.nodes .user_list_view section.center-pane header .platforms div.on.schedule, .user_list_view section.center-pane .simulator > header .platforms dl dd.on, .user_list_view section.center-pane .simulator > header dl .platforms dd.on, .user_list_view section.center-pane header .platforms .ui-indicator .on#indicator:before, .ui-indicator .user_list_view section.center-pane header .platforms .on#indicator:before, .user_list_view section.center-pane header .platforms .list-view th.on, .list-view .user_list_view section.center-pane header .platforms th.on {
  background-color: transparent;
  color: #565E80; }

.user_list_view section.center-pane header div.groups {
  display: flex;
  height: inherit;
  line-height: inherit;
  flex-direction: row;
  align-items: center;
  padding-right: 20px; }
  .user_list_view section.center-pane header div.groups h4 {
    padding-right: 10px; }
  .user_list_view section.center-pane header div.groups h4:after {
    content: " : "; }

.user_list_view section.center-pane .item-view-thumb {
  padding-top: 5px; }

.user_list_view section.center-pane .item-view-name:before {
  height: 100%;
  background-position: 6px 50%;
  display: flex;
  align-items: center; }

.user_list_view section.center-pane .list-view td button {
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8pt;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  background-color: #E0E2E9;
  cursor: pointer;
  margin-right: 8px;
  border: 0;
  color: #5A677C; }

.user_list_view section.center-pane .list-view .has-tag .btn-edit-tag {
  background-color: #FFB13B;
  color: white; }

.user_list_view .tags {
  box-sizing: content-box;
  height: auto;
  padding: 4px 16px;
  background-color: white;
  flex-shrink: 0;
  flex-direction: row;
  flex-wrap: wrap; }
  .user_list_view .tags dd {
    color: white;
    background-color: #121B42;
    height: 24px;
    line-height: 24px;
    font-size: .7rem;
    max-width: 100px;
    border-radius: 4px;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Arial';
    margin: 6px 6px 6px 0px; }

.user_list_view caption {
  height: 48px;
  line-height: 48px;
  font-size: 1rem;
  border-top: 1px solid #DBE0E7;
  border-bottom: 1px solid #DBE0E7;
  width: inherit;
  background-color: #FFF;
  display: block; }

.user_list_view div.ext-frame {
  height: calc( 100vh - 370px);
  overflow-y: auto; }

.user_list_view .ext-info {
  width: inherit;
  padding: 0;
  border-collapse: collapse;
  position: relative;
  border-top: 1px solid #F6F8FB;
  border-left: 1px solid #F6F8FB; }
  .user_list_view .ext-info li {
    height: auto; }
    .user_list_view .ext-info li h4 {
      height: 20px;
      line-height: 32px;
      padding-left: 16px;
      color: #565E80; }
    .user_list_view .ext-info li h4.lock:after {
      font-size: 16px;
      height: inherit;
      color: #565E80;
      padding-left: 6px;
      content: ""; }
    .user_list_view .ext-info li p {
      height: auto;
      line-height: 34px;
      font-size: 1rem; }
    .user_list_view .ext-info li img {
      max-width: 300px;
      cursor: pointer; }
    .user_list_view .ext-info li dl.btns {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap; }
      .user_list_view .ext-info li dl.btns dd {
        color: #0084FF;
        border: 1px solid #0084FF;
        border-radius: 4px;
        height: 24px;
        line-height: 24px;
        padding-left: 8px !important;
        padding-right: 8px;
        margin: 6px;
        margin-left: 0px;
        cursor: pointer; }
      .user_list_view .ext-info li dl.btns dd:hover {
        background-color: #0084FF;
        color: white; }
      .user_list_view .ext-info li dl.btns dd.on {
        background-color: #565E80;
        color: white;
        border-color: #2C3660; }
    .user_list_view .ext-info li input[type=text] {
      color: #121B42 !important;
      padding-left: 0;
      border-color: transparent !important; }
    .user_list_view .ext-info li input[type=text]:valid {
      color: #121B42 !important; }
    .user_list_view .ext-info li input[type=text]:focus {
      border: 1px solid #DBE0E7;
      background-color: #F6F8FB;
      padding-left: 6px;
      color: white !important; }

.user_list_view .left-pane {
  width: 220px !important; }
  .user_list_view .left-pane section {
    overflow: hidden;
    overflow-y: auto; }
  .user_list_view .left-pane ul {
    padding-left: 0; }
  .user_list_view .left-pane li {
    line-height: 40px;
    height: 40px;
    text-transform: capitalize;
    padding-left: 16px;
    cursor: pointer;
    color: #FFF;
    display: flex;
    flex-direction: row; }
    .user_list_view .left-pane li label, .user_list_view .left-pane li dd {
      color: rgba(255, 255, 255, 0.7); }
    .user_list_view .left-pane li label {
      flex: 1;
      padding-left: 8px;
      font-size: 12px; }
  .user_list_view .left-pane h2 {
    color: #F6F8FB;
    text-align: left; }
  .user_list_view .left-pane li:hover {
    background-color: #565E80; }
  .user_list_view .left-pane li.on {
    color: #FFF;
    background-color: #839BFB; }
    .user_list_view .left-pane li.on label, .user_list_view .left-pane li.on dd {
      color: #FFF; }

.user_list_view .right-pane {
  width: 440px;
  overflow-x: hidden; }
  .user_list_view .right-pane .thumb {
    position: absolute;
    left: 10px;
    top: 0px; }
  .user_list_view .right-pane #chats {
    height: calc( 100vh - 96px); }
  .user_list_view .right-pane button.on {
    background: transparent;
    color: #2C3660;
    font-weight: normal; }
  .user_list_view .right-pane footer {
    line-height: 48px;
    align-items: center; }

.user_list_view .center-pane footer div {
  text-align: left; }

.user_list_view button.off {
  color: #DBE0E7; }

.user_list_view button.off:before {
  color: #DBE0E7; }

section.filters {
  display: flex;
  flex-direction: column !important; }
  section.filters form {
    margin: 16px;
    max-width: auto !important;
    width: 100% !important; }
    section.filters form dl {
      width: 90%; }
    section.filters form dd {
      position: relative; }
    section.filters form dd[type=radio] > div {
      height: 100%;
      line-height: 32px; }
    section.filters form.filter-name {
      text-align: left; }
  section.filters dd.space {
    width: 10px !important;
    min-width: 10px !important;
    height: 32px; }
  section.filters .form-item-autocomplete {
    min-height: 32px;
    line-height: 32px;
    max-height: 32px;
    width: 320px !important;
    display: flex;
    flex-direction: column; }
    section.filters .form-item-autocomplete input[type=text] {
      margin-top: 2px; }
    section.filters .form-item-autocomplete span {
      line-height: 18px;
      padding-top: auto !important; }
      section.filters .form-item-autocomplete span b {
        top: 3px; }
  section.filters .container {
    display: flex;
    flex: 1; }
    section.filters .container > div:last-child {
      flex: 1; }
    section.filters .container .center-pane {
      overflow: hidden;
      overflow-y: auto; }
  section.filters .left-pane {
    width: 140px;
    overflow: hidden;
    overflow-y: auto; }
    section.filters .left-pane li {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 0px 16px 0px 20px;
      cursor: pointer;
      color: #565E80; }
    section.filters .left-pane li.on {
      font-weight: 500;
      color: #FFF;
      background-color: #839BFB; }
    section.filters .left-pane li:hover {
      color: #2C3660;
      background-color: #F6F8FB; }
  section.filters i {
    top: 8px; }
    section.filters i.minus-square {
      left: 24px; }
  section.filters .conditions {
    padding-left: 24px;
    padding-right: 24px; }
    section.filters .conditions h2 {
      padding-left: 0;
      width: 100%; }
    section.filters .conditions li {
      margin-top: 8px; }
    section.filters .conditions dl {
      flex-wrap: wrap; }
    section.filters .conditions dd {
      margin: 8px;
      color: #121B42;
      border: 1px solid #121B42;
      padding-left: 8px;
      padding-top: 4px;
      border-radius: 4px;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer;
      font-size: 0.8rem; }
      section.filters .conditions dd:hover {
        transform: scale(1.05, 1.05);
        background-color: #121B42;
        color: #FFF; }
      section.filters .conditions dd.on {
        border: 1px solid #28C69F;
        background-color: #69D7BC;
        color: #FFF; }
    section.filters .conditions dd.radio {
      border-radius: 20px; }
    section.filters .conditions label {
      margin: 8px 8px 8px 12px;
      font-size: .8rem;
      line-height: 20px;
      font-weight: 600;
      min-width: 120px;
      color: #121B42; }
  section.filters .conditions.basic li {
    display: flex;
    flex-direction: row; }
    section.filters .conditions.basic li span, section.filters .conditions.basic li h4, section.filters .conditions.basic li input[type=number] {
      height: 32px;
      line-height: 32px; }
    section.filters .conditions.basic li h4 {
      width: 80px;
      min-width: 80px; }
    section.filters .conditions.basic li span {
      padding-left: 8px;
      padding-right: 8px;
      color: #121B42; }

dl.new-btns {
  position: absolute;
  z-index: 999;
  width: auto;
  background-color: #565E80;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%); }
  dl.new-btns dd {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    padding-left: 34px !important;
    padding-right: 16px;
    cursor: pointer; }
  dl.new-btns dd:before {
    padding-left: 14px !important; }
  dl.new-btns dd:hover {
    color: white; }
  dl.new-btns dd:last-child {
    border-right: 0; }

div.placeholder {
  flex: 1; }

.filter_edit_view .left-pane {
  width: 220px !important; }
  .filter_edit_view .left-pane section {
    overflow: hidden;
    overflow-y: auto; }
  .filter_edit_view .left-pane ul {
    padding-left: 0; }
  .filter_edit_view .left-pane li {
    line-height: 40px;
    height: 40px;
    text-transform: capitalize;
    padding-left: 16px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: row; }
    .filter_edit_view .left-pane li label, .filter_edit_view .left-pane li dd {
      color: rgba(255, 255, 255, 0.3); }
    .filter_edit_view .left-pane li label {
      flex: 1; }
  .filter_edit_view .left-pane h2 {
    color: #F6F8FB;
    text-align: left; }
  .filter_edit_view .left-pane li:hover {
    background-color: #565E80; }
  .filter_edit_view .left-pane li.on {
    color: #FFF;
    background-color: #839BFB; }
    .filter_edit_view .left-pane li.on label, .filter_edit_view .left-pane li.on dd {
      color: #FFF; }

.filter_edit_view section footer {
  position: relative !important;
  margin: 0;
  height: 48px;
  line-height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .filter_edit_view section footer input {
    height: 32px;
    line-height: 32px;
    width: inherit;
    border: 0;
    margin: auto; }
  .filter_edit_view section footer div {
    flex: 1; }

.filter_edit_view section.filters .conditions dd {
  font-family: 'Source Sans Pro';
  font-weight: 300; }

.user_list_view section.center-pane header .search.school .form-item-autocomplete {
  margin-top: 12px; }

.user_list_view section.center-pane header .search.school input {
  width: 20px !important; }

.school_list_view > header, .docrequest_list_view > header, .sctag_list_view > header, .scgroups_list_view > header {
  background-image: url(/images/dricom-logo.png);
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: auto 32px; }

.school_list_view main, .docrequest_list_view main, .sctag_list_view main, .scgroups_list_view main {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden; }
  .school_list_view main .left-pane, .docrequest_list_view main .left-pane, .sctag_list_view main .left-pane, .scgroups_list_view main .left-pane {
    width: 200px; }
    .school_list_view main .left-pane li, .docrequest_list_view main .left-pane li, .sctag_list_view main .left-pane li, .scgroups_list_view main .left-pane li {
      padding-left: 24px;
      margin-left: 0;
      line-height: 48px;
      height: 48px;
      text-align: left; }
    .school_list_view main .left-pane li.channel, .docrequest_list_view main .left-pane li.channel, .sctag_list_view main .left-pane li.channel, .scgroups_list_view main .left-pane li.channel {
      padding-left: 40px;
      margin-left: 0;
      height: 48px;
      line-height: 48px; }
    .school_list_view main .left-pane *.on, .docrequest_list_view main .left-pane *.on, .sctag_list_view main .left-pane *.on, .scgroups_list_view main .left-pane *.on {
      color: #2F323A;
      font-weight: bold; }
  .school_list_view main .center-pane, .docrequest_list_view main .center-pane, .sctag_list_view main .center-pane, .scgroups_list_view main .center-pane {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    overflow-y: auto;
    background-color: #fff; }
    .school_list_view main .center-pane .breadcrumb, .docrequest_list_view main .center-pane .breadcrumb, .sctag_list_view main .center-pane .breadcrumb, .scgroups_list_view main .center-pane .breadcrumb {
      background-color: #FFF;
      display: flex;
      border-bottom: 1px solid #E0E2E9;
      flex-direction: row;
      color: #2F323A;
      height: 48px;
      padding-left: 24px; }
      .school_list_view main .center-pane .breadcrumb span, .docrequest_list_view main .center-pane .breadcrumb span, .sctag_list_view main .center-pane .breadcrumb span, .scgroups_list_view main .center-pane .breadcrumb span {
        color: #5A677C;
        line-height: 48px;
        position: relative;
        cursor: pointer; }
    .school_list_view main .center-pane header, .docrequest_list_view main .center-pane header, .sctag_list_view main .center-pane header, .scgroups_list_view main .center-pane header {
      background-color: #FFF;
      display: flex;
      flex-direction: row; }
      .school_list_view main .center-pane header > *, .docrequest_list_view main .center-pane header > *, .sctag_list_view main .center-pane header > *, .scgroups_list_view main .center-pane header > * {
        height: 40px; }
      .school_list_view main .center-pane header > div, .docrequest_list_view main .center-pane header > div, .sctag_list_view main .center-pane header > div, .scgroups_list_view main .center-pane header > div {
        display: flex;
        padding-top: 4px; }
        .school_list_view main .center-pane header > div input:placeholder-shown, .docrequest_list_view main .center-pane header > div input:placeholder-shown, .sctag_list_view main .center-pane header > div input:placeholder-shown, .scgroups_list_view main .center-pane header > div input:placeholder-shown {
          background-color: transparent; }
        .school_list_view main .center-pane header > div .form-item-autocomplete, .docrequest_list_view main .center-pane header > div .form-item-autocomplete, .sctag_list_view main .center-pane header > div .form-item-autocomplete, .scgroups_list_view main .center-pane header > div .form-item-autocomplete {
          margin-left: 12px;
          width: 280px;
          height: 32px;
          min-height: 32px; }
          .school_list_view main .center-pane header > div .form-item-autocomplete span, .docrequest_list_view main .center-pane header > div .form-item-autocomplete span, .sctag_list_view main .center-pane header > div .form-item-autocomplete span, .scgroups_list_view main .center-pane header > div .form-item-autocomplete span {
            margin: 3px 6px; }
          .school_list_view main .center-pane header > div .form-item-autocomplete input, .docrequest_list_view main .center-pane header > div .form-item-autocomplete input, .sctag_list_view main .center-pane header > div .form-item-autocomplete input, .scgroups_list_view main .center-pane header > div .form-item-autocomplete input {
            margin: 3px 6px;
            width: 20px !important; }
      .school_list_view main .center-pane header input.search, .docrequest_list_view main .center-pane header input.search, .sctag_list_view main .center-pane header input.search, .scgroups_list_view main .center-pane header input.search {
        width: 280px;
        height: 32px;
        line-height: 32px; }
      .school_list_view main .center-pane header dl, .docrequest_list_view main .center-pane header dl, .sctag_list_view main .center-pane header dl, .scgroups_list_view main .center-pane header dl {
        margin-left: 16px; }
      .school_list_view main .center-pane header dd, .docrequest_list_view main .center-pane header dd, .sctag_list_view main .center-pane header dd, .scgroups_list_view main .center-pane header dd {
        height: 40px;
        line-height: 40px;
        padding-left: 24px;
        margin-left: 4px;
        color: #AAB2BD;
        cursor: pointer;
        font-size: 0.8rem; }
        .school_list_view main .center-pane header dd:before, .docrequest_list_view main .center-pane header dd:before, .sctag_list_view main .center-pane header dd:before, .scgroups_list_view main .center-pane header dd:before {
          font-size: 14px;
          line-height: inherit;
          height: inherit;
          padding-left: 6px !important;
          content: "";
          color: #AAB2BD; }
      .school_list_view main .center-pane header dd.on, .docrequest_list_view main .center-pane header dd.on, .sctag_list_view main .center-pane header dd.on, .scgroups_list_view main .center-pane header dd.on {
        font-weight: bold;
        color: #2F323A; }
        .school_list_view main .center-pane header dd.on:before, .docrequest_list_view main .center-pane header dd.on:before, .sctag_list_view main .center-pane header dd.on:before, .scgroups_list_view main .center-pane header dd.on:before {
          color: #2F323A; }
      .school_list_view main .center-pane header .multi-opts .ui-dropdown, .docrequest_list_view main .center-pane header .multi-opts .ui-dropdown, .sctag_list_view main .center-pane header .multi-opts .ui-dropdown, .scgroups_list_view main .center-pane header .multi-opts .ui-dropdown {
        background-color: transparent;
        color: #4F5672;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 5px;
        margin-right: 5px;
        height: 40px;
        line-height: 40px;
        border: 0 !important; }
        .school_list_view main .center-pane header .multi-opts .ui-dropdown:hover, .docrequest_list_view main .center-pane header .multi-opts .ui-dropdown:hover, .sctag_list_view main .center-pane header .multi-opts .ui-dropdown:hover, .scgroups_list_view main .center-pane header .multi-opts .ui-dropdown:hover {
          background-color: #E0E2E9; }
    .school_list_view main .center-pane .list-view th:first-child, .docrequest_list_view main .center-pane .list-view th:first-child, .sctag_list_view main .center-pane .list-view th:first-child, .scgroups_list_view main .center-pane .list-view th:first-child {
      padding-left: 16px; }
    .school_list_view main .center-pane .list-view td a.on, .school_list_view main .center-pane .list-view td button.on, .docrequest_list_view main .center-pane .list-view td a.on, .docrequest_list_view main .center-pane .list-view td button.on, .sctag_list_view main .center-pane .list-view td a.on, .sctag_list_view main .center-pane .list-view td button.on, .scgroups_list_view main .center-pane .list-view td a.on, .scgroups_list_view main .center-pane .list-view td button.on {
      background-color: #F5A016; }
    .school_list_view main .center-pane .list-view .label, .docrequest_list_view main .center-pane .list-view .label, .sctag_list_view main .center-pane .list-view .label, .scgroups_list_view main .center-pane .list-view .label {
      text-decoration: none;
      padding-left: 6px;
      padding-right: 6px;
      font-size: 8pt;
      height: 16px;
      line-height: 16px;
      border-radius: 4px;
      background-color: #E0E2E9;
      margin-right: 8px;
      border: 0;
      color: #6f717c; }
    .school_list_view main .center-pane footer, .docrequest_list_view main .center-pane footer, .sctag_list_view main .center-pane footer, .scgroups_list_view main .center-pane footer {
      background-color: #FFF;
      margin-top: 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      .school_list_view main .center-pane footer div, .docrequest_list_view main .center-pane footer div, .sctag_list_view main .center-pane footer div, .scgroups_list_view main .center-pane footer div {
        text-align: left;
        flex: 1; }
        .school_list_view main .center-pane footer div label, .docrequest_list_view main .center-pane footer div label, .sctag_list_view main .center-pane footer div label, .scgroups_list_view main .center-pane footer div label {
          font-size: 0.8rem; }
    .school_list_view main .center-pane .shops, .docrequest_list_view main .center-pane .shops, .sctag_list_view main .center-pane .shops, .scgroups_list_view main .center-pane .shops {
      height: calc(100vh - 132px);
      overflow-y: auto; }
      .school_list_view main .center-pane .shops th:first-child, .docrequest_list_view main .center-pane .shops th:first-child, .sctag_list_view main .center-pane .shops th:first-child, .scgroups_list_view main .center-pane .shops th:first-child {
        padding-left: 16px; }
      .school_list_view main .center-pane .shops td.channel, .docrequest_list_view main .center-pane .shops td.channel, .sctag_list_view main .center-pane .shops td.channel, .scgroups_list_view main .center-pane .shops td.channel {
        background-size: 60px auto;
        background-position: 0px center;
        text-indent: 70px; }
      .school_list_view main .center-pane .shops td.item-view-stat button:first-child.on, .docrequest_list_view main .center-pane .shops td.item-view-stat button:first-child.on, .sctag_list_view main .center-pane .shops td.item-view-stat button:first-child.on, .scgroups_list_view main .center-pane .shops td.item-view-stat button:first-child.on {
        background-color: #5A677C; }
      .school_list_view main .center-pane .shops td.item-view-stat button:nth-child(2).on, .docrequest_list_view main .center-pane .shops td.item-view-stat button:nth-child(2).on, .sctag_list_view main .center-pane .shops td.item-view-stat button:nth-child(2).on, .scgroups_list_view main .center-pane .shops td.item-view-stat button:nth-child(2).on {
        background-color: #1F69B0; }
      .school_list_view main .center-pane .shops td.item-view-stat button:nth-child(3).on, .docrequest_list_view main .center-pane .shops td.item-view-stat button:nth-child(3).on, .sctag_list_view main .center-pane .shops td.item-view-stat button:nth-child(3).on, .scgroups_list_view main .center-pane .shops td.item-view-stat button:nth-child(3).on {
        background-color: #F55A16; }
      .school_list_view main .center-pane .shops td.item-view-stat button:nth-child(4).on, .docrequest_list_view main .center-pane .shops td.item-view-stat button:nth-child(4).on, .sctag_list_view main .center-pane .shops td.item-view-stat button:nth-child(4).on, .scgroups_list_view main .center-pane .shops td.item-view-stat button:nth-child(4).on {
        background-color: #1F69B0; }
      .school_list_view main .center-pane .shops td.item-view-stat button:nth-child(5).on, .docrequest_list_view main .center-pane .shops td.item-view-stat button:nth-child(5).on, .sctag_list_view main .center-pane .shops td.item-view-stat button:nth-child(5).on, .scgroups_list_view main .center-pane .shops td.item-view-stat button:nth-child(5).on {
        background-color: #F5A016; }
      .school_list_view main .center-pane .shops .item-view-name, .docrequest_list_view main .center-pane .shops .item-view-name, .sctag_list_view main .center-pane .shops .item-view-name, .scgroups_list_view main .center-pane .shops .item-view-name {
        max-width: 240px;
        white-space: normal;
        line-height: 20px; }
  .school_list_view main .compact th[key=stat], .school_list_view main .compact .item-view-stat, .school_list_view main .compact .s-stat, .docrequest_list_view main .compact th[key=stat], .docrequest_list_view main .compact .item-view-stat, .docrequest_list_view main .compact .s-stat, .sctag_list_view main .compact th[key=stat], .sctag_list_view main .compact .item-view-stat, .sctag_list_view main .compact .s-stat, .scgroups_list_view main .compact th[key=stat], .scgroups_list_view main .compact .item-view-stat, .scgroups_list_view main .compact .s-stat {
    display: none; }
  .school_list_view main .preview-pane, .docrequest_list_view main .preview-pane, .sctag_list_view main .preview-pane, .scgroups_list_view main .preview-pane {
    height: 100%;
    position: fixed;
    width: calc(100% - 840px);
    right: 640px;
    background-color: rgba(32, 32, 32, 0.4);
    z-index: 999; }
    .school_list_view main .preview-pane .preview-box, .docrequest_list_view main .preview-pane .preview-box, .sctag_list_view main .preview-pane .preview-box, .scgroups_list_view main .preview-pane .preview-box {
      width: 320px;
      height: 560px;
      background-color: #D9DCE5;
      margin-left: auto;
      margin-right: auto;
      margin-top: 80px;
      border: 1px solid #E0E2E9;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      .school_list_view main .preview-pane .preview-box header, .docrequest_list_view main .preview-pane .preview-box header, .sctag_list_view main .preview-pane .preview-box header, .scgroups_list_view main .preview-pane .preview-box header {
        width: auto; }
      .school_list_view main .preview-pane .preview-box footer, .docrequest_list_view main .preview-pane .preview-box footer, .sctag_list_view main .preview-pane .preview-box footer, .scgroups_list_view main .preview-pane .preview-box footer {
        width: auto;
        background-color: #38455D; }
      .school_list_view main .preview-pane .preview-box .preview, .docrequest_list_view main .preview-pane .preview-box .preview, .sctag_list_view main .preview-pane .preview-box .preview, .scgroups_list_view main .preview-pane .preview-box .preview {
        flex: 1;
        display: flex;
        flex-direction: column-reverse; }
        .school_list_view main .preview-pane .preview-box .preview .cards li, .docrequest_list_view main .preview-pane .preview-box .preview .cards li, .sctag_list_view main .preview-pane .preview-box .preview .cards li, .scgroups_list_view main .preview-pane .preview-box .preview .cards li {
          width: 240px;
          background-color: #FFF;
          border-radius: 8px;
          margin-left: 8px; }
          .school_list_view main .preview-pane .preview-box .preview .cards li .image, .docrequest_list_view main .preview-pane .preview-box .preview .cards li .image, .sctag_list_view main .preview-pane .preview-box .preview .cards li .image, .scgroups_list_view main .preview-pane .preview-box .preview .cards li .image {
            background-image: url("/images/no-image.jpg");
            height: 240px;
            background-size: cover;
            background-position: center; }
          .school_list_view main .preview-pane .preview-box .preview .cards li .title, .docrequest_list_view main .preview-pane .preview-box .preview .cards li .title, .sctag_list_view main .preview-pane .preview-box .preview .cards li .title, .scgroups_list_view main .preview-pane .preview-box .preview .cards li .title {
            padding: 4px 12px;
            line-height: 20px;
            font-size: 1rem;
            font-weight: bold;
            word-break: break-all; }
          .school_list_view main .preview-pane .preview-box .preview .cards li .desc, .docrequest_list_view main .preview-pane .preview-box .preview .cards li .desc, .sctag_list_view main .preview-pane .preview-box .preview .cards li .desc, .scgroups_list_view main .preview-pane .preview-box .preview .cards li .desc {
            padding: 4px 12px;
            line-height: 16px;
            color: #555555;
            word-break: break-all; }
          .school_list_view main .preview-pane .preview-box .preview .cards li .item, .docrequest_list_view main .preview-pane .preview-box .preview .cards li .item, .sctag_list_view main .preview-pane .preview-box .preview .cards li .item, .scgroups_list_view main .preview-pane .preview-box .preview .cards li .item {
            color: #4C6999;
            text-align: center;
            line-height: 30px;
            height: 30px; }
  .school_list_view main > .right-pane, .docrequest_list_view main > .right-pane, .sctag_list_view main > .right-pane, .scgroups_list_view main > .right-pane {
    width: 460px;
    display: flex; }
    .school_list_view main > .right-pane section.r-form, .docrequest_list_view main > .right-pane section.r-form, .sctag_list_view main > .right-pane section.r-form, .scgroups_list_view main > .right-pane section.r-form {
      justify-content: space-between; }
      .school_list_view main > .right-pane section.r-form form, .docrequest_list_view main > .right-pane section.r-form form, .sctag_list_view main > .right-pane section.r-form form, .scgroups_list_view main > .right-pane section.r-form form {
        height: calc(100% - 132px);
        overflow-y: auto;
        flex-grow: 1; }
      .school_list_view main > .right-pane section.r-form li[type=c_legend] h4, .docrequest_list_view main > .right-pane section.r-form li[type=c_legend] h4, .sctag_list_view main > .right-pane section.r-form li[type=c_legend] h4, .scgroups_list_view main > .right-pane section.r-form li[type=c_legend] h4 {
        color: #000; }
      .school_list_view main > .right-pane section.r-form li[type=url], .school_list_view main > .right-pane section.r-form li[type=multiple], .docrequest_list_view main > .right-pane section.r-form li[type=url], .docrequest_list_view main > .right-pane section.r-form li[type=multiple], .sctag_list_view main > .right-pane section.r-form li[type=url], .sctag_list_view main > .right-pane section.r-form li[type=multiple], .scgroups_list_view main > .right-pane section.r-form li[type=url], .scgroups_list_view main > .right-pane section.r-form li[type=multiple] {
        display: flex;
        padding-left: 20px; }
        .school_list_view main > .right-pane section.r-form li[type=url] h4, .school_list_view main > .right-pane section.r-form li[type=multiple] h4, .docrequest_list_view main > .right-pane section.r-form li[type=url] h4, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] h4, .sctag_list_view main > .right-pane section.r-form li[type=url] h4, .sctag_list_view main > .right-pane section.r-form li[type=multiple] h4, .scgroups_list_view main > .right-pane section.r-form li[type=url] h4, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] h4 {
          width: 120px; }
      .school_list_view main > .right-pane section.r-form li[type=url], .docrequest_list_view main > .right-pane section.r-form li[type=url], .sctag_list_view main > .right-pane section.r-form li[type=url], .scgroups_list_view main > .right-pane section.r-form li[type=url] {
        margin-bottom: 8px; }
        .school_list_view main > .right-pane section.r-form li[type=url] .form-type-url, .docrequest_list_view main > .right-pane section.r-form li[type=url] .form-type-url, .sctag_list_view main > .right-pane section.r-form li[type=url] .form-type-url, .scgroups_list_view main > .right-pane section.r-form li[type=url] .form-type-url {
          width: 430px; }
      .school_list_view main > .right-pane section.r-form li[type=multiple] dl, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl, .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl {
        display: block; }
        .school_list_view main > .right-pane section.r-form li[type=multiple] dl dd, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl dd, .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl dd, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl dd {
          float: left; }
          .school_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image, .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image {
            background-color: #E0E2E9;
            width: 72px;
            height: 72px; }
            .school_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image.default:after, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image.default:after, .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image.default:after, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image.default:after {
              bottom: 27px;
              content: 'アイコン';
              position: absolute;
              display: block;
              right: 10px;
              left: 10px;
              height: auto;
              top: auto;
              font-size: 0.8rem;
              color: #FFF;
              text-align: center;
              cursor: hand;
              cursor: pointer; }
            .school_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image img, .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image img, .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image img, .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl dd .form-item-c_image img {
              width: 72px;
              height: 72px; }
        .school_list_view main > .right-pane section.r-form li[type=multiple] dl dd[type=url], .docrequest_list_view main > .right-pane section.r-form li[type=multiple] dl dd[type=url], .sctag_list_view main > .right-pane section.r-form li[type=multiple] dl dd[type=url], .scgroups_list_view main > .right-pane section.r-form li[type=multiple] dl dd[type=url] {
          margin-bottom: 8px;
          margin-left: 12px;
          width: 260px; }
    .school_list_view main > .right-pane section.left-pane, .docrequest_list_view main > .right-pane section.left-pane, .sctag_list_view main > .right-pane section.left-pane, .scgroups_list_view main > .right-pane section.left-pane {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .school_list_view main > .right-pane section.left-pane .l-list, .docrequest_list_view main > .right-pane section.left-pane .l-list, .sctag_list_view main > .right-pane section.left-pane .l-list, .scgroups_list_view main > .right-pane section.left-pane .l-list {
        height: calc(100% - 132px);
        overflow-y: auto;
        flex-grow: 1; }
        .school_list_view main > .right-pane section.left-pane .l-list li, .docrequest_list_view main > .right-pane section.left-pane .l-list li, .sctag_list_view main > .right-pane section.left-pane .l-list li, .scgroups_list_view main > .right-pane section.left-pane .l-list li {
          height: 40px;
          line-height: 40px; }
        .school_list_view main > .right-pane section.left-pane .l-list summary, .docrequest_list_view main > .right-pane section.left-pane .l-list summary, .sctag_list_view main > .right-pane section.left-pane .l-list summary, .scgroups_list_view main > .right-pane section.left-pane .l-list summary {
          color: #5A677C;
          height: 40px;
          line-height: 40px; }
          .school_list_view main > .right-pane section.left-pane .l-list summary i.icon, .school_list_view main > .right-pane section.left-pane .l-list summary .ui-indicator i#indicator:before, .ui-indicator .school_list_view main > .right-pane section.left-pane .l-list summary i#indicator:before, .docrequest_list_view main > .right-pane section.left-pane .l-list summary i.icon, .docrequest_list_view main > .right-pane section.left-pane .l-list summary .ui-indicator i#indicator:before, .ui-indicator .docrequest_list_view main > .right-pane section.left-pane .l-list summary i#indicator:before, .sctag_list_view main > .right-pane section.left-pane .l-list summary i.icon, .sctag_list_view main > .right-pane section.left-pane .l-list summary .ui-indicator i#indicator:before, .ui-indicator .sctag_list_view main > .right-pane section.left-pane .l-list summary i#indicator:before, .scgroups_list_view main > .right-pane section.left-pane .l-list summary i.icon, .scgroups_list_view main > .right-pane section.left-pane .l-list summary .ui-indicator i#indicator:before, .ui-indicator .scgroups_list_view main > .right-pane section.left-pane .l-list summary i#indicator:before {
            top: -1px;
            right: 0px; }
        .school_list_view main > .right-pane section.left-pane .l-list summary.on, .docrequest_list_view main > .right-pane section.left-pane .l-list summary.on, .sctag_list_view main > .right-pane section.left-pane .l-list summary.on, .scgroups_list_view main > .right-pane section.left-pane .l-list summary.on {
          color: #2F323A;
          background-color: #F3F4F8; }
      .school_list_view main > .right-pane section.left-pane footer, .docrequest_list_view main > .right-pane section.left-pane footer, .sctag_list_view main > .right-pane section.left-pane footer, .scgroups_list_view main > .right-pane section.left-pane footer {
        position: relative;
        border-top: 1px solid #E0E2E9;
        border-right: 1px solid #E0E2E9; }
    .school_list_view main > .right-pane section.center-pane, .docrequest_list_view main > .right-pane section.center-pane, .sctag_list_view main > .right-pane section.center-pane, .scgroups_list_view main > .right-pane section.center-pane {
      display: flex;
      flex-direction: column; }
      .school_list_view main > .right-pane section.center-pane i.close, .docrequest_list_view main > .right-pane section.center-pane i.close, .sctag_list_view main > .right-pane section.center-pane i.close, .scgroups_list_view main > .right-pane section.center-pane i.close {
        background-color: #F55A16;
        border-radius: 8px;
        top: 10px;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
        position: absolute;
        display: block;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center center;
        cursor: pointer; }
  .school_list_view main .right-pane.l2, .docrequest_list_view main .right-pane.l2, .sctag_list_view main .right-pane.l2, .scgroups_list_view main .right-pane.l2 {
    width: 360px;
    display: flex; }
    .school_list_view main .right-pane.l2 footer, .docrequest_list_view main .right-pane.l2 footer, .sctag_list_view main .right-pane.l2 footer, .scgroups_list_view main .right-pane.l2 footer {
      position: fixed;
      width: 360px;
      border-left: 1px solid #AAB2BD; }

.school_list_view .wide-window ul.dp-icons, .docrequest_list_view .wide-window ul.dp-icons, .sctag_list_view .wide-window ul.dp-icons, .scgroups_list_view .wide-window ul.dp-icons {
  height: calc( 80vh - 96px);
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start; }
  .school_list_view .wide-window ul.dp-icons .dp-icon img, .docrequest_list_view .wide-window ul.dp-icons .dp-icon img, .sctag_list_view .wide-window ul.dp-icons .dp-icon img, .scgroups_list_view .wide-window ul.dp-icons .dp-icon img {
    width: 112px;
    height: 112px; }
  .school_list_view .wide-window ul.dp-icons .dp-icon.on:after, .docrequest_list_view .wide-window ul.dp-icons .dp-icon.on:after, .sctag_list_view .wide-window ul.dp-icons .dp-icon.on:after, .scgroups_list_view .wide-window ul.dp-icons .dp-icon.on:after {
    display: block;
    font-family: FontAwesome;
    content: "\f058";
    font-size: 14pt;
    position: absolute;
    bottom: 4px;
    right: 4px;
    color: #F5A016; }

.p3-layout {
  height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: 1280px; }
  .p3-layout main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-y: hidden;
    width: 100%;
    height: calc( 100vh - 60px);
    padding: 0;
    flex: 1; }
    .p3-layout main > header {
      min-width: 980px !important; }
  .p3-layout section {
    height: inherit;
    position: relative;
    background-color: white;
    display: flex;
    flex-direction: column;
    margin: 0; }
    .p3-layout section header {
      width: inherit;
      min-width: inherit;
      height: 48px;
      line-height: 48px;
      position: relative;
      display: flex;
      flex-direction: row;
      text-align: center;
      justify-content: space-between; }
      .p3-layout section header h2 {
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #DBE0E7;
        position: relative;
        font-size: 1.0rem;
        font-weight: bold; }
      .p3-layout section header .search {
        text-align: left;
        width: 280px; }
        .p3-layout section header .search input {
          width: 240px !important; }
    .p3-layout section section {
      width: inherit;
      flex: 1;
      overflow-y: auto; }
    .p3-layout section footer {
      height: 48px;
      line-height: 48px;
      position: relative;
      width: inherit !important;
      display: flex;
      flex-direction: row;
      background: white;
      margin: 0; }
  .p3-layout .menu-pane {
    width: 220px;
    box-sizing: border-box;
    text-align: center; }
    .p3-layout .menu-pane ul {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .p3-layout .menu-pane li {
      cursor: pointer;
      position: relative;
      height: 60px;
      line-height: 60px;
      text-indent: 20px;
      background-color: #2C3660;
      color: #FFF; }
      .p3-layout .menu-pane li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0px;
        top: 0;
        background-color: #565E80; }
      .p3-layout .menu-pane li:hover {
        background-color: #565E80; }
      .p3-layout .menu-pane li.on {
        background-color: #FFB13B !important;
        color: white;
        box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.1);
        border-right-color: white; }
        .p3-layout .menu-pane li.on:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          right: 0px;
          top: 17px;
          z-index: 1;
          background-color: transparent;
          border: 12px solid transparent;
          border-right-color: white; }
      .p3-layout .menu-pane li:last-child {
        flex: 1; }
      .p3-layout .menu-pane li:last-child:hover {
        background-color: #2C3660; }
      .p3-layout .menu-pane li label {
        color: white;
        cursor: pointer; }
  .p3-layout .center-pane {
    flex: 1; }
  .p3-layout .left-pane {
    width: 240px;
    box-sizing: border-box;
    overflow-y: auto;
    max-width: 240px; }
    .p3-layout .left-pane li {
      cursor: pointer; }
      .p3-layout .left-pane li.icon, .p3-layout .left-pane .menu-pane li, .p3-layout .menu-pane .left-pane li, .p3-layout .left-pane .ui-indicator li#indicator:before, .ui-indicator .p3-layout .left-pane li#indicator:before {
        padding-left: 60px !important; }
      .p3-layout .left-pane li.icon:before, .p3-layout .left-pane .menu-pane li:before, .p3-layout .menu-pane .left-pane li:before, .p3-layout .left-pane .ui-indicator li#indicator:before, .ui-indicator .p3-layout .left-pane li#indicator:before {
        width: 20px;
        height: inherit;
        background-size: 16px auto;
        background-position: center center;
        left: 24px; }
    .p3-layout .left-pane footer {
      box-sizing: border-box;
      padding-left: 4px;
      padding-right: 4px; }
  .p3-layout .right-pane {
    width: 480px;
    border-left: 1px solid #DBE0E7;
    overflow: none; }
    .p3-layout .right-pane.on {
      animation: show-forms .15s ease-out; }

.p3-layout.compact .menu-pane {
  width: 100px;
  text-align: center; }
  .p3-layout.compact .menu-pane li {
    height: 100px;
    line-height: 150px;
    text-align: center;
    text-indent: 0;
    padding-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    .p3-layout.compact .menu-pane li:before {
      font-size: 2rem;
      position: absolute;
      top: 10px;
      left: 14px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      padding: 0; }
    .p3-layout.compact .menu-pane li:after {
      top: 37px; }

.bot_edit_view .filters ol {
  min-height: 60px; }

.bot_edit_view .filters td:last-child {
  width: 30%; }

.bot_edit_view .filters td:last-child select {
  max-width: 60px; }

.bot_edit_view .filters input[type=number] {
  width: 90px !important;
  min-width: 90px;
  max-width: 90px;
  box-sizing: border-box; }

.bot_edit_view .filters table {
  margin-top: 8px; }

.bot_edit_view .filters select.comparator {
  width: 60px !important;
  min-width: 60px !important; }

.bot_edit_view .filters li {
  position: relative;
  display: block; }

.bot_edit_view .filters li > i {
  position: absolute;
  display: block;
  right: 8px;
  top: 10px; }

.bot_edit_view li[name=widget_thumb] .form-item-file span {
  border-radius: 40px;
  cursor: pointer;
  background-size: cover;
  background-position: center center; }

.bot_edit_view .help-screen {
  height: 100%;
  width: 100%;
  background-color: #2C3660;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.bot_edit_view .outline.helps li {
  line-height: 48px;
  height: 48px; }

.bot_edit_view .outline.helps .on h3 {
  font-weight: bold; }

section.outline {
  overflow-x: hidden;
  overflow-y: auto;
  width: 240px;
  max-width: 240px;
  border-right: 1px solid #DBE0E7;
  box-sizing: border-box;
  display: block; }
  section.outline > div {
    margin-bottom: 60px; }
  section.outline summary {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0; }
    section.outline summary > h3 {
      flex: 1;
      height: inherit;
      line-height: inherit;
      color: #565E80;
      text-indent: 10px;
      padding-left: 6px !important;
      width: auto;
      min-width: auto; }
      section.outline summary > h3:before {
        width: 20px;
        color: inherit; }
    section.outline summary > div {
      align-items: center;
      display: flex;
      flex-direction: row;
      width: 20px;
      height: inherit;
      line-height: 16px;
      margin-right: 0; }
      section.outline summary > div i {
        position: relative; }
    section.outline summary.on input + h3 {
      display: none; }
    section.outline summary h3, section.outline summary h5 {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  section.outline summary:not(:first-child)::-webkit-details-marker {
    display: block !important; }
  section.outline details {
    list-style-type: default; }
  section.outline h3 {
    font-weight: 300; }
  section.outline h5 {
    cursor: pointer;
    text-indent: 30px;
    font-weight: 300;
    flex: 1;
    position: relative; }
  section.outline li {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: .9rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
    section.outline li:hover {
      background-color: #2C3660;
      color: white; }
    section.outline li > i {
      width: 16px;
      height: 16px;
      margin-right: 6px;
      position: relative;
      line-height: 16px;
      background-color: #F6F8FB;
      font-family: "Homenaje";
      font-size: .75rem;
      border-radius: 2px;
      text-align: center;
      font-style: normal;
      padding: 0;
      margin: 0; }
    section.outline li.on {
      background-color: #121B42; }
      section.outline li.on h5 {
        color: white; }
      section.outline li.on .btns {
        display: none; }
      section.outline li.on .seq {
        background-color: #565E80;
        color: white; }
    section.outline li h5:before {
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      padding: 0;
      border-radius: 9px;
      position: absolute;
      z-index: 1;
      top: 9px;
      left: 6px;
      font-size: .9rem;
      color: white;
      background-size: 14px auto;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      text-indent: 0; }
    section.outline li.text h5:before {
      content: "T";
      background-color: #69D7BC; }
    section.outline li.card h5:before {
      content: "C";
      background-color: #A79CE1; }
    section.outline li.list h5:before {
      content: "L";
      background-color: #FF937B; }
    section.outline li.map h5:before {
      content: "M";
      background-color: #0084FF; }
    section.outline li.link h5:before {
      content: "U";
      background-color: #FFB13B; }
    section.outline li.image h5:before {
      content: "I";
      background-color: #69D7BC; }
    section.outline li.web h5:before {
      content: "W";
      background-color: #FF937B; }
    section.outline li.logical h5:before {
      content: "IF";
      background-color: #F5A623; }
  section.outline ul[data-key] {
    padding-left: 40px; }
    section.outline ul[data-key] h5 {
      padding: 0;
      text-align: left;
      text-indent: 0 !important; }
  section.outline .dragover {
    border-bottom: 2px solid #565E80; }
  section.outline .dragover-top {
    border-top: 2px solid #565E80; }
  section.outline .dragging {
    opacity: .7; }
  section.outline .schedule h3 {
    padding-left: 24px; }
  section.outline .schedule h3:before {
    content: "";
    background-color: #0084FF;
    background-image: url(/images/ico_clock_w.svg);
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    border-radius: 9px;
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 14px;
    font-size: .9rem;
    color: white;
    background-size: 14px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  section.outline input[type=text] {
    height: 28px;
    line-height: 28px;
    background-color: #F6F8FB;
    border-radius: 4px;
    margin-left: 0px;
    margin-top: 4px; }
  section.outline .action input[type=text] {
    margin-left: 12px;
    padding-left: 4px; }
  section.outline details[open] h3, section.outline li.on h5 {
    font-weight: bold;
    color: #2C3660; }
  section.outline li input + h5 {
    display: none; }

section.edit-pane {
  display: flex;
  flex-direction: row;
  width: inherit;
  overflow: hidden;
  height: calc( 100vh - 108px); }

section.canv {
  flex: 1;
  text-align: left;
  overflow-y: auto; }
  section.canv h5 {
    clear: both;
    display: block; }
  section.canv select[name=locale] {
    margin-left: 0px;
    width: 280px; }
  section.canv .qas {
    margin: 0;
    padding: 0;
    height: inherit;
    overflow: auto;
    padding-top: 20px; }
    section.canv .qas li {
      position: relative;
      overflow: hidden;
      text-align: left;
      padding: 8px;
      padding-right: 20px;
      margin-bottom: 10px;
      margin-left: 16px;
      width: auto;
      min-width: 300px;
      width: 80%;
      text-indent: 4px;
      cursor: pointer; }
      section.canv .qas li:before {
        line-height: 60px; }
      section.canv .qas li.unknown:before {
        line-height: 60px;
        color: #EB526C; }
      section.canv .qas li div:first-child {
        padding: 0;
        padding-left: 16px;
        background-color: white;
        margin-left: 10px;
        border: 1px solid #DBE0E7;
        height: 44px;
        line-height: 44px;
        border-radius: 4px; }
      section.canv .qas li div:last-child {
        display: none; }
      section.canv .qas li i.icon, section.canv .qas li .ui-indicator i#indicator:before, .ui-indicator section.canv .qas li i#indicator:before {
        position: absolute;
        right: 30px;
        top: 21px;
        z-index: 1;
        width: 20px;
        height: 20px; }
      section.canv .qas li i.icon:hover, section.canv .qas li .ui-indicator i#indicator:hover:before, .ui-indicator section.canv .qas li i#indicator:hover:before {
        color: #FFB13B; }
    section.canv .qas li.on {
      background-color: #F6F8FB;
      border: 1px solid #DBE0E7;
      border-radius: 4px;
      color: #2C3660; }
      section.canv .qas li.on div:first-child {
        border: 1px solid #DBE0E7; }
      section.canv .qas li.on div:last-child {
        display: block; }
    section.canv .qas div {
      display: block;
      overflow: hidden; }
    section.canv .qas p {
      font-size: .8rem;
      background-color: #0084FF;
      display: block;
      margin: 10px auto auto 28px;
      color: #FFF;
      width: auto !important;
      padding: 4px 12px 4px 12px;
      border-radius: 6px;
      font-size: .8rem;
      cursor: pointer;
      min-height: 28px;
      border-top-left-radius: 0;
      line-height: 28px; }
    section.canv .qas li.on p {
      border: 1px solid #DBE0E7; }
    section.canv .qas span {
      padding-right: 10px; }
    section.canv .qas span.tag.unknown, section.canv .qas .form-item-autocomplete span.unknown, .form-item-autocomplete section.canv .qas span.unknown {
      background: #FF937B;
      border-color: #FF5252; }
    section.canv .qas span.tag.regex, section.canv .qas .form-item-autocomplete span.regex, .form-item-autocomplete section.canv .qas span.regex {
      background: #FFAC23;
      border-color: #FFAC23; }

section.forms {
  width: 480px;
  border-left: 1px solid #DBE0E7;
  overflow-y: auto; }
  section.forms form {
    margin-top: 0px;
    padding-top: 0px;
    max-width: 540px; }
    section.forms form h2 {
      height: 36px;
      line-height: 28px;
      border-bottom: 1px solid #DBE0E7; }
    section.forms form.filters li {
      height: 40px;
      line-height: 40px; }
    section.forms form.filters dd {
      padding-right: 10px; }
    section.forms form .form-item-file {
      width: 100%;
      display: flex; }
      section.forms form .form-item-file > div {
        position: relative; }
      section.forms form .form-item-file video {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 80px;
        height: 80px; }
  section.forms.on {
    animation: show-forms .15s ease-out; }
  section.forms.fullsize {
    margin: 0;
    padding: 0px !important;
    height: calc( 100vh - 60px) !important; }
  section.forms footer {
    width: 100%;
    flex-direction: row;
    max-width: auto !important; }
  section.forms li[name=times] label {
    width: 64px; }
  section.forms select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F6F8FB;
    padding: 0 20px 0 6px;
    outline: 0;
    box-sizing: border-box;
    margin-top: 2px;
    height: 32px;
    line-height: 28px;
    box-sizing: border-box;
    border: 2px solid #F6F8FB; }
    section.forms select:focus {
      background-color: #565E80;
      color: #69D7BC;
      border: 2px solid #69D7BC; }

.pmenus {
  width: 580px;
  height: auto;
  margin-left: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 50px; }
  .pmenus ul {
    width: 280px;
    margin-left: 0;
    float: left;
    margin-right: 10px; }
  .pmenus li {
    width: 280px;
    height: 36px;
    line-height: 36px;
    background-color: #f8f8f8;
    text-align: center;
    border: 1px solid #F6F8FB;
    font-size: 12px;
    color: #121B42;
    cursor: pointer;
    margin-left: 20px;
    margin-left: 0; }
  .pmenus li.new {
    color: #0084FF; }
  .pmenus li.new.off {
    color: #fff;
    background-color: #121B42; }
  .pmenus li.on {
    color: #565E80;
    font-weight: bold; }
  .pmenus .pmenu-sub {
    animation: show-submenu .35s ease-out; }

@keyframes show-submenu {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

ol.card, ol.list {
  width: 270px;
  height: auto;
  border: 1px solid #839BFB;
  border-radius: 14px;
  background-color: white;
  margin: 10px auto auto 0;
  overflow: hidden;
  position: relative;
  display: block; }
  ol.card .item, ol.list .item {
    color: #3B66FF;
    font-size: .9rem;
    font-weight: 600;
    /*border-top:1px solid $c_a1l;*/
    text-align: center;
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    ol.card .item:nth-of-type(1), ol.list .item:nth-of-type(1) {
      border-top: 1px solid #839BFB; }
    ol.card .item:hover, ol.list .item:hover {
      color: #FFB13B; }
    ol.card .item.new, ol.list .item.new {
      color: #2C3660;
      font-size: .8rem; }
    ol.card .item.on, ol.list .item.on {
      color: #FFB13B;
      font-weight: bold; }
      ol.card .item.on i.icon, ol.card .item.on .ui-indicator i#indicator:before, .ui-indicator ol.card .item.on i#indicator:before, ol.list .item.on i.icon, ol.list .item.on .ui-indicator i#indicator:before, .ui-indicator ol.list .item.on i#indicator:before {
        color: #FFB13B; }
    ol.card .item.new.on, ol.list .item.new.on {
      color: #FFF;
      background-color: #2C3660;
      font-weight: bold;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
    ol.card .item i.icon, ol.card .item .ui-indicator i#indicator:before, .ui-indicator ol.card .item i#indicator:before, ol.list .item i.icon, ol.list .item .ui-indicator i#indicator:before, .ui-indicator ol.list .item i#indicator:before {
      position: absolute;
      right: 6px;
      top: 0px;
      color: #0084FF;
      width: 20px;
      height: 20px; }

ol.card li {
  cursor: pointer; }
  ol.card li.text {
    position: relative; }
    ol.card li.text textarea, ol.card li.text textarea:focus {
      color: white !important;
      border: 0 !important;
      font-size: inherit;
      background: #121B42 !important;
      z-index: 1;
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      bottom: 0px;
      width: 270px;
      padding: 10px 16px;
      margin: 0px;
      height: 100%; }
  ol.card li.image {
    width: 100%;
    height: 140px;
    max-height: 140px;
    background-color: #DBE0E7;
    background-size: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
    background-position: center center;
    overflow: hidden; }
    ol.card li.image:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center; }
    ol.card li.image:hover {
      transform: scale(1.1, 1.1);
      transition-duration: 0.2s; }
    ol.card li.image.default {
      background-image: url(/images/bg_cam_1.jpg); }
      ol.card li.image.default:hover {
        transform: scale(1.4, 1.4);
        transition-duration: 0.3s; }
    ol.card li.image.uploading:before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -40px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center !important;
      font-size: 3.6rem;
      z-index: 2;
      padding: 0 !important;
      padding-left: 0 !important;
      -webkit-animation: fa-spin 1s infinite linear;
      animation: fa-spin 1s infinite linear;
      content: ""; }
    ol.card li.image.uploading:after {
      content: 'Uploading ...';
      position: absolute;
      width: inherit;
      text-align: center;
      font-size: 1rem;
      background-color: transparent;
      top: 50%;
      left: 0;
      margin-top: 20px;
      width: 100%; }
  ol.card li.imagemap:hover {
    transform: scale(1, 1);
    transition-duration: 0s; }
  ol.card li.imagemap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0; }
  ol.card li.imagemap .area {
    position: absolute;
    overflow: hidden;
    color: rgba(0, 0, 0, 0); }
  ol.card li.title {
    font-size: .8rem;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #565E80;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    margin: 0;
    background: white;
    width: 100%; }
  ol.card li.desc {
    font-size: 0.75rem;
    min-height: 28px;
    line-height: 20px;
    color: #DBE0E7;
    padding: 0px 10px 4px 10px;
    white-space: normal;
    width: 240px;
    margin: 0;
    height: 56px; }
  ol.card li.linkto {
    font-size: .75rem;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    color: #DBE0E7;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    margin: 0; }
  ol.card li.map {
    height: 140px;
    background-image: url("/images/bg_dummy_map.png");
    background-position: center; }
  ol.card li.web {
    height: 140px; }
  ol.card li input[type=text] {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    font-size: .75rem;
    height: 26px;
    line-height: 26px;
    padding-left: 2px;
    margin: 0; }
  ol.card li textarea {
    min-height: 60px;
    max-height: 60px;
    font-size: .75rem;
    padding-top: 2px;
    padding-left: 2px;
    margin: 0; }

ol.card i.video.large, ol.card i.camera.large, ol.card i.link.large, ol.card i.trash.large, ol.card i.brush.large {
  width: 36px;
  height: 36px;
  top: 96px;
  right: 6px;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }
  ol.card i.video.large:before, ol.card i.camera.large:before, ol.card i.link.large:before, ol.card i.trash.large:before, ol.card i.brush.large:before {
    padding-left: 0 !important;
    width: inherit;
    height: 36px;
    line-height: 36px; }

ol.card i.camera.large {
  top: 6px; }

ol.card i.brush.large {
  bottom: 6px;
  left: 6px; }

ol.card i.trash.large {
  right: auto;
  left: 6px;
  top: 6px; }

ol.card i.video.large:hover, ol.card i.camera.large:hover, ol.card i.link.large:hover, ol.card i.trash.large:hover, ol.card i.brush.large:hover {
  background-color: #FFB13B;
  transform: scale(1.05, 1.05);
  transition-duration: 0.2s;
  color: #FFF; }

ol.list li {
  cursor: pointer;
  height: 80px;
  border-bottom: 1px solid #DBE0E7; }
  ol.list li.item {
    border-top: 0; }
  ol.list li > * {
    position: absolute;
    display: block;
    font-size: .8rem;
    width: 270px; }
  ol.list li > b {
    right: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-size: cover;
    border-radius: 4px;
    background-color: #F6F8FB; }
  ol.list li > h6 {
    color: #2C3660;
    top: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    width: 180px !important; }
  ol.list li > p {
    color: #121B42;
    font-size: .7rem;
    top: 32px;
    height: 52px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 180px !important;
    background-color: white !important;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    max-height: 50px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  ol.list li:last-child {
    border-bottom: 0 !important; }

ol.list.btns > li {
  height: 90px; }

ol.list.enlarge > li:first-child {
  height: 120px;
  border-top-right-radius: 20px; }
  ol.list.enlarge > li:first-child * {
    position: absolute;
    z-index: 1;
    color: white; }
  ol.list.enlarge > li:first-child b {
    width: 270px;
    height: 120px;
    z-index: 0;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 0px;
    background-color: white;
    border-top-right-radius: 20px; }
    ol.list.enlarge > li:first-child b:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 270px;
      height: 120px;
      background-color: rgba(0, 0, 0, 0.2); }
  ol.list.enlarge > li:first-child h6 {
    bottom: 48px;
    top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  ol.list.enlarge > li:first-child p {
    bottom: 10px;
    top: auto;
    opacity: 0.7;
    max-height: 34px; }
  ol.list.enlarge > li:first-child p.desc {
    background-color: rgba(0, 0, 0, 0.2) !important; }

#subform {
  position: fixed;
  top: 60px;
  right: 0px;
  width: 480px;
  height: calc( 100vh - 60px);
  background-color: #2C3660;
  z-index: 101; }
  #subform form {
    margin-top: 16px;
    animation: show-subform .4s ease-out;
    margin-left: 1px;
    background-color: transparent; }
    #subform form label {
      color: #FFF; }
    #subform form .ui-dropdown label {
      color: #565E80; }

@keyframes show-subform {
  0% {
    margin-top: 100vh;
    opacity: .7; }
  100% {
    margin-top: 60px;
    opacity: 1; } }

.action {
  padding-left: 36px;
  text-align: left; }

.action:before {
  position: absolute;
  left: 6px;
  top: 3px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  color: white;
  font-family: "Exo 2",sans-serif;
  font-weight: normal; }

.action.text:before {
  content: "T";
  background-color: #4DC194; }

.action.card:before {
  content: "C";
  background-color: #A79CE1; }

.action.image:before {
  content: "I";
  background-color: #69D7BC; }

.action.map:before {
  content: "M";
  background-color: #19A7F0; }

.action.link:before {
  content: "L";
  background-color: #FFAC23; }

.action.web:before {
  content: "W";
  background-color: #FF937B; }

.action.logical:before {
  content: "IF";
  background-color: #F5A623; }

#bot_name_to_delete + p, #export_name + p {
  display: none; }

#bot_name_to_delete.error + p, #export_name.error + p {
  display: block;
  color: #FF5252;
  font-size: .8rem; }

#bot_name_to_delete ~ div > button {
  display: inline-block; }

/*for json property selecter*/
#json-fields {
  position: relative;
  display: block;
  float: none; }

#json-fields dd {
  margin-top: 4px;
  margin-right: 8px;
  background-color: white;
  border: 1px solid #E1E2E7;
  cursor: pointer;
  color: #5D6882;
  float: left;
  font-size: .9rem;
  padding: 0px 8px 0px 8px;
  border-radius: 4px;
  font-family: 'NTR'; }

#json-fields dd:hover {
  background-color: #0084FF;
  color: white; }

#chat_menu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: inherit;
  min-width: 360px;
  height: 360px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px -4px 2px 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.9); }
  #chat_menu * {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
  #chat_menu h2 {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #DBE0E7;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 1rem; }
  #chat_menu i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    z-index: 2;
    background-image: url(/images/ico_cross_blue.svg); }
  #chat_menu ul {
    padding: 0;
    margin: 0;
    margin-bottom: auto; }
  #chat_menu li {
    line-height: 44px;
    height: 44px;
    padding-left: 16px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 60px;
    border-bottom: 1px solid #e0e3e7;
    font-size: 1rem;
    background-color: white; }
  #chat_menu li.on {
    color: #0084ff;
    font-weight: bold; }
  #chat_menu li.on:after {
    content: "✓";
    position: absolute;
    height: inherit;
    width: 44px;
    right: 16px;
    text-align: right;
    top: 0;
    bottom: 0; }
  #chat_menu button {
    text-align: center;
    margin: auto;
    height: 36px;
    line-height: 36px;
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #DBE0E7;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 1rem; }
  #chat_menu p {
    text-align: center;
    padding: 8px 20px 8px 20px; }
  #chat_menu button:active, #chat_menu button.on {
    background-color: #006Aee;
    box-shadow: none;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
  #chat_menu footer {
    position: fixed;
    z-index: 100;
    width: inherit;
    min-width: auto; }
  #chat_menu main {
    position: relative;
    width: inherit;
    height: calc( 100% - 60px);
    overflow-y: auto;
    padding-top: 0;
    background-color: #f1f3f7;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    margin-top: 0; }
  #chat_menu footer button {
    width: 80%;
    margin-top: 12px; }
  #chat_menu cite {
    position: relative;
    text-align: center;
    color: #AAB2BD;
    font-size: .8rem;
    line-height: 44px;
    font-weight: lighter;
    font-style: normal;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0;
    height: 40px; }
  #chat_menu cite:before {
    content: 'Powered by Anybot. https://anybot.me';
    width: 100%; }

@keyframes err-blink {
  0% {
    border: 3px solid #FF937B;
    opacity: .8; }
  40% {
    border: 3px solid #FF937B;
    opacity: .1; }
  100% {
    border: 1px solid #FF937B;
    opacity: .4; } }

.error-blink {
  animation: err-blink .5s ease-out; }

#form_parser * {
  position: fixed !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden; }

/*upload btn*/
/*.chat_test_view section{overflow-y:auto;height:calc( 100vh - 100px )}*/
#webhooks {
  width: inherit;
  border-collapse: collapse;
  margin: 0;
  margin-top: 1px;
  overflow: hidden;
  text-align: left; }
  #webhooks li[type=checkbox] {
    height: 28px;
    line-height: 28px; }
  #webhooks form label {
    float: left; }
  #webhooks label {
    margin-right: 0; }
  #webhooks i {
    position: relative;
    float: left;
    margin-top: 6px;
    line-height: 16px; }
  #webhooks i.on {
    background-color: transparent;
    color: #FFB13B; }

table.webhooks {
  margin: 0;
  max-width: 500px;
  text-align: left;
  border-collapse: collapse;
  width: inherit; }
  table.webhooks caption {
    color: #565E80;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    text-align: left;
    height: 47px;
    line-height: 47px; }
  table.webhooks tr {
    height: 36px;
    line-height: 36px; }
    table.webhooks tr:first-child {
      height: 40px;
      line-height: 40px;
      font-size: .8rem; }
    table.webhooks tr:nth-child(2) td, table.webhooks tr:nth-child(2) th {
      font-weight: 600;
      border-top: 1px solid #DBE0E7;
      border-bottom: 1px solid #DBE0E7; }
    table.webhooks tr:last-child td, table.webhooks tr:last-child th {
      border-bottom: 1px solid #DBE0E7; }
    table.webhooks tr td:first-child {
      font-weight: bold; }
  table.webhooks th {
    color: #565E80;
    padding-left: 10px; }
  table.webhooks td {
    padding-left: 10px; }

.schedules {
  margin: 0;
  padding: 0;
  background-color: #F6F8FB;
  height: 100%;
  padding-top: 10px;
  overflow-y: auto; }
  .schedules h2 {
    height: 48px;
    line-height: 48px;
    font-size: 1.0rem;
    font-weight: 600;
    border-bottom: 1px solid #DBE0E7;
    margin-bottom: 10px; }
  .schedules dd[name=uri] {
    flex: 1; }
  .schedules dd[name=num] {
    max-width: 70px; }
    .schedules dd[name=num] .ui-dropdown {
      max-width: 70px; }
  .schedules dd p {
    padding: 0 !important; }
  .schedules form {
    margin: 10px;
    padding: 16px  !important;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    width: 640px;
    max-width: 640px !important; }
  .schedules input[name='msg'] {
    margin-top: 10px !important; }
  .schedules li[name='msg'] p {
    padding-top: 0px !important; }
  .schedules li:nth-child(5) {
    padding-top: 4px;
    padding-bottom: 10px; }
  .schedules li[type=multiple] dl {
    width: 600px !important; }

.ext {
  height: 24px;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 80%; }
  .ext * {
    display: block;
    position: relative;
    cursor: pointer; }
  .ext h5 {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

p.act-name {
  cursor: pointer; }

p.act-name:hover {
  color: #FFB13B; }

textarea.css {
  resize: none;
  height: 100%; }

.webhook-params li {
  position: relative;
  height: 48px;
  line-height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .webhook-params li input[type=text] {
    max-width: 160px; }
  .webhook-params li .form-item-autocomplete {
    height: 32px;
    line-height: 32px;
    min-height: 32px;
    box-sizing: border-box; }
    .webhook-params li .form-item-autocomplete input[type=text] {
      height: 28px;
      line-height: 28px;
      margin-top: 0; }
    .webhook-params li .form-item-autocomplete span {
      margin-top: 3px; }
  .webhook-params li > label {
    width: 24px;
    text-align: center;
    margin: 0;
    padding: 0; }
  .webhook-params li div.ui-dropdown {
    width: 240px !important;
    max-width: 240px !important; }
  .webhook-params li div.btns {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 60px;
    height: inherit;
    align-items: center;
    line-height: 16px;
    margin-left: 10px; }
    .webhook-params li div.btns i.icon, .webhook-params li div.btns .ui-indicator i#indicator:before, .ui-indicator .webhook-params li div.btns i#indicator:before {
      display: block;
      position: relative; }

.webhook-params li:first-child, .webhook-params li.acts {
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  height: auto;
  line-height: auto; }

.webhook-params li:first-child input[type=text] {
  width: 460px !important;
  max-width: 460px; }

.webhook-params li:first-child p {
  line-height: 20px;
  padding-bottom: 10px; }

.webhook-params li.acts > div {
  display: flex;
  flex-direction: row;
  padding-top: 8px; }
  .webhook-params li.acts > div div.form-item-autocomplete {
    width: 250px;
    margin-right: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .webhook-params li.acts > div div.form-item-autocomplete input[type=text] {
      width: auto;
      max-width: 240px;
      min-width: auto; }

#editors {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 10px;
  justify-content: flex-end; }
  #editors dd {
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    border: 1px solid white;
    cursor: pointer; }
    #editors dd:hover {
      border-color: #DBE0E7; }
    #editors dd img {
      width: 20px;
      height: 20px;
      margin: 10px;
      display: block; }
    #editors dd h6 {
      flex: 1;
      text-align: left;
      color: #565E80;
      margin-right: 10px; }
    #editors dd i {
      display: block;
      position: relative; }

.bot_edit_view .left-pane li.on {
  background-color: #839BFB;
  color: #FFF; }

.bot_edit_view form > ul {
  display: flex;
  flex-direction: column;
  padding: 16px; }

.bot_edit_view form > ul > li {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row; }

.bot_edit_view form > ul > li > h4 {
  width: 120px;
  text-align: right;
  padding-right: 16px;
  padding-left: 8px; }

.bot_edit_view form > ul > li > div {
  flex: 1;
  align-items: flex-start;
  display: flex;
  flex-direction: column; }

.bot_edit_view .left-pane ul {
  overflow-x: hidden; }

.bot_edit_view .left-pane > ul, .bot_edit_view .left-pane > section {
  flex: 1;
  width: inherit;
  min-height: 48px; }

.bot_edit_view .left-pane footer {
  width: inherit;
  height: 48px;
  line-height: 48px;
  background: white;
  box-sizing: border-box;
  border-right: 1px solid #DBE0E7;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 8px;
  position: relative; }

.bot_edit_view .center-pane footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.bot_fb_view main {
  height: 100%;
  display: block; }
  .bot_fb_view main > * {
    width: 800px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    margin-top: 16px; }

.bot_fb_view form ul {
  padding-top: 10px; }

.bot_fb_view form li {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.bot_fb_view form li:hover {
  background-color: #F6F8FB; }

.bot_fb_view form label {
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: left;
  padding-left: 10px; }

.bot_fb_view form li > button {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 6px;
  background-color: white;
  height: 28px;
  line-height: 28px;
  margin-top: 0;
  min-width: 130px;
  text-align: center;
  color: #0084FF;
  font-weight: 600;
  padding-right: 0;
  background-color: transparent;
  margin-right: 0;
  border: 1px solid #0084FF;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.bot_fb_view form li > button.on {
  background-color: #0084FF;
  color: white; }

.bot_fb_view form li > button.exists {
  color: #565E80; }

.bot_fb_view form dl {
  border: 1px solid #AAB1BC;
  margin: 20px auto 10px auto;
  width: 480px;
  border-radius: 10px; }

.bot_fb_view form dd {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #AAB1BC;
  padding-left: 10px; }

.bot_fb_view form dd:last-child {
  border: 0; }

.bot_fb_view form dd > input[type=text] {
  background-color: transparent;
  color: #0084FF;
  width: 80%;
  margin-left: 0 !important;
  font-size: 1.2rem; }

.bot_fb_view nav.breadcrumbs .icon.home:before, .bot_fb_view header nav.breadcrumbs span.home:not(:last-child):before, header .bot_fb_view nav.breadcrumbs span.home:not(:last-child):before, .bot_fb_view nav.breadcrumbs .p3-layout .menu-pane li.home:before, .p3-layout .menu-pane .bot_fb_view nav.breadcrumbs li.home:before, .bot_fb_view nav.breadcrumbs .bot-editor ul.nodes div.home.schedule:before, .bot-editor ul.nodes .bot_fb_view nav.breadcrumbs div.home.schedule:before, .bot_fb_view nav.breadcrumbs .simulator > header dl dd.home:before, .simulator > header dl .bot_fb_view nav.breadcrumbs dd.home:before, .bot_fb_view nav.breadcrumbs .ui-indicator .home#indicator:before, .ui-indicator .bot_fb_view nav.breadcrumbs .home#indicator:before, .bot_fb_view nav.breadcrumbs .list-view th.home.on:before, .list-view .bot_fb_view nav.breadcrumbs th.home.on:before {
  content: ""; }

.bot_fb_view h2 {
  font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;
  font-size: 1.2rem;
  height: 24px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
  text-align: left; }

.paste-area {
  padding: 10px 16px 10px 16px;
  border-radius: 4px;
  text-align: left; }
  .paste-area code {
    background-color: #565E80;
    color: #3155D7;
    border-radius: 4px;
    line-height: 1.2;
    display: block;
    padding: 20px 16px; }
  .paste-area p {
    color: #121B42; }

.bot_line_view main {
  text-align: center;
  align-items: flex-start; }

.bot_line_view form {
  width: 800px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto; }
  .bot_line_view form li > h4 {
    width: 260px; }
  .bot_line_view form .buttons {
    flex-direction: row;
    padding-top: 10px; }

.line-manual {
  padding-bottom: 20px;
  padding-top: 10px;
  width: 800px;
  margin-top: 10px; }
  .line-manual h2 {
    text-align: left;
    width: 720px;
    margin: auto;
    height: 60px;
    line-height: 60px;
    font-size: 1.4rem; }
  .line-manual h6 {
    text-align: left;
    width: 720px;
    margin: auto;
    line-height: 32px;
    font-size: 1rem;
    color: #565E80;
    margin-top: 10px;
    margin-bottom: 10px; }
  .line-manual img {
    width: 680px;
    height: auto; }
  .line-manual a {
    color: #121B42;
    font-weight: bold;
    font-size: 1rem; }
  .line-manual b {
    font-weight: 600px;
    color: #FFB13B; }

.dashboard_view nav.breadcrumbs .icon.home:before, .dashboard_view header nav.breadcrumbs span.home:not(:last-child):before, header .dashboard_view nav.breadcrumbs span.home:not(:last-child):before, .dashboard_view nav.breadcrumbs .p3-layout .menu-pane li.home:before, .p3-layout .menu-pane .dashboard_view nav.breadcrumbs li.home:before, .dashboard_view nav.breadcrumbs .bot-editor ul.nodes div.home.schedule:before, .bot-editor ul.nodes .dashboard_view nav.breadcrumbs div.home.schedule:before, .dashboard_view nav.breadcrumbs .simulator > header dl dd.home:before, .simulator > header dl .dashboard_view nav.breadcrumbs dd.home:before, .dashboard_view nav.breadcrumbs .ui-indicator .home#indicator:before, .ui-indicator .dashboard_view nav.breadcrumbs .home#indicator:before, .dashboard_view nav.breadcrumbs .list-view th.home.on:before, .list-view .dashboard_view nav.breadcrumbs th.home.on:before {
  content: ""; }

.dashboard_view h2.title {
  display: block;
  height: 24px;
  text-align: left;
  font-size: 1.1rem;
  margin: 50px 0 0 20px;
  padding-left: 20px;
  border-left: 3px solid #ef5350; }

.dashboard_view h2.title:first-child {
  margin-top: 25px; }

.dashboard_view main {
  flex-direction: initial;
  padding-left: 0;
  padding-bottom: 0; }

.dashboard_view span, .dashboard_view p {
  box-sizing: border-box;
  padding: 0; }

.dashboard_view header .btns.left {
  min-width: 380px; }

.dashboard_view header .btns.right {
  margin-right: 20px; }

.dashboard_view section.outline {
  background-color: #5A677C;
  height: calc(100vh - 60px);
  padding-top: 20px;
  min-width: 240px; }
  .dashboard_view section.outline > div {
    margin-bottom: 0; }
  .dashboard_view section.outline .tab-menu {
    display: block;
    text-align: left;
    border: none; }
    .dashboard_view section.outline .tab-menu dd {
      text-align: left;
      font-size: .9rem;
      height: 36px;
      line-height: 36px;
      padding-left: 43px;
      color: rgba(255, 255, 255, 0.7); }
      .dashboard_view section.outline .tab-menu dd:hover {
        background-color: #B1B7D3;
        color: #FFF; }
      .dashboard_view section.outline .tab-menu dd:before {
        font-size: 15px;
        line-height: inherit;
        height: inherit;
        top: -1px;
        left: 18px; }
      .dashboard_view section.outline .tab-menu dd[name="summery"]:before {
        content: ""; }
      .dashboard_view section.outline .tab-menu dd[name="users"]:before {
        content: ""; }
      .dashboard_view section.outline .tab-menu dd[name="actions"]:before {
        content: ""; }
      .dashboard_view section.outline .tab-menu dd[name="ac"]:before {
        content: ""; }
      .dashboard_view section.outline .tab-menu dd.on {
        color: #FFF;
        font-weight: bold;
        border: none; }
        .dashboard_view section.outline .tab-menu dd.on:after {
          content: "";
          position: absolute;
          left: -16px;
          top: 0;
          bottom: 0;
          right: 0;
          border-left: 10px solid #F39C12;
          background-image: url(/images/ico_right_arrow_w.svg);
          background-position: right 5px center;
          background-repeat: no-repeat;
          background-size: auto 12px; }
  .dashboard_view section.outline ul {
    display: block;
    text-align: left;
    border: none; }
    .dashboard_view section.outline ul li {
      text-align: left;
      text-indent: 54px !important;
      font-size: 0.9rem;
      height: 36px;
      line-height: 36px;
      padding: 0;
      color: rgba(255, 255, 255, 0.7); }
      .dashboard_view section.outline ul li:hover {
        background-color: #B1B7D3;
        color: #FFF; }
      .dashboard_view section.outline ul li.noclick:hover {
        background-color: transparent;
        cursor: initial; }
      .dashboard_view section.outline ul li:before {
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        padding: 0;
        border-radius: 9px;
        position: absolute;
        z-index: 1;
        top: 9px;
        left: 10px;
        font-size: .9rem;
        color: white;
        background-size: 14px auto;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      .dashboard_view section.outline ul li.on {
        color: #FFF;
        font-weight: bold;
        border: none; }
        .dashboard_view section.outline ul li.on:after {
          content: "";
          position: absolute;
          left: -16px;
          top: 0;
          bottom: 0;
          right: 0;
          border-left: 10px solid #F39C12;
          background-image: url(/images/ico_right_arrow_w.svg);
          background-position: right 5px center;
          background-repeat: no-repeat;
          background-size: auto 12px; }
      .dashboard_view section.outline ul li .ui-input, .dashboard_view section.outline ul li input[type=text], .dashboard_view section.outline ul li input[type=password], .dashboard_view section.outline ul li input[type=autocomplete], .dashboard_view section.outline ul li input[type=email], .dashboard_view section.outline ul li input[type=tel], .dashboard_view section.outline ul li input[type=url], .dashboard_view section.outline ul li input[type=search], .dashboard_view section.outline ul li input[type=range], .dashboard_view section.outline ul li input[type=number], .dashboard_view section.outline ul li textarea {
        font-size: 0.9rem; }
    .dashboard_view section.outline ul h5 {
      font-family: Verdana;
      font-size: .8rem;
      font-weight: 400;
      color: #F1C40F;
      height: 28px;
      line-height: 28px;
      margin-top: 5px;
      margin-bottom: 0;
      text-align: left;
      cursor: default;
      text-indent: 40px; }
      .dashboard_view section.outline ul h5:hover {
        background-color: transparent;
        color: #F1C40F; }
  .dashboard_view section.outline h4 {
    font-family: Verdana;
    font-size: 0.9rem;
    font-weight: 400;
    color: #c0c7cd;
    height: 28px;
    line-height: 28px;
    margin-bottom: 7px;
    margin-top: 23px;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 40px;
    background-color: #5A677C;
    position: relative; }
    .dashboard_view section.outline h4:before {
      font-size: 15px;
      line-height: inherit;
      height: inherit;
      top: -1px;
      left: 18px;
      content: ""; }

.dashboard_view .helptip {
  font-size: 0.6rem;
  border: 1px solid #999;
  background-color: #EEE;
  position: absolute;
  top: -16px;
  right: 0px;
  padding: 2px 10px;
  box-shadow: 0 0 1px #CCC;
  opacity: 0;
  transition: opacity 0.3s ease 0.01s;
  z-index: 100; }

.dashboard_view .help:hover + .helptip {
  opacity: 1; }

.dashboard_view .tab-container {
  flex: 1;
  padding-top: 0;
  padding-bottom: 30px;
  min-width: 1120px;
  height: calc(100vh - 60px);
  overflow-y: scroll; }

.dashboard_view .cards {
  margin: 20px 0 0 20px; }

.dashboard_view .card_wrapper {
  width: 255px;
  height: 120px;
  margin-right: 20px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  float: left; }
  .dashboard_view .card_wrapper .icon_wrapper {
    text-align: center;
    bottom: 28px;
    z-index: 10;
    position: absolute;
    width: 100%; }
  .dashboard_view .card_wrapper .icon, .dashboard_view .card_wrapper header nav.breadcrumbs span:not(:last-child), header nav.breadcrumbs .dashboard_view .card_wrapper span:not(:last-child), .dashboard_view .card_wrapper .p3-layout .menu-pane li, .p3-layout .menu-pane .dashboard_view .card_wrapper li, .dashboard_view .card_wrapper .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes .dashboard_view .card_wrapper div.schedule, .dashboard_view .card_wrapper .simulator > header dl dd, .simulator > header dl .dashboard_view .card_wrapper dd, .dashboard_view .card_wrapper .ui-indicator #indicator:before, .ui-indicator .dashboard_view .card_wrapper #indicator:before, .dashboard_view .card_wrapper .list-view th.on, .list-view .dashboard_view .card_wrapper th.on {
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    background-color: #ffac23;
    display: inline-block; }
  .dashboard_view .card_wrapper .label {
    font-size: 12px;
    padding-top: 8px; }
  .dashboard_view .card_wrapper .value {
    padding-top: 3px;
    font-size: 24px;
    font-weight: bold; }
    .dashboard_view .card_wrapper .value .unit {
      font-size: 15px; }
  .dashboard_view .card_wrapper .diff_value {
    font-size: 12px;
    color: #f44336; }
    .dashboard_view .card_wrapper .diff_value:before {
      content: ' ▲';
      position: relative; }
    .dashboard_view .card_wrapper .diff_value.negative {
      color: #311B92; }
      .dashboard_view .card_wrapper .diff_value.negative .unit {
        color: #311B92; }
      .dashboard_view .card_wrapper .diff_value.negative:before {
        content: ' ▼'; }
    .dashboard_view .card_wrapper .diff_value .unit {
      font-size: 9px;
      color: #f44336; }
  .dashboard_view .card_wrapper .total_value {
    padding: 15px 0 10px;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #DDD;
    background-color: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 4px 4px; }
  .dashboard_view .card_wrapper i {
    color: #666; }

.dashboard_view .card_wrapper.card_list {
  height: auto; }
  .dashboard_view .card_wrapper.card_list .list {
    margin: 8px 0px;
    padding: 0px 10px; }
    .dashboard_view .card_wrapper.card_list .list p:nth-child(1), .dashboard_view .card_wrapper.card_list .list p:nth-child(2), .dashboard_view .card_wrapper.card_list .list p:nth-child(3) {
      background-color: #f5f5f5; }
    .dashboard_view .card_wrapper.card_list .list > p {
      display: flex;
      padding: 0px 10px;
      margin-bottom: 8px; }
    .dashboard_view .card_wrapper.card_list .list label {
      width: 75%;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      line-height: 24px;
      height: 24px; }
    .dashboard_view .card_wrapper.card_list .list span {
      display: inline-block;
      width: 25%;
      text-align: right;
      font-size: 14px;
      line-height: 24px;
      height: 24px; }

.dashboard_view .graph_card {
  margin: 20px 0 0 20px;
  padding: 25px 30px;
  max-width: 1080px;
  height: 400px;
  background-color: #FFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .dashboard_view .graph_card.half {
    max-width: 530px; }
    .dashboard_view .graph_card.half .graph_wrapper {
      padding: 15px 0; }
  .dashboard_view .graph_card .title {
    text-align: left;
    font-weight: bold;
    font-size: 16px; }
  .dashboard_view .graph_card .helptip {
    left: 5px;
    top: -2px;
    right: initial;
    width: auto;
    display: inline-block;
    max-width: 400px; }

.dashboard_view .graph_wrapper {
  padding: 15px 100px 15px 20px; }

.dashboard_view .graphs > div {
  float: left;
  width: calc(50% - 40px); }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.bot_list_view main {
  padding-bottom: 0; }
  .bot_list_view main section.search-bar {
    line-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    flex: 0; }
    .bot_list_view main section.search-bar .queries {
      text-align: left; }
      .bot_list_view main section.search-bar .queries input[type=text] {
        width: 280px; }
  .bot_list_view main .bots {
    flex: 1; }

.bot_list_view .list-view {
  margin-top: 0; }

div.bot-templates-frame {
  overflow-y: auto; }
  div.bot-templates-frame ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    div.bot-templates-frame ul li {
      height: 32px;
      line-height: 32px;
      cursor: pointer;
      padding-left: 12px;
      padding-right: 12px;
      border-radius: 4px;
      border: 1px solid #DBE0E7;
      text-align: center;
      width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 8px;
      background: #565E80; }
      div.bot-templates-frame ul li:hover {
        background: #121B42; }

.bot-editor nav.navi {
  position: relative;
  display: flex;
  flex-direction: row;
  width: inherit;
  height: 48px;
  line-height: 48px;
  margin-top: 48px;
  background-color: #F6F8FB;
  border-bottom: 1px solid #DBE0E7;
  box-shadow: inset 0 0 2 1 #DBE0E7; }
  .bot-editor nav.navi > div {
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    height: inherit;
    line-height: inherit; }
  .bot-editor nav.navi > div.space {
    flex: 1; }
  .bot-editor nav.navi > div > label {
    height: inherit;
    line-height: inherit;
    padding-right: 10px;
    color: #121B42;
    font-weight: normal;
    opacity: 0.7;
    font-size: 0.8rem; }
  .bot-editor nav.navi > div > dl {
    display: flex;
    flex-direction: row; }
    .bot-editor nav.navi > div > dl dd {
      text-align: center;
      margin: 4px 0px;
      padding: 0px 8px !important;
      cursor: pointer;
      padding: 0;
      position: relative; }
    .bot-editor nav.navi > div > dl h2 {
      height: 24px;
      line-height: 24px;
      width: inherit;
      padding: 0 !important;
      padding-right: 16px;
      color: #2C3660;
      opacity: 1; }
    .bot-editor nav.navi > div > dl h2.icon, .bot-editor nav.navi > div > dl .ui-indicator h2#indicator:before, .ui-indicator .bot-editor nav.navi > div > dl h2#indicator:before {
      padding: 0 !important; }
    .bot-editor nav.navi > div > dl h2:before {
      position: absolute;
      left: 50%;
      margin-left: -16px;
      font-size: 1.5rem; }
    .bot-editor nav.navi > div > dl h2.iconf {
      background-size: 24px auto;
      background-position: center 50%; }
    .bot-editor nav.navi > div > dl h2.iconf.tw {
      background-image: url(/images/ico-tw-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.wc {
      background-image: url(/images/ico-wc-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.line {
      background-image: url(/images/ico-line-d.svg);
      background-size: 18px auto; }
    .bot-editor nav.navi > div > dl h2.iconf.slack {
      background-image: url(/images/ico-slack-g.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.text {
      background-image: url(/images/ico-rt-text.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.card {
      background-image: url(/images/ico-rt-card.svg); }
    .bot-editor nav.navi > div > dl h2.iconf.list {
      background-image: url(/images/ico-rt-list.svg); }
    .bot-editor nav.navi > div > dl h5 {
      height: 24px;
      line-height: 16px;
      font-size: 0.7rem;
      color: #565E80;
      border: 0;
      opacity: 1; }
    .bot-editor nav.navi > div > dl dd > button {
      background-color: #2C3660; }
    .bot-editor nav.navi > div > dl dd.on {
      border-radius: 4px; }
    .bot-editor nav.navi > div > dl dd.on h2 {
      color: #F6F8FB;
      opacity: 1; }
    .bot-editor nav.navi > div > dl dd.on h5 {
      color: #F6F8FB;
      opacity: 1; }
    .bot-editor nav.navi > div > dl dd.on h2.iconf.line {
      background-image: url(/images/ico-line-w.svg); }
    .bot-editor nav.navi > div > dl dd:hover h2, .bot-editor nav.navi > div > dl dd:hover h5 {
      opacity: 0.7; }
  .bot-editor nav.navi div.test h2, .bot-editor nav.navi div.connect h2 {
    color: #2C3660;
    opacity: 1; }
  .bot-editor nav.navi div.test h5, .bot-editor nav.navi div.connect h5 {
    color: #2C3660;
    opacity: 1; }
  .bot-editor nav.navi span {
    width: 2px;
    height: 40px;
    margin-top: 12px; }
  .bot-editor nav.navi span:before {
    background-color: #AAB2BD; }
  .bot-editor nav.navi div.deploy {
    padding-left: 10px;
    padding-right: 24px; }
    .bot-editor nav.navi div.deploy dd {
      margin-top: 0px; }
    .bot-editor nav.navi div.deploy button {
      margin-right: 0; }
  .bot-editor nav.navi button.ui-menu {
    margin-top: 12px; }

.bot-editor .left-pane nav.navi {
  height: 48px;
  line-height: 48px;
  border-bottom: 0; }
  .bot-editor .left-pane nav.navi > div {
    width: inherit;
    padding-right: 0; }
  .bot-editor .left-pane nav.navi > div > dl {
    flex: 1;
    justify-content: space-around;
    height: 44px; }
    .bot-editor .left-pane nav.navi > div > dl h2:before {
      left: 0;
      margin-left: -12px;
      font-size: 1.0rem;
      height: inherit; }
    .bot-editor .left-pane nav.navi > div > dl h2 {
      display: block;
      height: 48px;
      line-height: 48px; }
    .bot-editor .left-pane nav.navi > div > dl h5 {
      display: block;
      height: inherit;
      line-height: inherit;
      padding-left: 16px; }
    .bot-editor .left-pane nav.navi > div > dl dd {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin-top: 0; }

.bot-editor main {
  padding: 0;
  margin-top: 0;
  background: white;
  display: flex;
  height: calc(100vh - 96px) !important;
  width: 100vw;
  flex-direction: row;
  min-height: 400px; }

.bot-editor section.groups, .bot-editor section.actions {
  width: inherit;
  flex: 1;
  box-sizing: border-box;
  overflow-y: auto; }
  .bot-editor section.groups .dragover, .bot-editor section.actions .dragover {
    border-bottom: 2px solid #2C3660; }
  .bot-editor section.groups .dragover-top, .bot-editor section.actions .dragover-top {
    border-top: 2px solid #2C3660; }
  .bot-editor section.groups .dragging, .bot-editor section.actions .dragging {
    opacity: .7; }

.bot-editor section.left-pane {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  height: inherit; }
  .bot-editor section.left-pane nav {
    border-top: 1px solid #DBE0E7;
    margin-top: 0;
    height: 48px;
    line-height: 48px; }
  .bot-editor section.left-pane ul {
    box-sizing: border-box; }
    .bot-editor section.left-pane ul hr {
      margin: 0; }

.bot-editor section.group-pane {
  width: 220px;
  min-width: 220px;
  overflow-x: hidden; }

.bot-editor section.groups li {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  padding-left: 20px !important;
  color: #6D7181; }
  .bot-editor section.groups li.on {
    color: #FFF; }
    .bot-editor section.groups li.on i.icon:before, .bot-editor section.groups li.on .ui-indicator i#indicator:before, .ui-indicator .bot-editor section.groups li.on i#indicator:before {
      color: #FFF; }
  .bot-editor section.groups li:hover {
    background-color: #EBF0FF;
    color: #2C3660; }
    .bot-editor section.groups li:hover i.icon, .bot-editor section.groups li:hover .ui-indicator i#indicator:before, .ui-indicator .bot-editor section.groups li:hover i#indicator:before {
      display: block;
      color: #2C3660; }
  .bot-editor section.groups li i.icon, .bot-editor section.groups li .ui-indicator i#indicator:before, .ui-indicator .bot-editor section.groups li i#indicator:before {
    position: absolute;
    right: 0px;
    width: 28px;
    height: 16px;
    z-index: 1;
    top: 12px;
    line-height: 16px;
    color: #DBE0E7; }

.bot-editor section.action-pane {
  width: 240px;
  min-width: 240px;
  overflow-x: hidden; }

.bot-editor section.actions li {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  padding-left: 32px; }
  .bot-editor section.actions li:hover {
    background-color: #839BFB;
    color: #FFF; }
    .bot-editor section.actions li:hover h5 {
      color: #FFF; }
    .bot-editor section.actions li:hover dl {
      display: flex; }
  .bot-editor section.actions li > i {
    width: 16px;
    height: 16px;
    position: relative;
    line-height: 16px;
    background-color: #DBE0E7;
    font-family: "Homenaje";
    font-size: .75rem;
    border-radius: 2px;
    text-align: center;
    font-style: normal;
    padding: 0;
    margin: 0;
    margin-right: 4px; }
  .bot-editor section.actions li.on {
    border: 0; }
    .bot-editor section.actions li.on h5 {
      color: #FFF; }
    .bot-editor section.actions li.on .btns {
      display: none; }
    .bot-editor section.actions li.on .seq {
      background-color: #2C3660;
      color: white; }
  .bot-editor section.actions li h5 {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    font-size: 12px; }
  .bot-editor section.actions li h5:before {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    border-radius: 9px;
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;
    font-size: .9rem;
    color: white;
    background-size: 14px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: 0; }
  .bot-editor section.actions li.text:before, .bot-editor section.actions li.card:before, .bot-editor section.actions li.list:before, .bot-editor section.actions li.map:before, .bot-editor section.actions li.link:before, .bot-editor section.actions li.image:before, .bot-editor section.actions li.web:before {
    content: "";
    display: none; }
  .bot-editor section.actions li.text h5:before {
    content: "T";
    background-color: #3B66FF; }
  .bot-editor section.actions li.card h5:before {
    content: "C";
    background-color: #A79CE1; }
  .bot-editor section.actions li.list h5:before {
    content: "L";
    background-color: #FF937B; }
  .bot-editor section.actions li.map h5:before {
    content: "M";
    background-color: #0084FF; }
  .bot-editor section.actions li.link h5:before {
    content: "U";
    background-color: #FFB13B; }
  .bot-editor section.actions li.image h5:before {
    content: "I";
    background-color: #28C69F; }
  .bot-editor section.actions li.imagemap h5:before {
    content: "M";
    background-color: #69D7BC; }
  .bot-editor section.actions li.video h5:before {
    content: "V";
    background-color: #FDC609; }
  .bot-editor section.actions li.web h5:before {
    content: "W";
    background-color: #FF937B; }
  .bot-editor section.actions li.logical h5:before {
    content: "IF";
    background-color: #F5A623; }
  .bot-editor section.actions li input + h5 {
    display: none; }
  .bot-editor section.actions li dl {
    width: 50px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    display: none; }
    .bot-editor section.actions li dl dd {
      width: 20px !important;
      color: #2C3660;
      box-sizing: border-box;
      padding-left: 0 !important; }

.bot-editor ul.nodes {
  padding-top: 10px; }
  .bot-editor ul.nodes > li {
    width: inherit;
    height: auto;
    overflow: hidden;
    margin: 0px auto 20px 20px;
    min-width: 480px; }
    .bot-editor ul.nodes > li > * {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      box-sizing: border-box;
      position: relative; }
    .bot-editor ul.nodes > li > div {
      width: 90%;
      margin: 10px 10px 5px 0px;
      text-align: left;
      cursor: default;
      height: auto;
      line-height: 32px;
      overflow: hidden;
      position: relative; }
      .bot-editor ul.nodes > li > div span {
        margin: auto 10px auto 0px;
        background-color: #AAB2BD;
        color: white;
        width: auto;
        padding: 4px 12px 4px 12px;
        position: relative;
        box-sizing: border-box;
        height: 24px;
        line-height: 24px;
        border-radius: 6px;
        border: 1px solid #AAB2BD;
        font-size: 11px;
        cursor: pointer; }
        .bot-editor ul.nodes > li > div span i.icon, .bot-editor ul.nodes > li > div span .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes > li > div span i#indicator:before {
          position: absolute;
          right: 0px;
          top: 0px;
          color: white !important; }
      .bot-editor ul.nodes > li > div span.act, .bot-editor ul.nodes > li > div span.link {
        padding-right: 30px; }
      .bot-editor ul.nodes > li > div div.ipts {
        height: 40px;
        line-height: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center; }
      .bot-editor ul.nodes > li > div div.ipts > span {
        display: block; }
      .bot-editor ul.nodes > li > div span.tg {
        background-color: #3B66FF;
        border-color: #3B66FF; }
      .bot-editor ul.nodes > li > div span.on, .bot-editor ul.nodes > li > div .qas span.on {
        background-color: #FFB13B;
        border-color: #FFB13B; }
      .bot-editor ul.nodes > li > div span.new {
        background-color: #28C69F;
        border-color: #28C69F; }
      .bot-editor ul.nodes > li > div span.new.on {
        background-color: #565E80;
        border-color: #565E80; }
    .bot-editor ul.nodes > li.on h5 {
      font-weight: bold; }
    .bot-editor ul.nodes > li.on h4 {
      background-color: #FFB13B; }
    .bot-editor ul.nodes > li h5 {
      height: 40px;
      line-height: 40px;
      min-height: auto;
      padding-left: 36px;
      font-size: 1rem; }
    .bot-editor ul.nodes > li h4 {
      position: absolute;
      left: 0px;
      top: 5px;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 16px;
      display: block;
      margin: 0;
      color: white;
      text-align: center;
      font-size: 1rem;
      background-color: #565E80;
      font-family: 'Homenaje',sans-serif;
      font-weight: normal; }
  .bot-editor ul.nodes::-webkit-scrollbar {
    display: none; }
  .bot-editor ul.nodes .cells-frame {
    overflow-x: auto;
    width: inherit;
    padding-right: 20px; }
  .bot-editor ul.nodes .cells {
    display: flex;
    flex-direction: row; }
    .bot-editor ul.nodes .cells.vertical {
      flex-direction: column; }
    .bot-editor ul.nodes .cells.rt-logical .row {
      display: flex;
      flex-direction: row;
      height: auto;
      margin-bottom: 15px; }
      .bot-editor ul.nodes .cells.rt-logical .row .fbox {
        padding-top: 3px; }
        .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown {
          margin: 0px; }
          .bot-editor ul.nodes .cells.rt-logical .row .fbox .ui-dropdown label {
            height: 100%; }
      .bot-editor ul.nodes .cells.rt-logical .row > h3:nth-of-type(1) {
        text-align: left; }
      .bot-editor ul.nodes .cells.rt-logical .row h3 {
        min-width: 44px;
        padding-left: 0px;
        text-align: center; }
      .bot-editor ul.nodes .cells.rt-logical .row h3 {
        padding: 0px 5px;
        line-height: 38px; }
      .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete {
        min-height: 38px;
        height: auto;
        border-width: 1px;
        border-radius: 4px; }
        .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete span {
          position: relative;
          float: left;
          display: block;
          width: auto !important;
          height: 24px;
          line-height: 24px;
          margin: 6px;
          font-size: .7rem;
          max-width: 120px;
          background-color: #5A677C;
          color: white;
          border-radius: 4px;
          padding-left: 5px;
          padding-right: 22px;
          padding-top: 0px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          position: relative;
          cursor: pointer;
          font-family: 'Arial'; }
        .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete input {
          min-width: 10px; }
      .bot-editor ul.nodes .cells.rt-logical .row .form-item-autocomplete.on {
        min-height: 38px;
        height: auto;
        border-color: #F5A623;
        border-width: 1px;
        background-color: #FFF; }
      .bot-editor ul.nodes .cells.rt-logical .row > div, .bot-editor ul.nodes .cells.rt-logical .row .btnbox {
        display: flex;
        flex-direction: row; }
      .bot-editor ul.nodes .cells.rt-logical .row .btnbox {
        justify-content: center;
        /*align-items: center;*/
        padding-left: 10px; }
      .bot-editor ul.nodes .cells.rt-logical .row .hidden {
        visibility: hidden; }
      .bot-editor ul.nodes .cells.rt-logical .row .icon.disabled, .bot-editor ul.nodes .cells.rt-logical .row header nav.breadcrumbs span.disabled:not(:last-child), header nav.breadcrumbs .bot-editor ul.nodes .cells.rt-logical .row span.disabled:not(:last-child), .bot-editor ul.nodes .cells.rt-logical .row .p3-layout .menu-pane li.disabled, .p3-layout .menu-pane .bot-editor ul.nodes .cells.rt-logical .row li.disabled, .bot-editor ul.nodes .cells.rt-logical .row div.disabled.schedule, .bot-editor ul.nodes .cells.rt-logical .row .simulator > header dl dd.disabled, .simulator > header dl .bot-editor ul.nodes .cells.rt-logical .row dd.disabled, .bot-editor ul.nodes .cells.rt-logical .row .ui-indicator .disabled#indicator:before, .ui-indicator .bot-editor ul.nodes .cells.rt-logical .row .disabled#indicator:before, .bot-editor ul.nodes .cells.rt-logical .row .list-view th.disabled.on, .list-view .bot-editor ul.nodes .cells.rt-logical .row th.disabled.on {
        color: #9DA5BE;
        opacity: 0.5;
        cursor: default; }
      .bot-editor ul.nodes .cells.rt-logical .row .btnbox dd {
        display: block;
        background: transparent;
        color: #5A677C;
        text-align: center;
        width: 32px;
        height: 32px;
        border: 0;
        cursor: pointer;
        padding: 0px; }
    .bot-editor ul.nodes .cells.rt-logical .row.footer {
      min-height: 66px; }
  .bot-editor ul.nodes li div.title-line {
    display: flex;
    flex-direction: row; }
    .bot-editor ul.nodes li div.title-line h4 {
      border-radius: 2px;
      height: 20px;
      width: 20px;
      line-height: 20px;
      font-size: .9rem;
      top: 10px; }
    .bot-editor ul.nodes li div.title-line input[type=text] {
      margin-left: 18px;
      width: auto !important;
      min-width: 10px !important;
      border: 0 !important;
      margin-top: 6px;
      border-radius: 0;
      font-weight: bold; }
      .bot-editor ul.nodes li div.title-line input[type=text]:focus {
        border-bottom: 1px solid #DBE0E7 !important;
        background-color: transparent !important;
        color: #2C3660 !important; }
    .bot-editor ul.nodes li div.title-line dl {
      height: 24px;
      line-height: 24px;
      margin-top: 8px;
      margin-left: 16px; }
      .bot-editor ul.nodes li div.title-line dl dd {
        width: 16px;
        height: 24px;
        padding: 0;
        cursor: pointer;
        opacity: 0; }
      .bot-editor ul.nodes li div.title-line dl dd.icon.brush, .bot-editor ul.nodes li div.title-line .simulator > header dl dd.brush, .simulator > header .bot-editor ul.nodes li div.title-line dl dd.brush, .bot-editor ul.nodes li div.title-line dl .ui-indicator dd.brush#indicator:before, .ui-indicator .bot-editor ul.nodes li div.title-line dl dd.brush#indicator:before {
        display: none; }
  .bot-editor ul.nodes > li:hover div.title-line dd:first-child {
    opacity: 1;
    transition-duration: 0.4s; }
  .bot-editor ul.nodes > li:hover div.title-line dd:nth-child(2) {
    opacity: 1;
    transition-duration: 0.4s; }
  .bot-editor ul.nodes div.schedule {
    display: flex;
    flex-direction: row;
    margin-top: 0; }
    .bot-editor ul.nodes div.schedule:before {
      content: "";
      width: 16px;
      text-align: center; }
    .bot-editor ul.nodes div.schedule span {
      background-color: #565E80;
      height: 24px;
      line-height: 24px;
      padding-top: 0;
      padding-bottom: 0;
      border-color: #2C3660; }
    .bot-editor ul.nodes div.schedule dd {
      cursor: pointer; }
    .bot-editor ul.nodes div.schedule dd.wday-0 {
      color: #EB526C; }
    .bot-editor ul.nodes div.schedule dd.wday-6 {
      color: #0084FF; }
  .bot-editor ul.nodes ol.card {
    margin-top: 0; }
    .bot-editor ul.nodes ol.card li textarea, .bot-editor ul.nodes ol.card li input[type=text] {
      border: 0; }
    .bot-editor ul.nodes ol.card li.text {
      height: auto;
      min-height: auto;
      overflow: hidden;
      position: relative;
      padding: 0;
      display: flex;
      flex-direction: column; }
      .bot-editor ul.nodes ol.card li.text textarea {
        background: #3B66FF !important;
        color: #FFF !important;
        position: relative;
        resize: none;
        overflow: hidden;
        min-height: 32px;
        font-size: 11px;
        line-height: 22px; }
      .bot-editor ul.nodes ol.card li.text textarea:focus {
        background: #2C3660 !important; }
      .bot-editor ul.nodes ol.card li.text textarea::-moz-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      .bot-editor ul.nodes ol.card li.text textarea::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
    .bot-editor ul.nodes ol.card li.image {
      border-bottom: 1px solid #DBE0E7; }
    .bot-editor ul.nodes ol.card li.image video {
      width: 100%;
      height: 100%; }
    .bot-editor ul.nodes ol.card li.desc {
      height: 52px;
      padding-bottom: 0; }
      .bot-editor ul.nodes ol.card li.desc textarea {
        padding-bottom: 2px;
        height: 52px;
        min-height: 52px;
        overflow: hidden;
        overflow-y: auto;
        resize: none; }
    .bot-editor ul.nodes ol.card li.title input[type=text] {
      font-weight: bold; }
    .bot-editor ul.nodes ol.card li.linkto {
      height: 40px;
      line-height: 40px; }
      .bot-editor ul.nodes ol.card li.linkto input[type=text] {
        color: #6D7181 !important; }
    .bot-editor ul.nodes ol.card li.item {
      background-color: white;
      height: 36px;
      line-height: 36px;
      font-size: 12px; }
      .bot-editor ul.nodes ol.card li.item i.icon, .bot-editor ul.nodes ol.card li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes ol.card li.item i#indicator:before {
        color: #3B66FF; }
  .bot-editor ul.nodes i.link.large {
    box-sizing: border-box !important;
    margin: 0;
    overflow: hidden; }
    .bot-editor ul.nodes i.link.large input[type=text], .bot-editor ul.nodes i.link.large input[type=text]:focus {
      position: absolute;
      left: 32px;
      display: none;
      top: 4px;
      background: transparent !important;
      border: 0 !important;
      color: white !important;
      font-size: 0.8rem;
      margin: 0;
      width: 220px;
      height: 28px !important;
      line-height: 28px !important;
      min-width: 220px;
      padding-left: 8px !important;
      border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
      border-radius: 0; }
  .bot-editor ul.nodes i.link.large.inputing {
    width: 250px;
    background-color: rgba(44, 54, 96, 0.9);
    box-sizing: border-box;
    margin: 0; }
    .bot-editor ul.nodes i.link.large.inputing:before {
      text-align: center !important;
      position: absolute;
      height: 36px;
      width: 36px;
      left: 0px; }
    .bot-editor ul.nodes i.link.large.inputing:hover {
      transform: none !important; }
    .bot-editor ul.nodes i.link.large.inputing input[type=text] {
      display: block; }
  .bot-editor ul.nodes i.icon.trash:hover, .bot-editor ul.nodes .ui-indicator i.trash#indicator:hover:before, .ui-indicator .bot-editor ul.nodes i.trash#indicator:hover:before {
    background-color: #EB526C; }
  .bot-editor ul.nodes i.icon.brush:hover, .bot-editor ul.nodes .ui-indicator i.brush#indicator:hover:before, .ui-indicator .bot-editor ul.nodes i.brush#indicator:hover:before {
    background-color: #EB526C; }
  .bot-editor ul.nodes i.left_t {
    left: 6px;
    top: 6px;
    right: auto; }
  .bot-editor ul.nodes i.left_b {
    left: 6px;
    top: 96px; }
  .bot-editor ul.nodes i.right_t {
    right: 6px;
    top: 6px;
    left: auto; }
  .bot-editor ul.nodes i.right_b {
    right: 6px;
    bottom: 6px;
    top: auto;
    left: auto; }
  .bot-editor ul.nodes ol.card.new {
    display: block;
    min-height: 184px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    height: inherit;
    margin-bottom: 0; }
    .bot-editor ul.nodes ol.card.new:before {
      width: 40px;
      height: 40px;
      line-height: 40px;
      top: 30%;
      left: 115px;
      text-align: center;
      content: "";
      font-size: 1.6rem; }
    .bot-editor ul.nodes ol.card.new:after {
      width: 100%;
      height: 100%;
      content: 'Add New Card';
      position: absolute;
      left: 0;
      text-align: center;
      line-height: 40px;
      height: 40px;
      font-weight: bold;
      color: #DBE0E7;
      top: 50%; }
    .bot-editor ul.nodes ol.card.new:hover {
      background-color: #EBF0FF;
      border: 2px solid #28C69F !important;
      transition-timing-function: ease-out;
      padding-left: 0 !important;
      transition-duration: 0.25s;
      box-shadow: 0 0 2px 2px #DBE0E7; }
    .bot-editor ul.nodes ol.card.new:hover:before, .bot-editor ul.nodes ol.card.new:hover:after {
      color: #28C69F; }
  .bot-editor ul.nodes ol.card.seq-9 + ol.card.new {
    display: none !important; }
  .bot-editor ul.nodes .uploading:before {
    color: #FFF !important; }
  .bot-editor ul.nodes div.form-item-autocomplete.next-act {
    width: 320px; }
    .bot-editor ul.nodes div.form-item-autocomplete.next-act input[type=text] {
      background-color: transparent !important; }
    .bot-editor ul.nodes div.form-item-autocomplete.next-act span {
      line-height: 16px !important;
      padding-left: 8px !important;
      padding-right: 20px !important;
      margin-left: 6px; }
    .bot-editor ul.nodes div.form-item-autocomplete.next-act b {
      top: 4px !important; }
  .bot-editor ul.nodes div.ui-dropdown {
    width: 320px;
    height: 32px;
    margin: 10px 0px 24px 0px; }
    .bot-editor ul.nodes div.ui-dropdown label {
      width: 100%;
      height: 32px;
      line-height: 32px;
      font-size: 1rem;
      color: #6D7181;
      background-color: #FFF;
      border: 0px;
      padding: 0px; }
  .bot-editor ul.nodes nav.next-act-btn {
    margin-top: 8px; }
    .bot-editor ul.nodes nav.next-act-btn label {
      color: #FFF;
      padding-left: 8px;
      padding-right: 24px;
      font-size: 0.8rem;
      cursor: pointer;
      background-color: #2C3660;
      border-radius: 4px;
      position: relative; }
    .bot-editor ul.nodes nav.next-act-btn label:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      border: 10px solid white;
      border-left-color: #2C3660; }
    .bot-editor ul.nodes nav.next-act-btn label:hover {
      color: #FFB13B; }
    .bot-editor ul.nodes nav.next-act-btn u {
      padding-right: 10px;
      cursor: pointer;
      position: relative; }
    .bot-editor ul.nodes nav.next-act-btn u.act-name {
      padding-right: 40px;
      padding-left: 10px; }
      .bot-editor ul.nodes nav.next-act-btn u.act-name i.icon.signout, .bot-editor ul.nodes nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.act-name i.signout#indicator:before, .bot-editor ul.nodes nav.next-act-btn u.act-name i.icon.link, .bot-editor ul.nodes nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.act-name i.link#indicator:before {
        display: absolute;
        right: 0px;
        top: 2px;
        width: 16px;
        height: 16px; }
    .bot-editor ul.nodes nav.next-act-btn u:hover {
      text-decoration-color: #3B66FF; }
    .bot-editor ul.nodes nav.next-act-btn u.icon.clock, .bot-editor ul.nodes nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.clock#indicator:before {
      margin-left: 10px !important; }
    .bot-editor ul.nodes nav.next-act-btn u.icon.clock:before, .bot-editor ul.nodes nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator .bot-editor ul.nodes nav.next-act-btn u.clock#indicator:before {
      line-height: 20px !important; }
  .bot-editor ul.nodes div.react-btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .bot-editor ul.nodes div.react-btns label {
      background: white;
      font-size: 11px;
      border: 1px solid #3B66FF;
      height: 24px;
      line-height: 24px;
      padding-left: 12px;
      padding-right: 12px;
      border-radius: 12px;
      margin-right: 8px;
      color: #3B66FF;
      position: relative;
      cursor: pointer; }
      .bot-editor ul.nodes div.react-btns label:hover {
        background: #3B66FF;
        color: white; }
      .bot-editor ul.nodes div.react-btns label:active {
        background: #3155D7;
        color: white;
        border-color: #3155D7; }
      .bot-editor ul.nodes div.react-btns label.act, .bot-editor ul.nodes div.react-btns label.link {
        padding-right: 30px; }
      .bot-editor ul.nodes div.react-btns label.on {
        color: #FFB13B;
        border-color: #FFB13B;
        font-weight: bold; }
        .bot-editor ul.nodes div.react-btns label.on i.icon, .bot-editor ul.nodes div.react-btns label.on .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label.on i#indicator:before {
          color: #FFB13B; }
      .bot-editor ul.nodes div.react-btns label.opts {
        padding-left: 22px;
        background-image: url(/images/ico_check.svg);
        background-position: left 5px top 7px;
        background-size: 14px 14px;
        height: 24px;
        line-height: 24px;
        border-radius: 4px; }
        .bot-editor ul.nodes div.react-btns label.opts.on {
          background-image: url(/images/ico_check_ye.svg); }
      .bot-editor ul.nodes div.react-btns label.new {
        color: #FFF;
        border-color: #28C69F;
        font-weight: bold;
        background: #28C69F; }
        .bot-editor ul.nodes div.react-btns label.new.on {
          background-color: #1BA180; }
        .bot-editor ul.nodes div.react-btns label.new:hover {
          background-color: #69D7BC; }
      .bot-editor ul.nodes div.react-btns label.fhs {
        padding-left: 26px !important;
        font-size: .9rem;
        position: relative;
        line-height: 24px;
        padding-right: 6px !important;
        line-height: 24px;
        border-radius: 4px;
        color: #69D7BC;
        border-color: #69D7BC; }
        .bot-editor ul.nodes div.react-btns label.fhs:before {
          font-size: 16px;
          padding-left: 6px !important;
          padding-top: 2px;
          content: ""; }
      .bot-editor ul.nodes div.react-btns label i.icon, .bot-editor ul.nodes div.react-btns label .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label i#indicator:before {
        position: absolute;
        right: 2px;
        top: 0px;
        color: #3B66FF; }
      .bot-editor ul.nodes div.react-btns label:hover i.icon, .bot-editor ul.nodes div.react-btns label:hover .ui-indicator i#indicator:before, .ui-indicator .bot-editor ul.nodes div.react-btns label:hover i#indicator:before {
        color: white; }
      .bot-editor ul.nodes div.react-btns label.colors {
        padding-left: 20px; }
      .bot-editor ul.nodes div.react-btns label.colors u {
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        top: 6px;
        left: 5px;
        background-color: #121B42;
        background-size: cover; }
    .bot-editor ul.nodes div.react-btns label.imagemap {
      border-radius: 0;
      border-style: dashed; }
    .bot-editor ul.nodes div.react-btns > u {
      font-size: 12px;
      display: inline-block;
      line-height: 24px;
      height: 24px;
      cursor: pointer;
      margin-left: 8px; }
  .bot-editor ul.nodes div.react-btns.empty > u {
    display: none; }

.bot-editor ul.nodes::-webkit-scrollbar {
  display: none; }

.bot-editor ol.card.text-card {
  margin-bottom: 8px;
  border: 0 !important;
  width: 300px !important; }
  .bot-editor ol.card.text-card li.text {
    position: relative;
    background-color: transparent;
    padding-right: 20px;
    overflow: auto;
    box-sizing: content-box; }
  .bot-editor ol.card.text-card i.icon.trash, .bot-editor ol.card.text-card .ui-indicator i.trash#indicator:before, .ui-indicator .bot-editor ol.card.text-card i.trash#indicator:before {
    position: absolute;
    right: 0px;
    top: 4px;
    width: 20px;
    height: 20px;
    z-index: 1;
    border-radius: 10px;
    box-sizing: border-box;
    opacity: 0; }
  .bot-editor ol.card.text-card:hover i.icon.trash, .bot-editor ol.card.text-card:hover .ui-indicator i.trash#indicator:before, .ui-indicator .bot-editor ol.card.text-card:hover i.trash#indicator:before {
    opacity: 1; }
  .bot-editor ol.card.text-card textarea {
    border-bottom-right-radius: 14px; }

.bot-editor ol.card.text-card + button.add-new {
  display: none; }

.bot-editor ol.card.rt-text {
  position: relative; }

.bot-editor div.edit-panel {
  margin-top: 0; }
  .bot-editor div.edit-panel dd b.fa-spinner {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    min-height: 20px;
    min-width: 20px;
    text-align: center; }
  .bot-editor div.edit-panel dd b.fa-spinner:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem; }
  .bot-editor div.edit-panel dd.loading {
    width: 100px;
    display: none; }
  .bot-editor div.edit-panel dd.loading:after {
    position: absolute;
    right: 0;
    top: 0px;
    line-height: 34px;
    font-size: 0.9rem;
    content: 'Loading ･･･'; }
  .bot-editor div.edit-panel dd.loading.on {
    display: block;
    background: transparent !important;
    background-color: transparent !important; }
  .bot-editor div.edit-panel dd.loading.on b {
    background: transparent !important;
    background-color: transparent !important;
    color: #2C3660; }

.bot-editor dl.card-src {
  line-height: 40px; }
  .bot-editor dl.card-src dd {
    font-size: 0.9rem;
    color: #565E80;
    height: 36px;
    line-height: 36px;
    margin-top: 0px;
    border-radius: 12px;
    cursor: pointer; }
  .bot-editor dl.card-src dd b:hover {
    background-color: #EBF0FF; }
  .bot-editor dl.card-src dd:last-child:hover {
    background-color: transparent; }
  .bot-editor dl.card-src dd input[type=text] {
    background: white !important;
    box-shadow: none;
    min-width: 240px;
    border: 1px solid #DBE0E7; }
  .bot-editor dl.card-src dd input[type=text]:focus {
    border: 1px solid #2C3660;
    color: #2C3660 !important; }
  .bot-editor dl.card-src dd input[type=text]::selection, .bot-editor dl.card-src dd textarea::selection {
    background: #3B66FF;
    color: white; }
  .bot-editor dl.card-src dd .ui-input:focus, .bot-editor dl.card-src dd input:focus[type=text], .bot-editor dl.card-src dd input:focus[type=password], .bot-editor dl.card-src dd input:focus[type=autocomplete], .bot-editor dl.card-src dd input:focus[type=email], .bot-editor dl.card-src dd input:focus[type=tel], .bot-editor dl.card-src dd input:focus[type=url], .bot-editor dl.card-src dd input:focus[type=search], .bot-editor dl.card-src dd input:focus[type=range], .bot-editor dl.card-src dd input:focus[type=number], .bot-editor dl.card-src dd textarea:focus {
    color: #2C3660 !important;
    border-color: #2C3660 !important; }
  .bot-editor dl.card-src dd b {
    padding-right: 8px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    position: relative;
    display: block;
    margin-top: 6px;
    margin-left: 2px;
    color: #565E80; }
  .bot-editor dl.card-src dd.on b {
    background-color: #565E80;
    color: white; }
  .bot-editor dl.card-src dd p.src-api {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    border: 1px solid #DBE0E7;
    border-radius: 4px;
    width: 310px; }
    .bot-editor dl.card-src dd p.src-api button.ui-menu {
      margin-left: 0;
      margin-top: 3px;
      border-right: 1px solid #DBE0E7;
      border-radius: 0; }
    .bot-editor dl.card-src dd p.src-api button.ui-menu:hover {
      background: transparent;
      color: #2C3660; }
    .bot-editor dl.card-src dd p.src-api input[type=text] {
      border: 0 !important;
      flex: 1; }
    .bot-editor dl.card-src dd p.src-api input[type=text]:focus {
      border: 0; }

.bot-editor .cells-frame {
  margin-top: 0; }
  .bot-editor .cells-frame .cells {
    justify-content: flex-start; }

.bot-editor button.add-new {
  display: block;
  background: transparent;
  color: #565E80;
  text-align: left;
  width: auto;
  border: 0; }

.bot-editor button.add-new:before {
  width: 16px;
  text-align: center; }

.bot-editor li.src-map ol.card.new {
  display: none; }

.bot-editor main.tab-bot .left-pane, .bot-editor main.tab-dict .left-pane, .bot-editor main.tab-css .left-pane {
  display: none; }

.bot-editor main.tab-bot .center-pane, .bot-editor main.tab-dict .center-pane, .bot-editor main.tab-css .center-pane {
  display: flex;
  flex-direction: column;
  height: calc( 100vh - 98px); }
  .bot-editor main.tab-bot .center-pane > footer, .bot-editor main.tab-dict .center-pane > footer, .bot-editor main.tab-css .center-pane > footer {
    height: 48px;
    text-align: center;
    justify-content: center; }

.bot-editor main.tab-bot form {
  padding-bottom: 0px;
  width: 680px; }
  .bot-editor main.tab-bot form ul {
    padding-bottom: 0; }
    .bot-editor main.tab-bot form ul li h4 {
      width: 220px; }

.bot-editor main.tab-bot .center-pane > section {
  flex: 1;
  width: 600px;
  margin-left: auto;
  margin-right: auto; }

.bot-editor main.tab-menu .center-pane .fbmenu-frame {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  height: 100%; }
  .bot-editor main.tab-menu .center-pane .fbmenu-frame p {
    color: #565E80;
    font-size: 0.8rem; }

.bot-editor main.tab-menu .center-pane .pop-inline, .bot-editor main.tab-menu .center-pane .subpop-inline {
  width: 320px; }
  .bot-editor main.tab-menu .center-pane .pop-inline > form, .bot-editor main.tab-menu .center-pane .subpop-inline > form {
    width: 320px;
    min-width: 320px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form .ui-dropdown, .bot-editor main.tab-menu .center-pane .subpop-inline > form .ui-dropdown {
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form input[type=url], .bot-editor main.tab-menu .center-pane .pop-inline > form input[type=text], .bot-editor main.tab-menu .center-pane .subpop-inline > form input[type=url], .bot-editor main.tab-menu .center-pane .subpop-inline > form input[type=text] {
      min-width: 300px;
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form .form-item-autocomplete, .bot-editor main.tab-menu .center-pane .subpop-inline > form .form-item-autocomplete {
      min-width: 300px;
      max-width: 300px; }
    .bot-editor main.tab-menu .center-pane .pop-inline > form footer, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer {
      background-color: #565E80;
      border-top-color: rgba(255, 255, 255, 0.1);
      margin-top: 0px; }
      .bot-editor main.tab-menu .center-pane .pop-inline > form footer button, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer button {
        color: #FFF; }
      .bot-editor main.tab-menu .center-pane .pop-inline > form footer.menu-form-footer, .bot-editor main.tab-menu .center-pane .subpop-inline > form footer.menu-form-footer {
        background-color: transparent; }

.bot-editor main.tab-menu .left-pane li {
  font-size: 11px; }

.bot-editor main.tab-dict header {
  background: white;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  height: 48px;
  line-height: 48px;
  border-bottom: 0px;
  border-radius: 2px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }

.bot-editor main.tab-dict .center-pane {
  background: #F6F8FB; }
  .bot-editor main.tab-dict .center-pane > section {
    flex: 1;
    overflow-y: scroll; }
  .bot-editor main.tab-dict .center-pane .pop-inline, .bot-editor main.tab-dict .center-pane .subpop-inline {
    transform: translateX(28px) translateY(54px); }
  .bot-editor main.tab-dict .center-pane .pop-inline.fullscreen, .bot-editor main.tab-dict .center-pane section.pop-inline.dict-editor, .bot-editor main.tab-dict .center-pane .subpop-inline.fullscreen, .bot-editor main.tab-dict .center-pane section.subpop-inline.dict-editor {
    transform: none; }
  .bot-editor main.tab-dict .center-pane tr {
    padding-left: 0; }
  .bot-editor main.tab-dict .center-pane tr th:first-child {
    border-left: 12px solid #FFF; }
  .bot-editor main.tab-dict .center-pane tr.row-global_error td:first-child {
    border-left: 12px solid #EB526C; }
  .bot-editor main.tab-dict .center-pane tr.row-match td:first-child {
    border-left: 12px solid #DBE0E7; }
  .bot-editor main.tab-dict .center-pane tr.row-regexp td:first-child {
    border-left: 12px solid #565E80; }
  .bot-editor main.tab-dict .center-pane footer {
    text-align: center;
    flex-shrink: 0; }

.bot-editor main.tab-css .center-pane {
  display: flex;
  flex-direction: column; }
  .bot-editor main.tab-css .center-pane > section {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
    display: flex;
    flex-direction: column; }
    .bot-editor main.tab-css .center-pane > section .webstyles {
      height: 210px; }
      .bot-editor main.tab-css .center-pane > section .webstyles h2 {
        font-size: 1.0rem;
        height: 40px;
        line-height: 40px; }
      .bot-editor main.tab-css .center-pane > section .webstyles dl {
        display: flex;
        width: 720px;
        height: 160px; }
      .bot-editor main.tab-css .center-pane > section .webstyles dd {
        width: 240px;
        height: 170px;
        background-size: 200px auto;
        background-position: center 10px;
        cursor: pointer;
        padding-top: 140px; }
      .bot-editor main.tab-css .center-pane > section .webstyles dd.bonp {
        background-image: url("/images/webstyle_bonp.svg"); }
      .bot-editor main.tab-css .center-pane > section .webstyles dd.widget {
        background-image: url("/images/webstyle_widget.svg"); }
      .bot-editor main.tab-css .center-pane > section .webstyles dd.chat {
        background-image: url("/images/webstyle_chat.svg"); }
      .bot-editor main.tab-css .center-pane > section .webstyles dd.on {
        background-color: #EBF0FF; }
    .bot-editor main.tab-css .center-pane > section textarea {
      flex: 1; }
  .bot-editor main.tab-css .center-pane footer {
    text-align: center; }

.bot-editor ul.qas {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap; }
  .bot-editor ul.qas > li {
    width: auto;
    min-width: auto;
    border: 1px solid #DBE0E7;
    height: 28px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #DBE0E7;
    border-radius: 4px; }
    .bot-editor ul.qas > li.icon:before, .bot-editor .p3-layout .menu-pane ul.qas > li:before, .p3-layout .menu-pane .bot-editor ul.qas > li:before, .bot-editor .ui-indicator ul.qas > li#indicator:before, .ui-indicator .bot-editor ul.qas > li#indicator:before {
      line-height: inherit !important; }
    .bot-editor ul.qas > li.unknown {
      background-color: #EB526C; }
      .bot-editor ul.qas > li.unknown span {
        color: #FFF; }
      .bot-editor ul.qas > li.unknown:before {
        color: #FFF; }
    .bot-editor ul.qas > li > div:first-child {
      border: 0;
      padding-left: 2px;
      line-height: inherit;
      height: inherit;
      background-color: transparent;
      display: block; }

.bot-editor.platform-line.navi-flow .canv {
  background-color: #6F93C4; }

.bot-editor.platform-line.navi-flow .nodes {
  background-color: #6F93C4;
  min-height: calc( 100vh - 98px); }
  .bot-editor.platform-line.navi-flow .nodes ol.card {
    border: 1px solid #6185BD !important; }
    .bot-editor.platform-line.navi-flow .nodes ol.card li.items {
      color: #080C1A; }
    .bot-editor.platform-line.navi-flow .nodes ol.card li.item {
      color: #5B79A8; }
      .bot-editor.platform-line.navi-flow .nodes ol.card li.item i.icon:before, .bot-editor.platform-line.navi-flow .nodes ol.card li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-line.navi-flow .nodes ol.card li.item i#indicator:before {
        color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes ol.card.text-card {
    background-color: transparent !important;
    border: 0 !important; }
    .bot-editor.platform-line.navi-flow .nodes ol.card.text-card textarea.msg {
      border: 1px solid #6185BD !important;
      background-color: #8DCF5F !important;
      color: #080C1A !important; }
  .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text textarea.msg {
    border: 0px solid #6185BD !important;
    background-color: #8DCF5F !important;
    color: #080C1A !important; }
  .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text li.item {
    color: #5B79A8; }
    .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text li.item i.icon:before, .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text li.item i#indicator:before {
      color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes ol.card.rt-text li.item.new {
    color: #DBE0E7;
    background-color: white; }
  .bot-editor.platform-line.navi-flow .nodes ol.card.new:hover {
    background-color: #FFF !important;
    border-color: #5B79A8 !important;
    color: #5B79A8 !important; }
  .bot-editor.platform-line.navi-flow .nodes div.edit-panel dl.card-src dd b {
    color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes div.edit-panel dl.card-src dd.on b {
    color: white;
    background-color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes .react-btns label {
    background-color: #F7F7F7;
    color: #6185BD;
    border-color: #6185BD;
    border-radius: 0; }
  .bot-editor.platform-line.navi-flow .nodes .react-btns label.new {
    color: white;
    background-color: #080C1A;
    border-radius: 8px; }
  .bot-editor.platform-line.navi-flow .nodes .react-ipts span.tg {
    background-color: #F7F7F7;
    color: #080C1A;
    border-color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes div span.new {
    background-color: #080C1A;
    border-color: transparent; }
  .bot-editor.platform-line.navi-flow .nodes .title-line h4 {
    background-color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes .title-line input[type=text] {
    background-color: transparent;
    color: #FFF; }
  .bot-editor.platform-line.navi-flow .nodes .title-line input[type=text]:focus {
    color: #FFF !important; }
  .bot-editor.platform-line.navi-flow .nodes button.add-new.icon, .bot-editor.platform-line.navi-flow .nodes .ui-indicator button.add-new#indicator:before, .ui-indicator .bot-editor.platform-line.navi-flow .nodes button.add-new#indicator:before {
    color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes dd.icon.trash:before, .bot-editor.platform-line.navi-flow .nodes .simulator > header dl dd.trash:before, .simulator > header dl .bot-editor.platform-line.navi-flow .nodes dd.trash:before, .bot-editor.platform-line.navi-flow .nodes .ui-indicator dd.trash#indicator:before, .ui-indicator .bot-editor.platform-line.navi-flow .nodes dd.trash#indicator:before {
    color: #080C1A; }
  .bot-editor.platform-line.navi-flow .nodes span i.icon:before, .bot-editor.platform-line.navi-flow .nodes span .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-line.navi-flow .nodes span i#indicator:before {
    color: #080C1A !important; }
  .bot-editor.platform-line.navi-flow .nodes .next-act-btn label:after {
    border-color: #6F93C4;
    border-left-color: #2C3660; }

.bot-editor.platform-tw.navi-flow .canv {
  background-color: #AAB8C2; }

.bot-editor.platform-tw.navi-flow .nodes {
  background-color: #AAB8C2;
  min-height: calc( 100vh - 98px); }
  .bot-editor.platform-tw.navi-flow .nodes ol.card {
    border: 1px solid #1DA1F2 !important; }
    .bot-editor.platform-tw.navi-flow .nodes ol.card li.items {
      color: #FFF; }
    .bot-editor.platform-tw.navi-flow .nodes ol.card li.item {
      color: #1DA1F2; }
      .bot-editor.platform-tw.navi-flow .nodes ol.card li.item i.icon:before, .bot-editor.platform-tw.navi-flow .nodes ol.card li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-tw.navi-flow .nodes ol.card li.item i#indicator:before {
        color: #080C1A; }
  .bot-editor.platform-tw.navi-flow .nodes ol.card.text-card {
    background-color: transparent !important;
    border: 0 !important; }
    .bot-editor.platform-tw.navi-flow .nodes ol.card.text-card textarea.msg {
      border: 1px solid #1DA1F2 !important;
      background-color: #1DA1F2 !important;
      color: #FFF !important; }
  .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text textarea.msg {
    border: 0px solid #1DA1F2 !important;
    background-color: #1DA1F2 !important;
    color: #FFF  !important; }
  .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text li.item {
    color: #5B79A8; }
    .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text li.item i.icon:before, .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text li.item i#indicator:before {
      color: #080C1A; }
  .bot-editor.platform-tw.navi-flow .nodes ol.card.rt-text li.item.new {
    color: #DBE0E7; }
  .bot-editor.platform-tw.navi-flow .nodes ol.card.new:hover {
    background-color: #FFF !important;
    border-color: #5B79A8 !important;
    color: #5B79A8 !important; }
  .bot-editor.platform-tw.navi-flow .nodes div.edit-panel dl.card-src dd b {
    color: #080C1A; }
  .bot-editor.platform-tw.navi-flow .nodes div.edit-panel dl.card-src dd.on b {
    color: white;
    background-color: #657786; }
  .bot-editor.platform-tw.navi-flow .nodes .react-btns label {
    background-color: #F7F7F7;
    color: #14171A;
    border-color: #AAB8C2;
    border-radius: 0; }
  .bot-editor.platform-tw.navi-flow .nodes .react-btns label.new {
    color: #AAB8C2;
    background-color: #FFF;
    border-radius: 8px; }
  .bot-editor.platform-tw.navi-flow .nodes .react-ipts span.tg {
    background-color: #657786;
    color: #FFF;
    border-color: #657786; }
  .bot-editor.platform-tw.navi-flow .nodes div span.new {
    background-color: #657786;
    border-color: transparent; }
  .bot-editor.platform-tw.navi-flow .nodes .title-line h4 {
    background-color: #14171A; }
  .bot-editor.platform-tw.navi-flow .nodes .title-line input[type=text] {
    background-color: transparent;
    color: #14171A; }
  .bot-editor.platform-tw.navi-flow .nodes .title-line input[type=text]:focus {
    color: #FFF !important; }
  .bot-editor.platform-tw.navi-flow .nodes button.add-new.icon, .bot-editor.platform-tw.navi-flow .nodes .ui-indicator button.add-new#indicator:before, .ui-indicator .bot-editor.platform-tw.navi-flow .nodes button.add-new#indicator:before {
    color: #14171A; }
  .bot-editor.platform-tw.navi-flow .nodes dd.icon.trash:before, .bot-editor.platform-tw.navi-flow .nodes .simulator > header dl dd.trash:before, .simulator > header dl .bot-editor.platform-tw.navi-flow .nodes dd.trash:before, .bot-editor.platform-tw.navi-flow .nodes .ui-indicator dd.trash#indicator:before, .ui-indicator .bot-editor.platform-tw.navi-flow .nodes dd.trash#indicator:before {
    color: #080C1A; }
  .bot-editor.platform-tw.navi-flow .nodes span i.icon:before, .bot-editor.platform-tw.navi-flow .nodes span .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-tw.navi-flow .nodes span i#indicator:before {
    color: #080C1A !important; }
  .bot-editor.platform-tw.navi-flow .nodes .next-act-btn label:after {
    border-color: #6F93C4;
    border-left-color: #2C3660; }

.bot-editor.platform-web.navi-flow .center-pane.canv {
  background-color: #565E80;
  box-shadow: inset 0 0 2px 2px #DBE0E7; }

.bot-editor.platform-web.navi-flow main:before {
  background-image: url(/api/service/bg/);
  background-size: cover;
  content: "";
  position: fixed;
  z-index: 0;
  width: calc( 100vw - 460px);
  height: calc( 100vh - 98px);
  top: 98px;
  left: 460px; }

.bot-editor.platform-web.navi-flow ul.nodes {
  background-color: transparent;
  min-height: calc( 100vh - 98px);
  padding-top: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes > li {
    height: calc( 100vh - 98px);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    margin-left: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes > li .title-line {
      margin-left: 20px; }
      .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd {
        opacity: 1; }
      .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.icon.brush, .bot-editor.platform-web.navi-flow ul.nodes > li .title-line .simulator > header dl dd.brush, .simulator > header dl .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.brush, .bot-editor.platform-web.navi-flow ul.nodes > li .title-line .ui-indicator dd.brush#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes > li .title-line dd.brush#indicator:before {
        display: block; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card li.items {
    color: #080C1A;
    background-color: white; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card.text-card, .bot-editor.platform-web.navi-flow ul.nodes button.add-new {
    display: none; }
  .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text {
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    background-color: transparent !important; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text textarea.msg {
      border: 0 !important;
      width: 640px;
      margin-left: auto;
      margin-right: auto;
      background-color: transparent !important;
      color: #FFF;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text li.text {
      background: transparent !important;
      width: inherit;
      text-align: center;
      margin-top: 10%;
      margin-bottom: 10%; }
    .bot-editor.platform-web.navi-flow ul.nodes ol.card.rt-text li.item {
      display: none !important; }
  .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important; }
    .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns label {
      font-size: 1.0rem;
      height: 32px;
      line-height: 30px;
      border-radius: 16px;
      border-width: 2px;
      max-width: auto !important;
      white-space: nowrap; }
    .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns label.btns {
      border-color: #FFF;
      color: #FFF;
      max-width: auto !important; }
    .bot-editor.platform-web.navi-flow ul.nodes > li > div.react-btns label.new {
      border-color: #99eeff;
      color: #99eeff;
      max-width: auto !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src dd, .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src b {
    color: #FFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src .on b {
    background-color: #FFB13B; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src button.ui-menu {
    color: #FFF;
    margin-right: 0;
    border-right: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src button.ui-menu:after {
      color: #FFF; }
  .bot-editor.platform-web.navi-flow ul.nodes .edit-panel .card-src input[type=text] {
    border-radius: 0;
    border: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes .cells-frame {
    text-align: center;
    justify-content: center;
    display: flex;
    padding-right: 0;
    margin-right: 0; }
  .bot-editor.platform-web.navi-flow ul.nodes div.cells {
    display: flex;
    justify-content: center; }
  .bot-editor.platform-web.navi-flow ul.nodes .src-map ol.card {
    margin-left: auto;
    margin-right: auto; }
  .bot-editor.platform-web.navi-flow ul.nodes li.item i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes li.item .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes li.item i#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes label i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes label .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes label i#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes span i.icon:before, .bot-editor.platform-web.navi-flow ul.nodes span .ui-indicator i#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes span i#indicator:before {
    color: #FFB13B !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .title-line h4 {
    background-color: #080C1A; }
  .bot-editor.platform-web.navi-flow ul.nodes .title-line input[type=text] {
    background-color: transparent;
    color: #FFF; }
  .bot-editor.platform-web.navi-flow ul.nodes .title-line input[type=text]:focus {
    color: #FFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd.icon:before, .bot-editor.platform-web.navi-flow ul.nodes _ .title-line .simulator > header dl dd:before, .simulator > header dl .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd:before, .bot-editor.platform-web.navi-flow ul.nodes _ .title-line .ui-indicator dd#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes _ .title-line dd#indicator:before, .bot-editor.platform-web.navi-flow ul.nodes dd.icon:before, .bot-editor.platform-web.navi-flow ul.nodes .simulator > header dl dd:before, .simulator > header dl .bot-editor.platform-web.navi-flow ul.nodes dd:before, .bot-editor.platform-web.navi-flow ul.nodes .ui-indicator dd#indicator:before, .ui-indicator .bot-editor.platform-web.navi-flow ul.nodes dd#indicator:before {
    color: #FFF !important; }
  .bot-editor.platform-web.navi-flow ul.nodes .react-ipts {
    text-align: center;
    width: 100%;
    margin-right: 0; }
    .bot-editor.platform-web.navi-flow ul.nodes .react-ipts span.tg {
      background-color: #2C3660;
      color: #FFF;
      border-color: #2C3660;
      box-shadow: 0 0 2px 1px #333; }
  .bot-editor.platform-web.navi-flow ul.nodes .react-ipts-new {
    position: absolute;
    height: 48px;
    width: 100%;
    bottom: 10px;
    z-index: 1;
    text-align: center; }
    .bot-editor.platform-web.navi-flow ul.nodes .react-ipts-new span.new {
      background-color: rgba(255, 255, 255, 0.3);
      border: 2px solid #FFF;
      width: 420px;
      height: 40px;
      line-height: 38px;
      border-radius: 20px;
      text-align: center;
      color: #FFF;
      min-height: 40px;
      display: block;
      font-size: 0.9rem;
      padding: 0;
      margin: auto;
      transform: translatX(-60px); }
  .bot-editor.platform-web.navi-flow ul.nodes .react-fhs-new {
    position: absolute;
    height: 48px;
    width: 140px;
    bottom: 10px;
    z-index: 2;
    text-align: center;
    left: calc(50vw - 230px + 220px); }
    .bot-editor.platform-web.navi-flow ul.nodes .react-fhs-new span.new {
      background-color: transparent;
      border: 0;
      width: 140px;
      height: 40px;
      line-height: 40px;
      text-align: left;
      color: #FFF;
      min-height: 40px;
      display: block;
      font-size: 0.9rem;
      padding: 0;
      margin: auto; }
  .bot-editor.platform-web.navi-flow ul.nodes .next-act-btn {
    display: none; }

section.pop-inline {
  background-color: rgba(44, 54, 96, 0.9); }

section.pop-inline,
section.subpop-inline {
  min-width: 400px;
  margin: 0;
  position: absolute;
  box-sizing: content-box;
  z-index: 100;
  border-radius: 10px; }
  section.pop-inline form,
  section.subpop-inline form {
    position: relative;
    border-radius: 10px;
    padding-bottom: 0px;
    padding-top: 8px;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: content-box;
    min-width: 400px; }
    section.pop-inline form ul,
    section.subpop-inline form ul {
      padding: 0; }
    section.pop-inline form ul, section.pop-inline form li,
    section.subpop-inline form ul,
    section.subpop-inline form li {
      min-width: 400px; }
    section.pop-inline form li h2,
    section.subpop-inline form li h2 {
      color: white;
      line-height: 36px;
      text-align: center; }
    section.pop-inline form li h4,
    section.subpop-inline form li h4 {
      color: white;
      display: none; }
    section.pop-inline form.edit-all li.form-item-msg,
    section.subpop-inline form.edit-all li.form-item-msg {
      margin-top: 3px; }
    section.pop-inline form li.label-items,
    section.subpop-inline form li.label-items {
      padding-bottom: 10px;
      box-sizing: content-box; }
    section.pop-inline form li.label-items input[type=text],
    section.subpop-inline form li.label-items input[type=text] {
      border-radius: 4px; }
    section.pop-inline form li.label-btns input[type=text],
    section.subpop-inline form li.label-btns input[type=text] {
      border-radius: 16px;
      padding-left: 32px; }
    section.pop-inline form li.buttons,
    section.subpop-inline form li.buttons {
      display: flex;
      flex-direction: row;
      margin: 0;
      justify-content: flex-start;
      height: 32px;
      line-height: 32px; }
      section.pop-inline form li.buttons > div,
      section.subpop-inline form li.buttons > div {
        flex-direction: row;
        height: 40px;
        min-height: 40px; }
      section.pop-inline form li.buttons span,
      section.subpop-inline form li.buttons span {
        padding: 0;
        margin: 6px 2px 6px 2px;
        color: #FFF;
        white-space: nowrap;
        position: relative;
        cursor: pointer;
        height: 24px;
        line-height: 24px;
        padding-right: 8px; }
      section.pop-inline form li.buttons span.on, section.pop-inline form li.buttons span:hover,
      section.subpop-inline form li.buttons span.on,
      section.subpop-inline form li.buttons span:hover {
        background: #2C3660;
        color: #FFF;
        border-radius: 12px; }
    section.pop-inline form li.dots,
    section.subpop-inline form li.dots {
      height: 28px;
      line-height: 28px;
      min-height: 28px; }
      section.pop-inline form li.dots div,
      section.subpop-inline form li.dots div {
        width: 100%;
        height: 100%;
        background-image: url(/images/ico_dots.svg);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: auto 8px;
        opacity: 0.6; }
        section.pop-inline form li.dots div:hover,
        section.subpop-inline form li.dots div:hover {
          transform: scale(1.1, 1.1);
          opacity: 1;
          transition-duration: 0.2s; }
    section.pop-inline form li.exps:last-child,
    section.subpop-inline form li.exps:last-child {
      display: flex;
      flex-direction: column;
      padding-left: 180px;
      padding-right: 72px; }
      section.pop-inline form li.exps:last-child > button,
      section.subpop-inline form li.exps:last-child > button {
        background-color: transparent;
        text-decoration: underline;
        font-weight: bold;
        color: #3B66FF;
        text-align: left;
        padding-left: 0;
        border: 0;
        margin-top: 0;
        margin-bottom: 8px; }
        section.pop-inline form li.exps:last-child > button:after,
        section.subpop-inline form li.exps:last-child > button:after {
          content: " >>";
          font-weight: bold;
          font-size: 12px;
          font-family: 'Meiryo'; }
    section.pop-inline form span.colors,
    section.subpop-inline form span.colors {
      width: 16px;
      height: 16px;
      border-radius: 8px;
      z-index: 1000;
      position: absolute;
      left: 8px;
      top: 18px;
      background-color: #28C69F;
      background-size: cover; }
    section.pop-inline form div .form-item-autocomplete.on,
    section.subpop-inline form div .form-item-autocomplete.on {
      border-color: #3B66FF; }
    section.pop-inline form div.ext,
    section.subpop-inline form div.ext {
      display: flex;
      flex-direction: row; }
      section.pop-inline form div.ext h5,
      section.subpop-inline form div.ext h5 {
        margin-left: 180px; }
      section.pop-inline form div.ext h5, section.pop-inline form div.ext b,
      section.subpop-inline form div.ext h5,
      section.subpop-inline form div.ext b {
        color: #F6F8FB !important; }
      section.pop-inline form div.ext > .space,
      section.subpop-inline form div.ext > .space {
        flex: 1; }
    section.pop-inline form div.form-type-radio label,
    section.subpop-inline form div.form-type-radio label {
      color: white; }
    section.pop-inline form div.form-type-radio label.on,
    section.subpop-inline form div.form-type-radio label.on {
      background-color: #28C69F; }
    section.pop-inline form div.form-type-radio label:hover,
    section.subpop-inline form div.form-type-radio label:hover {
      background-color: #2C3660; }
    section.pop-inline form dd div.ui-dropdown,
    section.subpop-inline form dd div.ui-dropdown {
      min-width: 100px; }
    section.pop-inline form dd.space,
    section.subpop-inline form dd.space {
      min-width: 4px; }
    section.pop-inline form dd div .form-item-autocomplete,
    section.subpop-inline form dd div .form-item-autocomplete {
      min-height: 32px;
      box-sizing: border-box;
      padding: 0;
      width: 280px;
      border-radius: 6px;
      background-color: white;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      section.pop-inline form dd div .form-item-autocomplete.on,
      section.subpop-inline form dd div .form-item-autocomplete.on {
        border-color: #FFB13B; }
      section.pop-inline form dd div .form-item-autocomplete span[v],
      section.subpop-inline form dd div .form-item-autocomplete span[v] {
        margin-top: 2px; }
    section.pop-inline form dd div > input[type=text],
    section.subpop-inline form dd div > input[type=text] {
      height: 32px;
      line-height: 32px;
      box-sizing: border-box;
      max-width: 295px;
      margin-top: 0;
      margin-bottom: 0; }
    section.pop-inline form dd div p,
    section.subpop-inline form dd div p {
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.7); }
    section.pop-inline form dd .form-item-range,
    section.subpop-inline form dd .form-item-range {
      display: flex;
      flex-direction: row;
      max-width: 295px; }
      section.pop-inline form dd .form-item-range > span,
      section.subpop-inline form dd .form-item-range > span {
        color: #FFF; }
      section.pop-inline form dd .form-item-range input,
      section.subpop-inline form dd .form-item-range input {
        width: 130px;
        min-width: 100px; }
      section.pop-inline form dd .form-item-range span + span,
      section.subpop-inline form dd .form-item-range span + span {
        margin-right: 10px; }
    section.pop-inline form dl.ukeys,
    section.subpop-inline form dl.ukeys {
      width: 100% !important;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      section.pop-inline form dl.ukeys dd,
      section.subpop-inline form dl.ukeys dd {
        min-width: 150px; }
        section.pop-inline form dl.ukeys dd input[name=ukey],
        section.subpop-inline form dl.ukeys dd input[name=ukey] {
          width: 240px;
          min-width: 240px; }
        section.pop-inline form dl.ukeys dd input[name=uval],
        section.subpop-inline form dl.ukeys dd input[name=uval] {
          width: 150px;
          min-width: 150px; }
      section.pop-inline form dl.ukeys dd.space,
      section.subpop-inline form dl.ukeys dd.space {
        width: 10px;
        min-width: 10px; }
    section.pop-inline form footer.exps,
    section.subpop-inline form footer.exps {
      margin-top: 0px; }
    section.pop-inline form > i.icon.trash, section.pop-inline .ui-indicator form > i.trash#indicator:before, .ui-indicator section.pop-inline form > i.trash#indicator:before,
    section.subpop-inline form > i.icon.trash,
    section.subpop-inline .ui-indicator form > i.trash#indicator:before,
    .ui-indicator section.subpop-inline form > i.trash#indicator:before {
      position: absolute !important;
      display: block;
      width: 20px;
      width: 20px;
      top: 24px;
      right: 16px;
      color: #FFF; }
    section.pop-inline form footer,
    section.subpop-inline form footer {
      padding-left: 0;
      padding-right: 0;
      background-color: transparent;
      justify-content: flex-end; }
      section.pop-inline form footer button,
      section.subpop-inline form footer button {
        color: white; }
      section.pop-inline form footer.next-time,
      section.subpop-inline form footer.next-time {
        width: 100%;
        justify-content: flex-start; }
    section.pop-inline form h2.global_error,
    section.subpop-inline form h2.global_error {
      text-align: center;
      color: #FFF;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      width: inherit;
      line-height: 28px;
      height: 32px;
      padding-bottom: 0; }
    section.pop-inline form li.from-user,
    section.subpop-inline form li.from-user {
      margin-bottom: 10px; }
      section.pop-inline form li.from-user dl,
      section.subpop-inline form li.from-user dl {
        display: flex;
        flex-direction: column !important;
        padding-left: 58px;
        position: relative; }
        section.pop-inline form li.from-user dl:before,
        section.subpop-inline form li.from-user dl:before {
          width: 48px;
          height: 48px;
          position: absolute;
          left: 0px;
          top: 4px;
          background-image: url(/images/thumb_user.svg);
          border-radius: 24px;
          background-size: 100% auto; }
        section.pop-inline form li.from-user dl .clear-bg .ui-dropdown,
        section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown {
          background-color: transparent !important;
          color: #FFF; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown label,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown label {
            color: #FFF; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown.on:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown.on:after {
            background-color: transparent !important;
            color: #FFF !important; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:hover label,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:hover label {
            text-shadow: 0 0 4px 2px #000; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:after {
            background-color: transparent !important;
            color: #FFF !important; }
          section.pop-inline form li.from-user dl .clear-bg .ui-dropdown:hover:after,
          section.subpop-inline form li.from-user dl .clear-bg .ui-dropdown:hover:after {
            color: #FFB13B !important;
            transition-duration: 0.2s; }
        section.pop-inline form li.from-user dl .form-item-autocomplete,
        section.subpop-inline form li.from-user dl .form-item-autocomplete {
          border-radius: 16px;
          border-top-left-radius: 0;
          line-height: 32px; }
          section.pop-inline form li.from-user dl .form-item-autocomplete input[type=text]::selection,
          section.subpop-inline form li.from-user dl .form-item-autocomplete input[type=text]::selection {
            background: #2C3660 !important;
            color: #FFF; }
    section.pop-inline form li.days label,
    section.subpop-inline form li.days label {
      background-color: rgba(255, 255, 255, 0.7);
      color: #2C3660;
      width: 36px;
      border-radius: 18px;
      padding-left: 0 !important;
      padding-right: 0;
      position: relative;
      text-align: center !important;
      min-width: 36px;
      margin-right: 18px;
      margin-bottom: 4px;
      cursor: pointer; }
      section.pop-inline form li.days label.on,
      section.subpop-inline form li.days label.on {
        background-color: #839BFB;
        color: #FFF; }
      section.pop-inline form li.days label:hover,
      section.subpop-inline form li.days label:hover {
        background-color: #EBF0FF;
        color: #2C3660; }
      section.pop-inline form li.days label input[type=checkbox],
      section.subpop-inline form li.days label input[type=checkbox] {
        opacity: 0;
        position: absolute; }
    section.pop-inline form li.date .form-item-datetime span,
    section.subpop-inline form li.date .form-item-datetime span {
      color: #FFF; }
    section.pop-inline form li.type-kpi dd > label,
    section.subpop-inline form li.type-kpi dd > label {
      height: 36px;
      line-height: 36px;
      color: #FFF; }
    section.pop-inline form li.type-kpi input[type=number],
    section.subpop-inline form li.type-kpi input[type=number] {
      width: 60px;
      max-width: 60px;
      min-width: 60px; }
    section.pop-inline form li.form-item-time_type div.form-type-radio,
    section.subpop-inline form li.form-item-time_type div.form-type-radio {
      display: flex;
      flex-direction: row; }
    section.pop-inline form li.error cite,
    section.subpop-inline form li.error cite {
      display: none; }
    section.pop-inline form li.error after,
    section.subpop-inline form li.error after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #EB526C;
      opacity: 0.5;
      z-index: 1; }
    section.pop-inline form nav.next-act-btn,
    section.subpop-inline form nav.next-act-btn {
      margin-top: 8px; }
      section.pop-inline form nav.next-act-btn label,
      section.subpop-inline form nav.next-act-btn label {
        color: #FFF;
        padding-left: 8px;
        padding-right: 24px;
        font-size: 0.8rem;
        cursor: pointer;
        border-radius: 4px;
        position: relative; }
      section.pop-inline form nav.next-act-btn label:hover,
      section.subpop-inline form nav.next-act-btn label:hover {
        color: #FFB13B; }
      section.pop-inline form nav.next-act-btn u,
      section.subpop-inline form nav.next-act-btn u {
        padding-right: 10px;
        cursor: pointer;
        position: relative;
        color: #FFF; }
      section.pop-inline form nav.next-act-btn b, section.pop-inline form nav.next-act-btn i,
      section.subpop-inline form nav.next-act-btn b,
      section.subpop-inline form nav.next-act-btn i {
        color: #FFF; }
      section.pop-inline form nav.next-act-btn u.act-name,
      section.subpop-inline form nav.next-act-btn u.act-name {
        padding-right: 40px;
        padding-left: 10px; }
        section.pop-inline form nav.next-act-btn u.act-name i.icon.signout, section.pop-inline form nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.act-name i.signout#indicator:before, section.pop-inline form nav.next-act-btn u.act-name i.icon.link, section.pop-inline form nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.act-name i.link#indicator:before,
        section.subpop-inline form nav.next-act-btn u.act-name i.icon.signout,
        section.subpop-inline form nav.next-act-btn u.act-name .ui-indicator i.signout#indicator:before,
        .ui-indicator section.subpop-inline form nav.next-act-btn u.act-name i.signout#indicator:before,
        section.subpop-inline form nav.next-act-btn u.act-name i.icon.link,
        section.subpop-inline form nav.next-act-btn u.act-name .ui-indicator i.link#indicator:before,
        .ui-indicator section.subpop-inline form nav.next-act-btn u.act-name i.link#indicator:before {
          display: absolute;
          right: 0px;
          top: 2px;
          width: 16px;
          height: 16px; }
      section.pop-inline form nav.next-act-btn u:hover,
      section.subpop-inline form nav.next-act-btn u:hover {
        text-decoration-color: #FFF; }
      section.pop-inline form nav.next-act-btn u.icon.clock, section.pop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.clock#indicator:before,
      section.subpop-inline form nav.next-act-btn u.icon.clock,
      section.subpop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before,
      .ui-indicator section.subpop-inline form nav.next-act-btn u.clock#indicator:before {
        margin-left: 10px !important; }
      section.pop-inline form nav.next-act-btn u.icon.clock:before, section.pop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before, .ui-indicator section.pop-inline form nav.next-act-btn u.clock#indicator:before,
      section.subpop-inline form nav.next-act-btn u.icon.clock:before,
      section.subpop-inline form nav.next-act-btn .ui-indicator u.clock#indicator:before,
      .ui-indicator section.subpop-inline form nav.next-act-btn u.clock#indicator:before {
        line-height: 20px !important; }
  section.pop-inline div.loading,
  section.subpop-inline div.loading {
    width: inherit;
    display: block;
    height: 80px;
    line-height: 80px;
    position: relative;
    text-align: center; }
  section.pop-inline div.loading b.fa-circle-o-notch,
  section.subpop-inline div.loading b.fa-circle-o-notch {
    position: absolute;
    left: 0;
    top: 8px;
    color: #FFF;
    left: 50%;
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    min-height: 40px;
    min-width: 40px;
    text-align: center;
    margin-left: -20px !important;
    animation: fa-spin 1s infinite linear; }
  section.pop-inline div b.fa-circle-o-notch:before,
  section.subpop-inline div b.fa-circle-o-notch:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 2.2rem; }
  section.pop-inline div.loading h6,
  section.subpop-inline div.loading h6 {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center !important;
    color: #FFF !important;
    top: 50px;
    font-size: 0.9rem;
    content: 'Loading ･･･';
    margin-bottom: 20px; }
  section.pop-inline > dl,
  section.subpop-inline > dl {
    position: absolute;
    right: -30px;
    top: 10px;
    width: 60px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    section.pop-inline > dl dd,
    section.subpop-inline > dl dd {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 10px;
      color: white;
      background-color: #2C3660;
      cursor: pointer; }
      section.pop-inline > dl dd.expand:before,
      section.subpop-inline > dl dd.expand:before {
        content: "";
        width: 20px; }
      section.pop-inline > dl dd.close,
      section.subpop-inline > dl dd.close {
        background-color: #EB526C; }
      section.pop-inline > dl dd.close:before,
      section.subpop-inline > dl dd.close:before {
        content: "";
        width: 20px; }
  section.pop-inline .timesheet-btn,
  section.subpop-inline .timesheet-btn {
    background-color: transparent;
    border: 0px;
    border-color: white; }
  section.pop-inline .timesheet-btn:hover,
  section.subpop-inline .timesheet-btn:hover {
    background-color: #5A677C; }
  section.pop-inline .imageviewer-image,
  section.subpop-inline .imageviewer-image {
    display: none; }
  section.pop-inline .imageviewer-box,
  section.subpop-inline .imageviewer-box {
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center; }
    section.pop-inline .imageviewer-box ol.card,
    section.subpop-inline .imageviewer-box ol.card {
      border-radius: 0px;
      margin: 0px; }
    section.pop-inline .imageviewer-box .card,
    section.subpop-inline .imageviewer-box .card {
      border-radius: 0px; }
      section.pop-inline .imageviewer-box .card li.image,
      section.subpop-inline .imageviewer-box .card li.image {
        width: 100%;
        min-width: 100%; }
      section.pop-inline .imageviewer-box .card i.link.inputing,
      section.subpop-inline .imageviewer-box .card i.link.inputing {
        transform: none !important;
        width: 250px;
        background-color: rgba(47, 50, 58, 0.9);
        box-sizing: border-box;
        margin: 0; }
        section.pop-inline .imageviewer-box .card i.link.inputing:before,
        section.subpop-inline .imageviewer-box .card i.link.inputing:before {
          text-align: center !important;
          position: absolute;
          height: 36px;
          width: 36px;
          left: 0px; }
        section.pop-inline .imageviewer-box .card i.link.inputing input[type=text],
        section.subpop-inline .imageviewer-box .card i.link.inputing input[type=text] {
          display: block; }
      section.pop-inline .imageviewer-box .card input[type=text],
      section.subpop-inline .imageviewer-box .card input[type=text] {
        position: absolute;
        left: 32px;
        display: none;
        top: 4px;
        background: transparent !important;
        border: 0 !important;
        color: white !important;
        font-size: 0.8rem;
        margin: 0;
        width: 220px;
        height: 28px !important;
        line-height: 28px !important;
        min-width: 220px;
        padding-left: 8px !important;
        border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0; }
  section.pop-inline footer button:hover,
  section.subpop-inline footer button:hover {
    background-color: #565E80; }

section.pop-inline.fullscreen, section.pop-inline.dict-editor,
section.subpop-inline.fullscreen,
section.subpop-inline.dict-editor {
  background-color: rgba(44, 54, 96, 0.3);
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px; }
  section.pop-inline.fullscreen > form, section.pop-inline.dict-editor > form,
  section.subpop-inline.fullscreen > form,
  section.subpop-inline.dict-editor > form {
    width: auto;
    background-color: rgba(44, 54, 96, 0.9);
    border-radius: 0px;
    transition-duration: 0.4s;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); }
    section.pop-inline.fullscreen > form footer.exps, section.pop-inline.dict-editor > form footer.exps,
    section.subpop-inline.fullscreen > form footer.exps,
    section.subpop-inline.dict-editor > form footer.exps {
      padding-left: 0px; }
      section.pop-inline.fullscreen > form footer.exps button, section.pop-inline.dict-editor > form footer.exps button,
      section.subpop-inline.fullscreen > form footer.exps button,
      section.subpop-inline.dict-editor > form footer.exps button {
        color: #F6F8FB; }
    section.pop-inline.fullscreen > form h2, section.pop-inline.dict-editor > form h2,
    section.subpop-inline.fullscreen > form h2,
    section.subpop-inline.dict-editor > form h2 {
      color: #F6F8FB;
      text-align: left;
      border-bottom: 1px solid #DBE0E7;
      width: 100%;
      font-weight: bold; }
    section.pop-inline.fullscreen > form li > h4, section.pop-inline.dict-editor > form li > h4,
    section.subpop-inline.fullscreen > form li > h4,
    section.subpop-inline.dict-editor > form li > h4 {
      color: #F6F8FB;
      font-weight: bold;
      width: 180px;
      display: block; }
    section.pop-inline.fullscreen > form li.label-btns input[type=text], section.pop-inline.dict-editor > form li.label-btns input[type=text],
    section.subpop-inline.fullscreen > form li.label-btns input[type=text],
    section.subpop-inline.dict-editor > form li.label-btns input[type=text] {
      border-radius: 2px; }
    section.pop-inline.fullscreen > form li.buttons, section.pop-inline.dict-editor > form li.buttons,
    section.subpop-inline.fullscreen > form li.buttons,
    section.subpop-inline.dict-editor > form li.buttons {
      border-top: 0;
      height: 36px;
      line-height: 36px; }
      section.pop-inline.fullscreen > form li.buttons span, section.pop-inline.dict-editor > form li.buttons span,
      section.subpop-inline.fullscreen > form li.buttons span,
      section.subpop-inline.dict-editor > form li.buttons span {
        color: #B6B9C3; }
      section.pop-inline.fullscreen > form li.buttons span.icon, section.pop-inline.dict-editor > form li.buttons span.icon, section.pop-inline.fullscreen > form li.buttons header nav.breadcrumbs span:not(:last-child), header nav.breadcrumbs section.pop-inline.fullscreen > form li.buttons span:not(:last-child), section.pop-inline.dict-editor > form li.buttons header nav.breadcrumbs span:not(:last-child), header nav.breadcrumbs section.pop-inline.dict-editor > form li.buttons span:not(:last-child), section.pop-inline.fullscreen > form li.buttons .ui-indicator span#indicator:before, .ui-indicator section.pop-inline.fullscreen > form li.buttons span#indicator:before, section.pop-inline.dict-editor > form li.buttons .ui-indicator span#indicator:before, .ui-indicator section.pop-inline.dict-editor > form li.buttons span#indicator:before,
      section.subpop-inline.fullscreen > form li.buttons span.icon,
      section.subpop-inline.dict-editor > form li.buttons span.icon,
      section.subpop-inline.fullscreen > form li.buttons header nav.breadcrumbs span:not(:last-child),
      header nav.breadcrumbs section.subpop-inline.fullscreen > form li.buttons span:not(:last-child),
      section.subpop-inline.dict-editor > form li.buttons header nav.breadcrumbs span:not(:last-child),
      header nav.breadcrumbs section.subpop-inline.dict-editor > form li.buttons span:not(:last-child),
      section.subpop-inline.fullscreen > form li.buttons .ui-indicator span#indicator:before,
      .ui-indicator section.subpop-inline.fullscreen > form li.buttons span#indicator:before,
      section.subpop-inline.dict-editor > form li.buttons .ui-indicator span#indicator:before,
      .ui-indicator section.subpop-inline.dict-editor > form li.buttons span#indicator:before {
        padding-left: 8px; }
      section.pop-inline.fullscreen > form li.buttons span.on, section.pop-inline.dict-editor > form li.buttons span.on, section.pop-inline.fullscreen > form li.buttons span:hover, section.pop-inline.dict-editor > form li.buttons span:hover,
      section.subpop-inline.fullscreen > form li.buttons span.on,
      section.subpop-inline.dict-editor > form li.buttons span.on,
      section.subpop-inline.fullscreen > form li.buttons span:hover,
      section.subpop-inline.dict-editor > form li.buttons span:hover {
        background: #3B66FF;
        color: #FFF; }
    section.pop-inline.fullscreen > form li.dots, section.pop-inline.dict-editor > form li.dots,
    section.subpop-inline.fullscreen > form li.dots,
    section.subpop-inline.dict-editor > form li.dots {
      display: none; }
    section.pop-inline.fullscreen > form span.colors, section.pop-inline.dict-editor > form span.colors,
    section.subpop-inline.fullscreen > form span.colors,
    section.subpop-inline.dict-editor > form span.colors {
      left: 190px; }
  section.pop-inline.fullscreen footer button:hover, section.pop-inline.dict-editor footer button:hover,
  section.subpop-inline.fullscreen footer button:hover,
  section.subpop-inline.dict-editor footer button:hover {
    background-color: transparent; }

section.dict-editor {
  width: 1080px;
  background-color: white; }
  section.dict-editor * {
    color: #6D7181; }
  section.dict-editor section.forms {
    display: flex;
    flex-direction: row;
    width: 100%; }
    section.dict-editor section.forms form {
      width: 520px; }
      section.dict-editor section.forms form.bot-msg-form {
        width: 580px; }
      section.dict-editor section.forms form ul {
        padding-top: 0; }
      section.dict-editor section.forms form h2 {
        width: 100%;
        font-weight: bold;
        height: 48px;
        line-height: 48px; }
      section.dict-editor section.forms form h4:after {
        content: ":"; }
      section.dict-editor section.forms form textarea {
        min-height: 40px; }
    section.dict-editor section.forms > span.spliter {
      width: 0px;
      font-size: 0;
      border-left: 1px solid #DBE0E7;
      margin-top: 12px; }
  section.dict-editor footer {
    justify-content: space-between;
    flex-direction: row;
    border-top: 1px solid #DBE0E7; }

section.subpop-inline .form-timesheet,
section.subpop-inline.fullscreen .form-timesheet,
section.subpop-inline.dict-editor .form-timesheet {
  background-color: rgba(44, 54, 96, 0.9);
  width: auto; }
  section.subpop-inline .form-timesheet li > dl,
  section.subpop-inline.fullscreen .form-timesheet li > dl,
  section.subpop-inline.dict-editor .form-timesheet li > dl {
    width: 100% !important; }
  section.subpop-inline .form-timesheet dd.space,
  section.subpop-inline.fullscreen .form-timesheet dd.space,
  section.subpop-inline.dict-editor .form-timesheet dd.space {
    pointer-events: none; }
  section.subpop-inline .form-timesheet .form-type-checkbox > label,
  section.subpop-inline.fullscreen .form-timesheet .form-type-checkbox > label,
  section.subpop-inline.dict-editor .form-timesheet .form-type-checkbox > label {
    color: white;
    height: 28px;
    line-height: 28px; }
  section.subpop-inline .form-timesheet .dash,
  section.subpop-inline.fullscreen .form-timesheet .dash,
  section.subpop-inline.dict-editor .form-timesheet .dash {
    display: block;
    height: 28px;
    line-height: 28px;
    width: 28px;
    text-align: center; }
  section.subpop-inline .form-timesheet .space,
  section.subpop-inline.fullscreen .form-timesheet .space,
  section.subpop-inline.dict-editor .form-timesheet .space {
    display: block;
    width: 48px; }
  section.subpop-inline .form-timesheet span,
  section.subpop-inline.fullscreen .form-timesheet span,
  section.subpop-inline.dict-editor .form-timesheet span {
    color: white; }
  section.subpop-inline .form-timesheet footer,
  section.subpop-inline.fullscreen .form-timesheet footer,
  section.subpop-inline.dict-editor .form-timesheet footer {
    width: 100%; }

.ext-mask .normal-window.exts > section {
  background-color: rgba(44, 54, 96, 0.9); }
  .ext-mask .normal-window.exts > section .ui-tab-menu {
    background-color: rgba(44, 54, 96, 0.9);
    color: #B6B9C3; }
    .ext-mask .normal-window.exts > section .ui-tab-menu dd {
      color: #B6B9C3; }
  .ext-mask .normal-window.exts > section > section ul > li h4 {
    color: #B6B9C3; }
  .ext-mask .normal-window.exts > section > section ul.webhook-params > li > p {
    color: #B6B9C3; }
    .ext-mask .normal-window.exts > section > section ul.webhook-params > li > p > b, .ext-mask .normal-window.exts > section > section ul.webhook-params > li > p > span {
      color: #B6B9C3; }
  .ext-mask .normal-window.exts > section > section footer {
    background-color: rgba(44, 54, 96, 0.9);
    color: #B6B9C3; }
    .ext-mask .normal-window.exts > section > section footer button {
      color: #B6B9C3; }
    .ext-mask .normal-window.exts > section > section footer button:hover {
      background-color: #565E80; }

.popover.error {
  background: #EB526C; }
  .popover.error section p {
    color: white; }
  .popover.error.top:after {
    border-top-color: #EB526C !important;
    right: 80px; }
  .popover.error.right:after {
    border-right-color: #EB526C !important;
    top: 8px; }

.popover.vars.json-vars dl {
  position: relative;
  padding: 0 !important;
  width: 100%; }

.popover.vars.json-vars dd {
  width: inherit;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: none;
  margin: 0 !important;
  border-radius: 0 !important;
  text-align: left;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 0px !important; }
  .popover.vars.json-vars dd:hover {
    background-color: #FFB13B !important;
    color: #FFF !important; }
    .popover.vars.json-vars dd:hover b {
      background: transparent; }
  .popover.vars.json-vars dd b {
    background-color: #3B66FF;
    color: white;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px; }

.popover.fb-settings {
  position: fixed; }
  .popover.fb-settings:after {
    left: 590px !important; }
  .popover.fb-settings form {
    max-height: 320px;
    overflow-y: auto; }
    .popover.fb-settings form li {
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      .popover.fb-settings form li button {
        margin-top: auto;
        margin-bottom: 0;
        height: 24px;
        line-height: 24px;
        background-color: #28C69F;
        border-color: #1BA180; }
      .popover.fb-settings form li button.exists {
        background-color: #AAB2BD;
        border-color: #565E80;
        color: white; }
      .popover.fb-settings form li label {
        padding-left: 16px;
        height: 24px;
        line-height: 24px; }
      .popover.fb-settings form li:hover {
        background-color: #839BFB; }
  .popover.fb-settings section > h2 {
    text-align: center;
    position: relative; }
    .popover.fb-settings section > h2:before {
      content: '';
      height: 1px;
      width: 220px;
      left: 100px;
      position: absolute;
      top: 11px;
      background-color: rgba(255, 255, 255, 0.3); }
    .popover.fb-settings section > h2:after {
      content: '';
      height: 1px;
      width: 220px;
      right: 100px;
      position: absolute;
      top: 11px;
      background-color: rgba(255, 255, 255, 0.3); }
  .popover.fb-settings .paste-area code {
    background: #DBE0E7;
    color: #2C3660;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 90px; }
  .popover.fb-settings .paste-area button {
    position: absolute;
    width: 64px !important;
    height: 28px;
    line-height: 28px;
    right: 10px;
    background-color: #2C3660;
    top: 24px;
    padding: 0;
    color: #FFF; }

.popover.line-settings {
  position: fixed; }
  .popover.line-settings:after {
    left: 590px !important; }
  .popover.line-settings form {
    max-height: 360px;
    overflow-y: auto; }
    .popover.line-settings form ul {
      width: 720px;
      margin-left: 16px;
      margin-right: 16px;
      padding-top: 0; }
    .popover.line-settings form li {
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      .popover.line-settings form li h4 {
        width: 240px;
        line-height: 32px; }
      .popover.line-settings form li button {
        margin-top: auto;
        margin-bottom: 0;
        height: 24px;
        line-height: 24px;
        background-color: #28C69F;
        border-color: #1BA180; }
      .popover.line-settings form li input[type=text],
      .popover.line-settings form li .ui-dropdown {
        width: 320px; }
        .popover.line-settings form li input[type=text] label,
        .popover.line-settings form li .ui-dropdown label {
          color: #6D7181; }
      .popover.line-settings form li button.exists {
        background-color: #AAB2BD;
        border-color: #565E80;
        color: white; }
      .popover.line-settings form li label {
        padding-left: 10px; }
      .popover.line-settings form li div.form-type-select {
        height: 32px;
        line-height: 32px; }
  .popover.line-settings section.line-manual {
    background: transparent;
    padding-bottom: 0;
    margin-bottom: 0; }
  .popover.line-settings .paste-area {
    padding-top: 0; }
    .popover.line-settings .paste-area h2 {
      position: relative;
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      margin-left: 0; }
    .popover.line-settings .paste-area code {
      background: #DBE0E7;
      color: #2C3660;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 90px;
      padding-top: 12px;
      padding-bottom: 12px; }
    .popover.line-settings .paste-area button {
      position: absolute;
      width: 64px !important;
      height: 28px;
      line-height: 28px;
      right: 10px;
      background-color: #2C3660;
      top: 24px;
      padding: 0;
      color: #FFF; }
  .popover.line-settings footer {
    background: transparent;
    flex-direction: row;
    justify-content: space-between; }
    .popover.line-settings footer p {
      text-align: right;
      width: inherit;
      height: inherit;
      line-height: inherit;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0; }
      .popover.line-settings footer p a {
        color: #FFB13B; }
    .popover.line-settings footer button {
      color: white; }

.popover.group-form input[type=text] {
  height: 40px;
  line-height: 40px;
  width: 320px; }

.popover.group-form form {
  padding-left: 16px; }

.popover.group-form footer {
  background: transparent; }

.popover.group-form footer button.icon, .popover.group-form footer .ui-indicator button#indicator:before, .ui-indicator .popover.group-form footer button#indicator:before {
  color: #FFF;
  background-color: transparent !important; }

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

@keyframes shaking-anime {
  0% {
    transform: translateX(-10%); }
  10% {
    transform: translateX(9%); }
  20% {
    transform: translateX(-8%); }
  30% {
    transform: translateX(7%); }
  40% {
    transform: translateX(-6%); }
  50% {
    transform: translateX(5%); }
  60% {
    transform: translateX(-4%); }
  70% {
    transform: translateX(3%); }
  80% {
    transform: translateX(-2%); }
  90% {
    transform: translateX(1%); }
  100% {
    transform: translateX(0%); } }

.shaking {
  animation: shaking-anime 0.5s; }

body section.templates-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto; }
  body section.templates-frame ul.templates {
    width: 480px;
    height: auto;
    border: 1px solid #DBE0E7;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    body section.templates-frame ul.templates li {
      border-bottom: 1px solid #DBE0E7;
      height: 48px;
      line-height: 48px;
      padding-left: 28px; }
    body section.templates-frame ul.templates li:last-child {
      border-bottom: none; }
    body section.templates-frame ul.templates li:hover {
      background-color: #2C3660;
      font-weight: bold; }
    body section.templates-frame ul.templates li:before {
      content: "";
      line-height: 48px;
      text-indent: 10px;
      opacity: 0;
      font-size: 1rem; }
    body section.templates-frame ul.templates li:hover:before {
      opacity: 1; }

section.broadcasting {
  flex-direction: row; }
  section.broadcasting .time-picker {
    height: auto;
    height: 48px;
    line-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid #DBE0E7; }
    section.broadcasting .time-picker li dl {
      width: 100% !important; }
    section.broadcasting .time-picker dd {
      line-height: 32px; }
    section.broadcasting .time-picker h3 {
      font-weight: bold;
      padding-right: 10px; }
    section.broadcasting .time-picker form {
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 16px; }
    section.broadcasting .time-picker form > ul {
      margin: 0;
      padding: 0; }
    section.broadcasting .time-picker dd > div {
      display: flex; }
  section.broadcasting div.container {
    display: flex;
    flex-direction: row;
    height: inherit;
    position: relative; }
    section.broadcasting div.container > div {
      flex: 1;
      position: relative;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      section.broadcasting div.container > div section.nodes-frame {
        overflow-y: auto;
        height: calc( 100% - 48px); }
    section.broadcasting div.container .left-pane {
      height: 100%; }
      section.broadcasting div.container .left-pane h2 {
        border-bottom: 0 !important; }
    section.broadcasting div.container > div > footer {
      display: flex !important;
      justify-items: flex-end !important;
      text-align: right;
      background-color: white;
      position: absolute;
      z-index: 999;
      bottom: 0;
      width: inherit;
      height: 48px;
      line-height: 48px; }
    section.broadcasting div.container ul.nodes {
      padding-top: 0; }
    section.broadcasting div.container form footer {
      position: relative !important; }
  section.broadcasting .react-ipts-new {
    display: none; }
  section.broadcasting .react-fhs-new {
    display: none; }
  section.broadcasting button.add-new {
    display: none !important; }
  section.broadcasting footer {
    border-top: 1px solid #DBE0E7 !important; }

.popover.action-types {
  background-color: #121B42; }
  .popover.action-types ul {
    padding: 6px 10px 6px 10px; }
  .popover.action-types li {
    color: #6D7181;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    font-size: 11px;
    color: white; }
  .popover.action-types li:hover {
    color: #F6F8FB;
    background-color: #FFB13B; }

/*for chat test*/
#chat_pane {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 480px;
  min-width: 480px;
  max-width: 480px;
  height: 100vh;
  background-color: white;
  z-index: 999;
  box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  animation: show-right-pane .15s ease-out; }
  #chat_pane .hide {
    animation: show-right-pane .10s ease-out;
    animation-direction: reverse; }
  #chat_pane > * {
    width: inherit;
    min-width: inherit; }
  #chat_pane section {
    margin-top: 60px;
    height: calc( 100vh - 120px); }
  #chat_pane header {
    position: absolute;
    height: 60px;
    z-index: 999;
    left: auto;
    right: 0;
    top: 0; }
  #chat_pane header h2 {
    border: 0;
    text-align: left;
    height: 60px;
    line-height: 60px; }
  #chat_pane header i {
    right: 8px;
    top: 17px; }
  #chat_pane footer {
    position: absolute;
    height: 60px;
    z-index: 1;
    left: auto;
    right: 0;
    bottom: 0;
    width: inherit;
    min-width: 360px; }
  #chat_pane footer input {
    width: inherit;
    height: inherit;
    margin: 0;
    display: block;
    float: left;
    font-size: .8rem;
    border: 0;
    padding-left: 5px; }
  #chat_pane footer input:focus {
    outline: none;
    -webkit-appearance: none; }
  #chat_pane #chats {
    height: calc( 100vh - 120px); }
  #chat_pane #chats > li.left p {
    background-color: #ECF1F5; }
  #chat_pane #chats > li {
    padding-left: 55px;
    margin-left: 5px; }
  #chat_pane #chats p.typing {
    position: absolute;
    bottom: 0px;
    left: 5px;
    font-size: .75rem;
    width: 300px;
    height: 28px; }

@keyframes blink {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

@keyframes show-right-pane {
  0% {
    right: calc( 240px + 640px - 100vw); }
  100% {
    right: 0; } }

@keyframes show-right {
  0% {
    right: calc( 0px - 100vw); }
  100% {
    right: 0; } }
  #chat_pane #mask {
    width: inherit;
    left: auto; }
  #chat_pane main:before {
    background-image: none;
    /* for bugfixed */ }
  #chat_pane #chat_menu footer {
    min-width: auto; }
  #chat_pane #chat_menu #calendar > li {
    display: flex;
    justify-content: space-between !important; }
    #chat_pane #chat_menu #calendar > li.on b {
      font-weight: bold; }
    #chat_pane #chat_menu #calendar > li.disabled {
      background-color: #e0e3e7;
      color: #9DA5BE; }
    #chat_pane #chat_menu #calendar > li.sel {
      background-color: #0084ff; }
    #chat_pane #chat_menu #calendar > li.sel span {
      color: #fff; }
    #chat_pane #chat_menu #calendar > li.sel b.w0, #chat_pane #chat_menu #calendar > li ul#dates li.sel b.w6 {
      color: #fff; }
    #chat_pane #chat_menu #calendar > li b {
      font-weight: normal;
      font-size: 0.9rem; }
    #chat_pane #chat_menu #calendar > li b.w0 {
      color: #FF1A10; }
    #chat_pane #chat_menu #calendar > li b.w6 {
      color: #0056FF; }
    #chat_pane #chat_menu #calendar > li span.time {
      padding-right: 10px; }
  #chat_pane #chat_menu > #mask {
    position: absolute;
    width: 100%;
    height: calc(100% - 48px);
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1); }
  #chat_pane #chat_menu > #mask .time-picker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 100%;
    margin: 0px;
    overflow-y: scroll;
    box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, 0.2);
    animation: show-right-pane .15s ease-out; }
    #chat_pane #chat_menu > #mask .time-picker li {
      text-align: center; }
    #chat_pane #chat_menu > #mask .time-picker li.on {
      background-color: #0084ff;
      color: #fff; }
    #chat_pane #chat_menu > #mask .time-picker li.disabled {
      background-color: #e0e3e7;
      color: #9DA5BE; }
  #chat_pane #chat_menu > #mask .time-picker.web {
    animation: show-right .15s ease-out; }

section.bonp-styles {
  position: fixed;
  width: 300px;
  height: 426px;
  right: 20px;
  top: 100px;
  background-color: #FFF;
  z-index: 999;
  border-radius: 4px;
  display: flex;
  flex-direction: column; }
  section.bonp-styles form {
    background: transparent; }
    section.bonp-styles form input + u {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin-left: 10px;
      display: block;
      position: absolute;
      left: 220px;
      top: 6px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      cursor: pointer; }
      section.bonp-styles form input + u:hover {
        transform: scale(1.05, 1.05); }
    section.bonp-styles form .form-item-image {
      width: 260px;
      background-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  section.bonp-styles i.close {
    z-index: 999; }
  section.bonp-styles footer button {
    background-color: #28C69F;
    border-color: #69D7BC;
    color: #FFF; }
  section.bonp-styles footer button:hover {
    background-color: #69D7BC;
    border-color: #69D7BC;
    color: #FFF; }

.popup.colors {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  width: 624px !important;
  height: 284px;
  box-sizing: border-box; }
  .popup.colors.with-icons {
    height: 340px; }
  .popup.colors > section {
    padding: 20px 60px 20px 60px;
    margin: 0; }
  .popup.colors ul.icons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; }
    .popup.colors ul.icons li {
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 2px;
      background-size: auto 20px;
      background-repeat: no-repeat;
      border-radius: 4px;
      background-color: white; }
  .popup.colors dl {
    flex-direction: column;
    display: inline-block; }
  .popup.colors dd {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .popup.colors dd:hover {
      transition-duration: 0.1s;
      transform: scale(1.2, 1.2);
      border-color: white; }
  .popup.colors dd.transparent {
    background-color: #FFF !important;
    background-image: url(/images/ico-transparent.svg);
    background-size: 80% 80%;
    background-position: 50% 50%;
    border: 1px solid #DBE0E7; }
  .popup.colors dt {
    min-height: 48px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-items: center; }

.popover.widgets ul {
  padding: 10px; }

.popover.widgets li {
  color: #FFF;
  height: 36px;
  line-height: 36px;
  cursor: pointer; }

.popover.widgets li:before {
  width: 20px;
  background-size: auto 20px; }

.popover.widgets li.icon.ecoma-w:before, .popover.widgets .p3-layout .menu-pane li.ecoma-w:before, .p3-layout .menu-pane .popover.widgets li.ecoma-w:before, .popover.widgets .ui-indicator li.ecoma-w#indicator:before, .ui-indicator .popover.widgets li.ecoma-w#indicator:before {
  margin-top: 8px; }

.form-item-days .form-type-checkbox {
  flex-direction: row;
  flex-wrap: wrap; }
  .form-item-days .form-type-checkbox label {
    color: #6D7181; }
  .form-item-days .form-type-checkbox label.on {
    background: #839BFB; }

div.exts .ui-tab-menu {
  background: white; }
  div.exts .ui-tab-menu dd {
    border-radius: 0 !important; }
  div.exts .ui-tab-menu dd.on {
    border-radius: 0;
    background: #839BFB; }

.imagemap-edit-frame {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  width: inherit;
  height: inherit; }

.imagemap-edit-pane {
  background-color: #F6F8FB;
  flex: 1; }

.imagemap-edit-form-pane {
  background-color: #FFF;
  width: 260px;
  border-left: 1px solid #DBE0E7; }

.imagemap-edit-frame.image-editor,
.popup.image-editor {
  width: 800px !important;
  height: 534px;
  background-color: white;
  margin-top: calc(50vh - 220px);
  transform: none;
  border-radius: 0; }
  .imagemap-edit-frame.image-editor *,
  .popup.image-editor * {
    color: #121B42;
    text-align: left; }
  .imagemap-edit-frame.image-editor header,
  .popup.image-editor header {
    height: 44px;
    line-height: 44px; }
    .imagemap-edit-frame.image-editor header i.icon.close, .imagemap-edit-frame.image-editor header .ui-indicator i.close#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor header i.close#indicator:before,
    .popup.image-editor header i.icon.close,
    .popup.image-editor header .ui-indicator i.close#indicator:before,
    .ui-indicator .popup.image-editor header i.close#indicator:before {
      width: 16px !important;
      padding-left: 0 !important;
      box-sizing: border-box; }
    .imagemap-edit-frame.image-editor header i.icon.close:before, .imagemap-edit-frame.image-editor header .ui-indicator i.close#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor header i.close#indicator:before,
    .popup.image-editor header i.icon.close:before,
    .popup.image-editor header .ui-indicator i.close#indicator:before,
    .ui-indicator .popup.image-editor header i.close#indicator:before {
      content: ""; }
  .imagemap-edit-frame.image-editor footer,
  .popup.image-editor footer {
    height: 48px;
    line-height: 48px;
    margin-top: 0;
    text-align: center; }
  .imagemap-edit-frame.image-editor section.panel, .imagemap-edit-frame.image-editor section.line-manual,
  .popup.image-editor section.panel,
  .popup.image-editor section.line-manual {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
    height: 440px; }
    .imagemap-edit-frame.image-editor section.panel div.image-pane, .imagemap-edit-frame.image-editor section.line-manual div.image-pane,
    .popup.image-editor section.panel div.image-pane,
    .popup.image-editor section.line-manual div.image-pane {
      display: flex;
      flex-direction: column;
      width: 440px; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane > div, .imagemap-edit-frame.image-editor section.line-manual div.image-pane > div,
      .popup.image-editor section.panel div.image-pane > div,
      .popup.image-editor section.line-manual div.image-pane > div {
        flex: 1; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane > div div, .imagemap-edit-frame.image-editor section.line-manual div.image-pane > div div,
        .popup.image-editor section.panel div.image-pane > div div,
        .popup.image-editor section.line-manual div.image-pane > div div {
          margin: auto;
          position: relative;
          box-sizing: border-box; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer,
      .popup.image-editor section.panel div.image-pane div.outer,
      .popup.image-editor section.line-manual div.image-pane div.outer {
        width: 320px;
        height: 320px;
        background-size: cover;
        opacity: 1;
        text-align: center;
        overflow: hidden;
        border: 1px solid #DBE0E7;
        background-position: 50% 50%;
        cursor: pointer;
        background-color: #121B42; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.rect-line, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.rect-line,
        .popup.image-editor section.panel div.image-pane div.outer.rect-line,
        .popup.image-editor section.line-manual div.image-pane div.outer.rect-line {
          height: 212px; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.rect-fb, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.rect-fb,
        .popup.image-editor section.panel div.image-pane div.outer.rect-fb,
        .popup.image-editor section.line-manual div.image-pane div.outer.rect-fb {
          height: 168px; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.outer.contain, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.outer.contain,
      .popup.image-editor section.panel div.image-pane div.outer.contain,
      .popup.image-editor section.line-manual div.image-pane div.outer.contain {
        background-size: contain; }
      .imagemap-edit-frame.image-editor section.panel div.image-pane div.imagemap, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.imagemap,
      .popup.image-editor section.panel div.image-pane div.imagemap,
      .popup.image-editor section.line-manual div.image-pane div.imagemap {
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        margin: 10px;
        width: 300px;
        height: 300px; }
        .imagemap-edit-frame.image-editor section.panel div.image-pane div.imagemap:before, .imagemap-edit-frame.image-editor section.line-manual div.image-pane div.imagemap:before,
        .popup.image-editor section.panel div.image-pane div.imagemap:before,
        .popup.image-editor section.line-manual div.image-pane div.imagemap:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 300px;
          height: 300px; }
    .imagemap-edit-frame.image-editor section.panel div.tool-pane, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane,
    .popup.image-editor section.panel div.tool-pane,
    .popup.image-editor section.line-manual div.tool-pane {
      display: flex;
      flex-direction: column;
      border-left: 1px solid #F6F8FB;
      width: 350px; }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane > div, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane > div,
      .popup.image-editor section.panel div.tool-pane > div,
      .popup.image-editor section.line-manual div.tool-pane > div {
        flex: 1;
        padding-left: 16px; }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane dl, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl,
      .popup.image-editor section.panel div.tool-pane dl,
      .popup.image-editor section.line-manual div.tool-pane dl {
        height: 110px; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico,
        .popup.image-editor section.panel div.tool-pane dl dd.ico,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico {
          height: inherit;
          width: 120px;
          background-size: 80px 80px;
          background-position: center 0;
          text-align: center;
          padding-top: 80px;
          padding-right: 0;
          cursor: pointer; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.on, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.on,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.on,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.on {
          background-color: #121B42;
          color: #FFF; }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.rect-line, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.rect-line,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.rect-line,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.rect-line {
          background-image: url(/images/ico-rect-line.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.rect-fb, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.rect-fb,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.rect-fb,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.rect-fb {
          background-image: url(/images/ico-rect-fb.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.square, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.square,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.square,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.square {
          background-image: url(/images/ico-square.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.cover, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.cover,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.cover,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.cover {
          background-image: url(/images/ico-cover.svg); }
        .imagemap-edit-frame.image-editor section.panel div.tool-pane dl dd.ico.contain, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane dl dd.ico.contain,
        .popup.image-editor section.panel div.tool-pane dl dd.ico.contain,
        .popup.image-editor section.line-manual div.tool-pane dl dd.ico.contain {
          background-image: url(/images/ico-contain.svg); }
      .imagemap-edit-frame.image-editor section.panel div.tool-pane form li, .imagemap-edit-frame.image-editor section.line-manual div.tool-pane form li,
      .popup.image-editor section.panel div.tool-pane form li,
      .popup.image-editor section.line-manual div.tool-pane form li {
        display: flex; }
    .imagemap-edit-frame.image-editor section.panel div.dir, .imagemap-edit-frame.image-editor section.line-manual div.dir,
    .popup.image-editor section.panel div.dir,
    .popup.image-editor section.line-manual div.dir {
      height: 360px;
      width: 360px;
      display: flex;
      flex-direction: column; }
      .imagemap-edit-frame.image-editor section.panel div.dir span, .imagemap-edit-frame.image-editor section.line-manual div.dir span,
      .popup.image-editor section.panel div.dir span,
      .popup.image-editor section.line-manual div.dir span {
        background-color: transparent;
        border-color: transparent;
        display: block;
        position: relative; }
      .imagemap-edit-frame.image-editor section.panel div.dir span:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span:after,
      .popup.image-editor section.panel div.dir span:after,
      .popup.image-editor section.line-manual div.dir span:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        z-index: 1;
        cursor: pointer; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.vertical, .imagemap-edit-frame.image-editor section.line-manual div.dir span.vertical,
      .popup.image-editor section.panel div.dir span.vertical,
      .popup.image-editor section.line-manual div.dir span.vertical {
        height: 20px;
        width: 80px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.horizontal, .imagemap-edit-frame.image-editor section.line-manual div.dir span.horizontal,
      .popup.image-editor section.panel div.dir span.horizontal,
      .popup.image-editor section.line-manual div.dir span.horizontal {
        height: 320px;
        width: 20px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.horizontal:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.horizontal:after,
      .popup.image-editor section.panel div.dir span.horizontal:after,
      .popup.image-editor section.line-manual div.dir span.horizontal:after {
        border: 10px solid transparent;
        top: 150px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.vertical:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.vertical:after,
      .popup.image-editor section.panel div.dir span.vertical:after,
      .popup.image-editor section.line-manual div.dir span.vertical:after {
        border: 10px solid transparent;
        left: 170px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.up:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.up:after,
      .popup.image-editor section.panel div.dir span.up:after,
      .popup.image-editor section.line-manual div.dir span.up:after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid #121B42;
        top: 0; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.down:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.down:after,
      .popup.image-editor section.panel div.dir span.down:after,
      .popup.image-editor section.line-manual div.dir span.down:after {
        border-bottom: 5px solid transparent;
        border-top: 5px solid #121B42;
        top: 10px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.left:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.left:after,
      .popup.image-editor section.panel div.dir span.left:after,
      .popup.image-editor section.line-manual div.dir span.left:after {
        border-left: 5px solid transparent;
        border-right: 5px solid #121B42;
        left: 0; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.right:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.right:after,
      .popup.image-editor section.panel div.dir span.right:after,
      .popup.image-editor section.line-manual div.dir span.right:after {
        border-right: 5px solid transparent;
        border-left: 5px solid #121B42;
        left: 10px; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.up:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.up:hover:after,
      .popup.image-editor section.panel div.dir span.up:hover:after,
      .popup.image-editor section.line-manual div.dir span.up:hover:after {
        border-bottom: 5px solid #69D7BC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.down:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.down:hover:after,
      .popup.image-editor section.panel div.dir span.down:hover:after,
      .popup.image-editor section.line-manual div.dir span.down:hover:after {
        border-top: 5px solid #69D7BC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.left:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.left:hover:after,
      .popup.image-editor section.panel div.dir span.left:hover:after,
      .popup.image-editor section.line-manual div.dir span.left:hover:after {
        border-right: 5px solid #69D7BC; }
      .imagemap-edit-frame.image-editor section.panel div.dir span.right:hover:after, .imagemap-edit-frame.image-editor section.line-manual div.dir span.right:hover:after,
      .popup.image-editor section.panel div.dir span.right:hover:after,
      .popup.image-editor section.line-manual div.dir span.right:hover:after {
        border-left: 5px solid #69D7BC; }
      .imagemap-edit-frame.image-editor section.panel div.dir > div, .imagemap-edit-frame.image-editor section.line-manual div.dir > div,
      .popup.image-editor section.panel div.dir > div,
      .popup.image-editor section.line-manual div.dir > div {
        display: flex;
        height: 320px;
        width: inherit; }
    .imagemap-edit-frame.image-editor section.panel div.dir + div, .imagemap-edit-frame.image-editor section.line-manual div.dir + div,
    .popup.image-editor section.panel div.dir + div,
    .popup.image-editor section.line-manual div.dir + div {
      padding-top: 10px;
      text-align: center; }
  .imagemap-edit-frame.image-editor.imagemap,
  .popup.image-editor.imagemap {
    margin-top: calc(50vh - 300px);
    width: 840px !important;
    height: auto; }
    .imagemap-edit-frame.image-editor.imagemap section.panel, .imagemap-edit-frame.image-editor.imagemap section.line-manual,
    .popup.image-editor.imagemap section.panel,
    .popup.image-editor.imagemap section.line-manual {
      height: auto; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane,
      .popup.image-editor.imagemap section.panel div.image-pane,
      .popup.image-editor.imagemap section.line-manual div.image-pane {
        width: auto;
        height: auto;
        flex: auto;
        cursor: copy; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane div.imagemap,
        .popup.image-editor.imagemap section.panel div.image-pane div.imagemap,
        .popup.image-editor.imagemap section.line-manual div.image-pane div.imagemap {
          width: 560px;
          height: 560px;
          flex: auto; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane b.bt, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane b.bt,
        .popup.image-editor.imagemap section.panel div.image-pane b.bt,
        .popup.image-editor.imagemap section.line-manual div.image-pane b.bt {
          position: absolute;
          background-color: rgba(59, 102, 255, 0.3);
          border: 4px solid #839BFB;
          color: white;
          text-align: center;
          line-height: 100%;
          padding: 0px;
          font-size: 0.8rem;
          overflow: hidden;
          cursor: pointer; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane i.knob, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane i.knob,
        .popup.image-editor.imagemap section.panel div.image-pane i.knob,
        .popup.image-editor.imagemap section.line-manual div.image-pane i.knob {
          position: absolute;
          width: 8px;
          height: 8px;
          background-color: #121B42;
          border-radius: 4px;
          font-size: 0;
          min-width: 0;
          min-height: 0;
          cursor: nwse-resize; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane b.bt.on, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane b.bt.on,
        .popup.image-editor.imagemap section.panel div.image-pane b.bt.on,
        .popup.image-editor.imagemap section.line-manual div.image-pane b.bt.on {
          background-color: rgba(255, 177, 59, 0.3);
          border-color: #FFB13B;
          color: #FFB13B; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane i.knob.on, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane i.knob.on,
        .popup.image-editor.imagemap section.panel div.image-pane i.knob.on,
        .popup.image-editor.imagemap section.line-manual div.image-pane i.knob.on {
          background-color: #FFB13B; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane footer,
        .popup.image-editor.imagemap section.panel div.image-pane footer,
        .popup.image-editor.imagemap section.line-manual div.image-pane footer {
          display: flex;
          align-items: center;
          flex-direction: row;
          justify-content: flex-start;
          width: 100%;
          border-left: 0px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane footer label, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane footer label,
          .popup.image-editor.imagemap section.panel div.image-pane footer label,
          .popup.image-editor.imagemap section.line-manual div.image-pane footer label {
            color: #6D7181;
            word-break: none; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane footer .img-url-box, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane footer .img-url-box,
          .popup.image-editor.imagemap section.panel div.image-pane footer .img-url-box,
          .popup.image-editor.imagemap section.line-manual div.image-pane footer .img-url-box {
            margin: 0px 10px;
            border-radius: 14px; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane footer .img-url-box input, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane footer .img-url-box input,
            .popup.image-editor.imagemap section.panel div.image-pane footer .img-url-box input,
            .popup.image-editor.imagemap section.line-manual div.image-pane footer .img-url-box input {
              border-radius: 14px;
              min-width: 200px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.image-pane footer .space, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.image-pane footer .space,
          .popup.image-editor.imagemap section.panel div.image-pane footer .space,
          .popup.image-editor.imagemap section.line-manual div.image-pane footer .space {
            flex: 1; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane,
      .popup.image-editor.imagemap section.panel div.tool-pane,
      .popup.image-editor.imagemap section.line-manual div.tool-pane {
        width: 200px;
        overflow-y: auto;
        border-left: 1px solid #DBE0E7; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane header, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane header,
        .popup.image-editor.imagemap section.panel div.tool-pane header,
        .popup.image-editor.imagemap section.line-manual div.tool-pane header {
          width: 100%;
          border: 0px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane header h4, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane header h4,
          .popup.image-editor.imagemap section.panel div.tool-pane header h4,
          .popup.image-editor.imagemap section.line-manual div.tool-pane header h4 {
            position: absolute;
            left: 20px;
            bottom: 0px;
            right: 20px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane ul,
        .popup.image-editor.imagemap section.panel div.tool-pane ul,
        .popup.image-editor.imagemap section.line-manual div.tool-pane ul {
          flex: 1;
          width: 100%;
          overflow-x: hidden;
          overflow-y: scroll;
          height: 100px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li,
        .popup.image-editor.imagemap section.panel div.tool-pane li,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li {
          width: inherit;
          line-height: 40px;
          height: 40px;
          padding-top: 4px;
          position: relative; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li.on:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li.on:before,
        .popup.image-editor.imagemap section.panel div.tool-pane li.on:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li.on:before {
          content: "";
          width: 12px;
          height: 12px;
          position: absolute;
          border-radius: 6px;
          background-color: #FFB13B;
          left: 6px;
          top: 16px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li i.icon, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li i.icon, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane li i#indicator:before,
        .popup.image-editor.imagemap section.panel div.tool-pane li i.icon,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li i.icon,
        .popup.image-editor.imagemap section.panel div.tool-pane li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.panel div.tool-pane li i#indicator:before,
        .popup.image-editor.imagemap section.line-manual div.tool-pane li .ui-indicator i#indicator:before,
        .ui-indicator .popup.image-editor.imagemap section.line-manual div.tool-pane li i#indicator:before {
          position: absolute;
          right: 10px;
          height: 16px;
          top: 0px;
          width: 16px;
          padding-left: 0; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane input[type=text], .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane input[type=text],
        .popup.image-editor.imagemap section.panel div.tool-pane input[type=text],
        .popup.image-editor.imagemap section.line-manual div.tool-pane input[type=text] {
          width: 135px !important;
          font-size: 0.85rem;
          background-color: white;
          color: #6D7181 !important;
          margin-left: 20px;
          margin-right: 24px;
          border: 1px solid #DBE0E7;
          border-radius: 0px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane footer,
        .popup.image-editor.imagemap section.panel div.tool-pane footer,
        .popup.image-editor.imagemap section.line-manual div.tool-pane footer {
          width: 100%;
          flex-direction: row-reverse;
          align-items: center; }
      .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties,
      .popup.image-editor.imagemap section.panel div.tool-pane.properties,
      .popup.image-editor.imagemap section.line-manual div.tool-pane.properties {
        padding-top: 12px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties ul,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul {
          box-sizing: border-box; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li {
            box-sizing: border-box;
            padding-left: 16px;
            padding-right: 16px;
            height: auto; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li input, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li input,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li input,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li input {
              margin-left: 0px;
              margin-right: 0px; }
            .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete,
            .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete,
            .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete {
              flex-wrap: nowrap;
              flex-direction: column;
              justify-content: flex-start;
              max-height: 28px; }
              .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete span, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete span,
              .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete span,
              .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete span {
                min-height: 24px;
                flex: 1; }
              .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete input, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete input,
              .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li div.form-item-autocomplete input,
              .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li div.form-item-autocomplete input {
                border: 0px;
                min-width: 1px; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul h4, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul h4,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul h4,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul h4 {
            text-transform: none; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li i.icon, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.icon, .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties ul li i#indicator:before, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-indicator i#indicator:before, .ui-indicator .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i#indicator:before,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li i.icon,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i.icon,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li .ui-indicator i#indicator:before,
          .ui-indicator .popup.image-editor.imagemap section.panel div.tool-pane.properties ul li i#indicator:before,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li .ui-indicator i#indicator:before,
          .ui-indicator .popup.image-editor.imagemap section.line-manual div.tool-pane.properties ul li i#indicator:before {
            top: 4px; }
        .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties form ul, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties form ul,
        .popup.image-editor.imagemap section.panel div.tool-pane.properties form ul,
        .popup.image-editor.imagemap section.line-manual div.tool-pane.properties form ul {
          padding: 0px;
          height: auto; }
          .imagemap-edit-frame.image-editor.imagemap section.panel div.tool-pane.properties form ul li, .imagemap-edit-frame.image-editor.imagemap section.line-manual div.tool-pane.properties form ul li,
          .popup.image-editor.imagemap section.panel div.tool-pane.properties form ul li,
          .popup.image-editor.imagemap section.line-manual div.tool-pane.properties form ul li {
            flex-direction: column; }
  .imagemap-edit-frame.image-editor .slider,
  .popup.image-editor .slider {
    -webkit-appearance: none;
    width: 320px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    background: #F6F8FB;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s; }
  .imagemap-edit-frame.image-editor .slider::-webkit-slider-thumb,
  .popup.image-editor .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #121B42;
    cursor: pointer; }

.imagemap-edit-frame {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  width: inherit;
  height: inherit; }

.imagemap-edit-frame.image-editor.imagemap {
  width: 100% !important;
  height: 100% !important;
  margin: 0px; }
  .imagemap-edit-frame.image-editor.imagemap section.panel, .imagemap-edit-frame.image-editor.imagemap section.line-manual {
    width: 100%;
    height: calc(100% - 48px); }
    .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane {
      display: block;
      box-sizing: border-box;
      background-color: #F6F8FB;
      width: auto !important;
      cursor: pointer !important;
      flex: 1; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane div.imagemap, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane div.imagemap {
        margin: 16px;
        align-self: center;
        cursor: copy; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .image-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual .image-pane footer {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane {
      background-color: #FFF;
      border-left: #AAB2BD; }
      .imagemap-edit-frame.image-editor.imagemap section.panel .tool-pane footer, .imagemap-edit-frame.image-editor.imagemap section.line-manual .tool-pane footer {
        padding-right: 8px; }
  .imagemap-edit-frame.image-editor.imagemap section.panel-footer {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    border-left: 0px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer label {
      color: #6D7181;
      word-break: keep-all; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer .img-url-box {
      margin: 0px 10px;
      border-radius: 14px; }
      .imagemap-edit-frame.image-editor.imagemap section.panel-footer .img-url-box input {
        border-radius: 14px;
        min-width: 200px; }
    .imagemap-edit-frame.image-editor.imagemap section.panel-footer .space {
      flex: 1; }

.imagemap-edit-frame.image-editor > section {
  width: 100% !important;
  height: 100% !important; }

.simulator {
  max-width: 100%;
  max-height: 100%;
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #FFF;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px 2px #AAB2BD;
  display: flex;
  flex-direction: column; }
  .simulator * {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .simulator.test-view {
    width: 320px;
    height: 568px;
    margin: auto;
    top: calc(50vh - 568px/2); }
  .simulator > header {
    height: 48px;
    line-height: 48px;
    background-color: #F0F0F0;
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #B2B2B2;
    position: relative;
    text-align: center; }
    .simulator > header h2 {
      text-align: center;
      color: #2C3660;
      width: inherit; }
    .simulator > header dl {
      position: absolute;
      left: 12px;
      width: 60px;
      height: 32px; }
      .simulator > header dl dd {
        width: 30px;
        cursor: pointer; }
      .simulator > header dl dd.fb {
        line-height: 32px; }
  .simulator > section {
    position: relative;
    width: inherit;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .simulator > footer {
    position: relative;
    background-color: #FAFAFA;
    border-top: 1px solid #CECFCE;
    max-height: 168px;
    height: 60px;
    justify-content: center; }
    .simulator > footer ::-webkit-input-placeholder {
      color: #999 !important; }
    .simulator > footer .hide {
      display: none !important; }
  .simulator #simulator_mask {
    z-index: 9999;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(44, 54, 96, 0.2);
    width: 100%;
    height: 100%; }
    .simulator #simulator_mask .widgets {
      position: absolute;
      /*top:calc(50% - 180px);*/
      left: 0;
      top: 0;
      right: 0;
      bottom: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      box-shadow: 0px -4px 2px 1px rgba(0, 0, 0, 0.2);
      background-color: rgba(255, 255, 255, 0.9); }
      .simulator #simulator_mask .widgets * {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
      .simulator #simulator_mask .widgets h2 {
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #DBE0E7;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
        font-size: 1rem;
        padding-left: 16px; }
      .simulator #simulator_mask .widgets i {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 14px;
        height: 14px;
        z-index: 2;
        background-image: url(/images/ico_cross_blue.svg); }
      .simulator #simulator_mask .widgets ul {
        padding: 0;
        margin: 0;
        margin-bottom: auto; }
      .simulator #simulator_mask .widgets li {
        color: #6D7181;
        line-height: 44px;
        height: 44px;
        padding-left: 16px;
        cursor: pointer;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 60px;
        border-bottom: 1px solid #e0e3e7;
        font-size: 1rem;
        background-color: #FFF; }
      .simulator #simulator_mask .widgets li.on {
        color: #3B66FF;
        font-weight: bold; }
      .simulator #simulator_mask .widgets li.on:after {
        content: "✓";
        position: absolute;
        height: inherit;
        width: 44px;
        right: 16px;
        text-align: right;
        top: 0;
        bottom: 0; }
      .simulator #simulator_mask .widgets button {
        text-align: center;
        margin: auto;
        height: 36px;
        line-height: 36px;
        width: auto;
        padding-left: 24px;
        padding-right: 24px;
        background-color: #DBE0E7;
        color: white;
        border-radius: 4px;
        cursor: pointer;
        box-sizing: border-box;
        font-size: 1rem; }
      .simulator #simulator_mask .widgets p {
        text-align: center;
        padding: 8px 20px 8px 20px; }
      .simulator #simulator_mask .widgets button:active, .simulator #simulator_mask .widgets button.on {
        background-color: #3B66FF;
        box-shadow: none;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
      .simulator #simulator_mask .widgets footer {
        position: absolute;
        bottom: 0px;
        z-index: 100;
        width: inherit;
        min-width: auto; }
      .simulator #simulator_mask .widgets main {
        position: relative;
        width: inherit;
        height: calc(100% - 48px) !important;
        overflow-y: auto;
        padding-top: 0;
        background-color: #f1f3f7;
        display: flex;
        flex-direction: column;
        -webkit-overflow-scrolling: touch;
        align-items: stretch;
        padding: 0;
        margin-top: 0; }
      .simulator #simulator_mask .widgets footer button {
        width: 80%;
        margin-top: 6px; }
      .simulator #simulator_mask .widgets cite {
        position: relative;
        text-align: center;
        color: #AAB2BD;
        font-size: .8rem;
        line-height: 44px;
        font-weight: lighter;
        font-style: normal;
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 0;
        height: 40px; }
      .simulator #simulator_mask .widgets cite:before {
        content: 'Powered by Anybot. https://anybot.me';
        width: 100%; }
      .simulator #simulator_mask .widgets footer {
        min-width: auto; }
      .simulator #simulator_mask .widgets #calendar > li {
        display: flex;
        justify-content: space-between !important; }
        .simulator #simulator_mask .widgets #calendar > li.on b {
          font-weight: bold; }
        .simulator #simulator_mask .widgets #calendar > li.disabled {
          background-color: #e0e3e7;
          color: #9DA5BE; }
        .simulator #simulator_mask .widgets #calendar > li.sel {
          background-color: #3B66FF; }
        .simulator #simulator_mask .widgets #calendar > li.sel span {
          color: #fff; }
        .simulator #simulator_mask .widgets #calendar > li.sel b.w0, .simulator #simulator_mask .widgets #calendar > li ul#dates li.sel b.w6 {
          color: #fff; }
        .simulator #simulator_mask .widgets #calendar > li b {
          font-weight: normal;
          font-size: 0.9rem; }
        .simulator #simulator_mask .widgets #calendar > li b.w0 {
          color: #EB526C; }
        .simulator #simulator_mask .widgets #calendar > li b.w6 {
          color: #3155D7; }
        .simulator #simulator_mask .widgets #calendar > li span.time {
          padding-right: 10px; }
      .simulator #simulator_mask .widgets > #mask {
        position: absolute;
        width: 100%;
        height: calc(100% - 48px);
        top: 48px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.1); }
      .simulator #simulator_mask .widgets > #mask .time-picker {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 160px;
        height: 100%;
        margin: 0px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, 0.2);
        animation: show-right-pane .15s ease-out; }
        .simulator #simulator_mask .widgets > #mask .time-picker li {
          text-align: center; }
        .simulator #simulator_mask .widgets > #mask .time-picker li.on {
          background-color: #839BFB;
          color: #fff; }
        .simulator #simulator_mask .widgets > #mask .time-picker li.disabled {
          background-color: #B6B9C3;
          color: #AAB2BD; }
      .simulator #simulator_mask .widgets > #mask .time-picker.web {
        animation: show-right .15s ease-out; }
  .simulator ul#chats {
    height: inherit;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .simulator li.text {
    height: auto; }
    .simulator li.text p {
      height: auto;
      line-height: normal; }
  .simulator li.left, .simulator li.right {
    height: auto;
    min-height: 48px; }
  .simulator li.left > span, .simulator li.right > span {
    font-size: 8px;
    width: 260px;
    text-align: center;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    color: #B2B2B2;
    box-sizing: border-box; }
  .simulator li.left {
    padding-left: 48px; }
    .simulator li.left > span {
      padding-right: 48px; }
    .simulator li.left > b {
      width: 24px;
      height: 24px;
      position: absolute;
      display: block;
      left: 12px;
      background-size: 100% auto;
      bottom: 8px; }
    .simulator li.left.with-btns > b {
      bottom: 60px; }
  .simulator ol.card {
    border-color: transparent; }
    .simulator ol.card li.text {
      padding: 0;
      background: transparent; }
      .simulator ol.card li.text p {
        background-color: #F0F0F0;
        color: #222;
        font-size: 13px;
        padding: 8px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 14px;
        display: inline-block; }
    .simulator ol.card li.item {
      height: 40px;
      line-height: 40px;
      color: #3B66FF;
      border-top: 1px solid #EBEBEB;
      text-decoration: underline;
      font-weight: normal;
      font-size: 13px; }
  .simulator ol.card.with-items {
    border-color: #EBEBEB; }
    .simulator ol.card.with-items li.text {
      background: #F0F0F0; }
  .simulator dl.btns {
    min-height: 52px;
    line-height: 52px;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow-x: auto;
    width: auto;
    -webkit-overflow-scrolling: touch; }
    .simulator dl.btns dd {
      border: 1px solid #3B66FF;
      height: 30px;
      line-height: 29px;
      border-radius: 16px;
      text-align: left;
      padding-left: 12px;
      padding-right: 12px;
      color: #3B66FF;
      cursor: pointer;
      margin-right: 10px;
      white-space: nowrap; }
    .simulator dl.btns dd.icon, .simulator > header dl.btns dd, .simulator dl.btns .ui-indicator dd#indicator:before, .ui-indicator .simulator dl.btns dd#indicator:before {
      padding-left: 24px; }
  .simulator li.right {
    padding-right: 16px; }
    .simulator li.right > * {
      margin-right: 0;
      margin-left: auto; }
    .simulator li.right > span {
      padding-right: 36px;
      padding-left: 48px; }
    .simulator li.right ol.card {
      border-color: transparent; }
      .simulator li.right ol.card li.text {
        text-align: right;
        padding-right: 4px; }
      .simulator li.right ol.card li.text p {
        font-size: 12px;
        font-weight: normal;
        height: 18px;
        line-height: 18px;
        border-radius: 16px; }
  .simulator div.cards {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .simulator div.cards div.scroller {
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .simulator div.cards div.scroller ol.card {
        margin-right: 8px;
        border-radius: 4px; }

.simulator.fb > footer,
.simulator.web > footer {
  display: block;
  display: block;
  /*flex-direction:column;*/
  height: auto;
  max-height: 100%;
  padding: 10px 0px 0px 0px; }
  .simulator.fb > footer .line-f-bar,
  .simulator.web > footer .line-f-bar {
    display: none; }
  .simulator.fb > footer div.rmenu,
  .simulator.web > footer div.rmenu {
    display: none;
    background-repeat: no-repeat; }
  .simulator.fb > footer ul.pmenu,
  .simulator.web > footer ul.pmenu {
    display: block; }
  .simulator.fb > footer ul.pmenu.empty,
  .simulator.web > footer ul.pmenu.empty {
    height: 10px; }
  .simulator.fb > footer ul.pmenu li,
  .simulator.fb > footer ul.pmenu-sub li,
  .simulator.web > footer ul.pmenu li,
  .simulator.web > footer ul.pmenu-sub li {
    padding: 0px 16px;
    text-decoration: none !important;
    /*text-decoration:underline;*/
    border-bottom: 1px solid #CECFCE;
    height: 39px;
    line-height: 39px;
    color: #222;
    cursor: pointer; }
  .simulator.fb > footer ul.pmenu-sub li.sub-title,
  .simulator.web > footer ul.pmenu-sub li.sub-title {
    padding: 0px;
    display: flex;
    align-items: flex-start; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title button,
    .simulator.web > footer ul.pmenu-sub li.sub-title button {
      height: 100%;
      width: 16px;
      margin: 0px;
      padding-left: 12px;
      padding-right: 12px; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title button:hover,
    .simulator.web > footer ul.pmenu-sub li.sub-title button:hover {
      border-radius: 0px; }
    .simulator.fb > footer ul.pmenu-sub li.sub-title span,
    .simulator.web > footer ul.pmenu-sub li.sub-title span {
      text-align: center;
      flex: 1;
      margin-right: 40px;
      font-size: 1.1rem;
      font-weight: bold; }
  .simulator.fb > footer:before,
  .simulator.web > footer:before {
    content: "";
    display: absolute;
    z-index: 1;
    width: 28px;
    height: 4px;
    border-radius: 2px;
    background-color: #E0E0E0;
    left: calc(50% - 14px);
    margin-left: 0px;
    top: 6px;
    cursor: pointer; }
  .simulator.fb > footer > .msg,
  .simulator.web > footer > .msg {
    padding: 0px 16px;
    height: 40px;
    line-height: 40px; }
  .simulator.fb > footer input,
  .simulator.web > footer input {
    height: 30px;
    line-height: 30px;
    border: 1px solid #D5D5D5;
    background-color: #F2F2F2;
    border-radius: 16px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-left: 16px; }
    .simulator.fb > footer input:focus,
    .simulator.web > footer input:focus {
      -webkit-appearance: none;
      outline: none;
      background-color: white;
      border-color: #B2B2B2; }

.simulator.fb ol.card li.item {
  color: #0084FF; }

.simulator.fb dl.btns dd {
  border: 1px solid #0084FF;
  color: #0084FF; }

.simulator.fb li.right ol.card li.text p {
  background: #0084FF !important;
  border-radius: 18px;
  border: 0;
  font-weight: normal; }

.simulator.line > header {
  background: #D7DBE5;
  opacity: 0.9;
  border-bottom: 0; }

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

.simulator.line > footer {
  height: auto;
  max-height: 100%;
  min-height: 46px;
  padding-left: 0;
  padding-right: 0;
  background-color: #2C3660;
  display: flex;
  flex-direction: column; }
  .simulator.line > footer ul.pmenu {
    display: none; }
  .simulator.line > footer .line-f-bar {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #2C3660; }
  .simulator.line > footer .line-f-bar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-items: flex-start; }
    .simulator.line > footer .line-f-bar button.change-bar {
      display: block;
      box-sizing: border-box;
      width: 50px;
      min-width: 50px;
      height: 50px;
      margin: 0px;
      padding: 0px !important;
      color: #F6F8FB;
      background-color: transparent;
      border-radius: 0px;
      border-right: 0.5px solid #AAB2BD !important; }
      .simulator.line > footer .line-f-bar button.change-bar:before {
        display: block;
        position: relative;
        font-size: 24px;
        line-height: 50px;
        height: 50px;
        text-align: center;
        padding: 0px !important; }
    .simulator.line > footer .line-f-bar input {
      display: block; }
    .simulator.line > footer .line-f-bar > .msg {
      padding: 0px 16px;
      width: 100%;
      height: 50px;
      line-height: 50px; }
    .simulator.line > footer .line-f-bar input {
      height: 30px;
      line-height: 30px;
      border: 1px solid #D5D5D5;
      background-color: #F2F2F2;
      border-radius: 16px;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 16px;
      padding-left: 16px; }
      .simulator.line > footer .line-f-bar input:focus {
        -webkit-appearance: none;
        outline: none;
        background-color: white;
        border-color: #B2B2B2; }
  .simulator.line > footer div.rmenu-bar {
    z-index: 10; }
    .simulator.line > footer div.rmenu-bar > .menu-text {
      width: 100%;
      margin: 0px;
      padding: 0px !important;
      color: #FFF;
      text-align: center;
      font-size: 14px;
      height: 50px;
      line-height: 50px;
      cursor: pointer;
      text-decoration: underline; }
    .simulator.line > footer div.rmenu-bar > .menu-text:before {
      content: "";
      opacity: 1;
      padding: 0px !important;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 20px;
      height: 20px;
      line-height: 20px; }
    .simulator.line > footer div.rmenu-bar > .menu-text.open:before {
      opacity: 1;
      transition: opacity 0.2s ease-out;
      -webkit-transition: opacity .2s ease-out; }
    .simulator.line > footer div.rmenu-bar > .menu-text.close:before {
      opacity: 0;
      transition: opacity 0.2s ease-out;
      -webkit-transition: opacity .2s ease-out; }
  .simulator.line > footer div.rmenu {
    z-index: 9;
    position: relative;
    display: block;
    width: 100%;
    height: 0px;
    cursor: pointer;
    background: #FFF;
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 auto; }
    .simulator.line > footer div.rmenu div.area {
      position: absolute;
      margin: 0px;
      padding: 0px; }
  .simulator.line > footer input {
    display: none; }

.simulator.line li.left > span {
  display: none; }

.simulator.line li.right ol.card {
  margin-top: 0; }
  .simulator.line li.right ol.card li.text {
    background: transparent; }
  .simulator.line li.right ol.card li.text p {
    background: #36435E !important;
    border-radius: 18px;
    border: 0;
    font-weight: normal; }

.simulator.line li.right > span {
  padding-right: 0;
  color: #36435E;
  text-align: right; }

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

.simulator.line ol.card {
  background: transparent;
  border-color: transparent;
  padding-bottom: 16px; }
  .simulator.line ol.card li.text {
    padding: 0;
    background: transparent; }
    .simulator.line ol.card li.text p {
      background-color: #FFF; }
  .simulator.line ol.card li.item {
    color: #5473A0;
    text-decoration: none;
    border-top: 0; }
  .simulator.line ol.card li.title {
    font-size: 12px; }
  .simulator.line ol.card li.desc {
    font-size: 11px;
    color: #6D7181; }

.simulator.line ol.card.with-items {
  background: white;
  padding-bottom: 0px; }
  .simulator.line ol.card.with-items li.text {
    border-bottom: 1px solid #CECFCE; }

.simulator.line .scroller ol.card {
  border-radius: 16px !important;
  background: white; }

.web_view main {
  margin: 0px;
  padding: 0px; }

.simulator.web {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px;
  transform: none;
  background-color: #FFF;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 1px 2px 2px #AAB2BD; }
  .simulator.web > footer {
    padding: 8px 16px;
    line-height: 24px; }
    .simulator.web > footer:before {
      height: 0px;
      display: none; }
    .simulator.web > footer .msg {
      margin: 0px;
      padding: 0px; }
    .simulator.web > footer input {
      margin: 0px; }

article#bonp .simulator {
  box-shadow: none;
  border-radius: 0; }

dl#autoplayer {
  position: fixed;
  width: 410px;
  height: 48px; }
  dl#autoplayer dd {
    width: 60px;
    height: inherit; }
  dl#autoplayer dd:before {
    line-height: 48px; }
  dl#autoplayer dd.space-holder {
    flex: 1; }
  dl#autoplayer dd.on {
    background-color: transparent; }
  dl#autoplayer dd.on:before {
    color: #EB526C;
    text-shadow: 0 0 5px #EB526C; }

@keyframes show-forms {
  0% {
    right: -420px; }
  100% {
    right: 0; } }

.icon, header nav.breadcrumbs span:not(:last-child), .p3-layout .menu-pane li, .bot-editor ul.nodes div.schedule, .simulator > header dl dd, .ui-indicator #indicator:before, .list-view th.on {
  padding-left: 26px !important; }
  .icon:before, header nav.breadcrumbs span:not(:last-child):before, .p3-layout .menu-pane li:before, .bot-editor ul.nodes div.schedule:before, .simulator > header dl dd:before, .ui-indicator #indicator:before, .list-view th.on:before {
    font-size: 16px;
    line-height: inherit;
    height: inherit;
    padding-left: 6px !important; }
  .icon.angle-double-right:before, header nav.breadcrumbs span.angle-double-right:not(:last-child):before, .p3-layout .menu-pane li.angle-double-right:before, .bot-editor ul.nodes div.angle-double-right.schedule:before, .simulator > header dl dd.angle-double-right:before, .ui-indicator .angle-double-right#indicator:before, .list-view th.angle-double-right.on:before {
    content: ""; }
  .icon.dashboard:before, header nav.breadcrumbs span.dashboard:not(:last-child):before, .p3-layout .menu-pane li.dashboard:before, .bot-editor ul.nodes div.dashboard.schedule:before, .simulator > header dl dd.dashboard:before, .ui-indicator .dashboard#indicator:before, .list-view th.dashboard.on:before {
    content: ""; }
  .icon.import:before, header nav.breadcrumbs span.import:not(:last-child):before, .p3-layout .menu-pane li.import:before, .bot-editor ul.nodes div.import.schedule:before, .simulator > header dl dd.import:before, .ui-indicator .import#indicator:before, .list-view th.import.on:before {
    content: ""; }
  .icon.export:before, header nav.breadcrumbs span.export:not(:last-child):before, .p3-layout .menu-pane li.export:before, .bot-editor ul.nodes div.export.schedule:before, .simulator > header dl dd.export:before, .ui-indicator .export#indicator:before, .list-view th.export.on:before {
    content: ""; }
  .icon.save:before, header nav.breadcrumbs span.save:not(:last-child):before, .p3-layout .menu-pane li.save:before, .bot-editor ul.nodes div.save.schedule:before, .simulator > header dl dd.save:before, .ui-indicator .save#indicator:before, .list-view th.save.on:before {
    content: ""; }
  .icon.trash:before, header nav.breadcrumbs span.trash:not(:last-child):before, .p3-layout .menu-pane li.trash:before, .bot-editor ul.nodes div.trash.schedule:before, .simulator > header dl dd.trash:before, .ui-indicator .trash#indicator:before, .list-view th.trash.on:before {
    content: ""; }
  .icon.trash-thick:before, header nav.breadcrumbs span.trash-thick:not(:last-child):before, .p3-layout .menu-pane li.trash-thick:before, .bot-editor ul.nodes div.trash-thick.schedule:before, .simulator > header dl dd.trash-thick:before, .ui-indicator .trash-thick#indicator:before, .list-view th.trash-thick.on:before {
    content: ""; }
  .icon.trash_w:before, header nav.breadcrumbs span.trash_w:not(:last-child):before, .p3-layout .menu-pane li.trash_w:before, .bot-editor ul.nodes div.trash_w.schedule:before, .simulator > header dl dd.trash_w:before, .ui-indicator .trash_w#indicator:before, .list-view th.trash_w.on:before {
    content: "";
    color: #FFF; }
  .icon.plus:before, header nav.breadcrumbs span.plus:not(:last-child):before, .p3-layout .menu-pane li.plus:before, .bot-editor ul.nodes div.plus.schedule:before, .simulator > header dl dd.plus:before, .ui-indicator .plus#indicator:before, .list-view th.plus.on:before {
    content: ""; }
  .icon.plus-circle:before, header nav.breadcrumbs span.plus-circle:not(:last-child):before, .p3-layout .menu-pane li.plus-circle:before, .bot-editor ul.nodes div.plus-circle.schedule:before, .simulator > header dl dd.plus-circle:before, .ui-indicator .plus-circle#indicator:before, .list-view th.plus-circle.on:before {
    content: ""; }
  .icon.add_group:before, header nav.breadcrumbs span.add_group:not(:last-child):before, .p3-layout .menu-pane li.add_group:before, .bot-editor ul.nodes div.add_group.schedule:before, .simulator > header dl dd.add_group:before, .ui-indicator .add_group#indicator:before, .list-view th.add_group.on:before {
    content: ""; }
  .icon.test:before, header nav.breadcrumbs span.test:not(:last-child):before, .p3-layout .menu-pane li.test:before, .bot-editor ul.nodes div.test.schedule:before, .simulator > header dl dd.test:before, .ui-indicator .test#indicator:before, .list-view th.test.on:before {
    content: ""; }
  .icon.edit:before, header nav.breadcrumbs span.edit:not(:last-child):before, .p3-layout .menu-pane li.edit:before, .bot-editor ul.nodes div.edit.schedule:before, .simulator > header dl dd.edit:before, .ui-indicator .edit#indicator:before, .list-view th.edit.on:before {
    content: "";
    aria-hidden: true; }
  .icon.pencil:before, header nav.breadcrumbs span.pencil:not(:last-child):before, .p3-layout .menu-pane li.pencil:before, .bot-editor ul.nodes div.pencil.schedule:before, .simulator > header dl dd.pencil:before, .ui-indicator .pencil#indicator:before, .list-view th.pencil.on:before {
    content: ""; }
  .icon.home:before, header nav.breadcrumbs span.home:not(:last-child):before, .p3-layout .menu-pane li.home:before, .bot-editor ul.nodes div.home.schedule:before, .simulator > header dl dd.home:before, .ui-indicator .home#indicator:before, .list-view th.home.on:before {
    content: ""; }
  .icon.chats:before, header nav.breadcrumbs span.chats:not(:last-child):before, .p3-layout .menu-pane li.chats:before, .bot-editor ul.nodes div.chats.schedule:before, .simulator > header dl dd.chats:before, .ui-indicator .chats#indicator:before, .list-view th.chats.on:before {
    content: ""; }
  .icon.msgs:before, header nav.breadcrumbs span.msgs:not(:last-child):before, .p3-layout .menu-pane li.msgs:before, .bot-editor ul.nodes div.msgs.schedule:before, .simulator > header dl dd.msgs:before, .ui-indicator .msgs#indicator:before, .list-view th.msgs.on:before {
    content: ""; }
  .icon.users:before, header nav.breadcrumbs span.users:not(:last-child):before, .p3-layout .menu-pane li.users:before, .bot-editor ul.nodes div.users.schedule:before, .simulator > header dl dd.users:before, .ui-indicator .users#indicator:before, .list-view th.users.on:before {
    content: ""; }
  .icon.deploy:before, header nav.breadcrumbs span.deploy:not(:last-child):before, .p3-layout .menu-pane li.deploy:before, .bot-editor ul.nodes div.deploy.schedule:before, .simulator > header dl dd.deploy:before, .ui-indicator .deploy#indicator:before, .list-view th.deploy.on:before {
    content: ""; }
  .icon.lang:before, header nav.breadcrumbs span.lang:not(:last-child):before, .p3-layout .menu-pane li.lang:before, .bot-editor ul.nodes div.lang.schedule:before, .simulator > header dl dd.lang:before, .ui-indicator .lang#indicator:before, .list-view th.lang.on:before {
    content: ""; }
  .icon.puzzle:before, header nav.breadcrumbs span.puzzle:not(:last-child):before, .p3-layout .menu-pane li.puzzle:before, .bot-editor ul.nodes div.puzzle.schedule:before, .simulator > header dl dd.puzzle:before, .ui-indicator .puzzle#indicator:before, .list-view th.puzzle.on:before {
    content: ""; }
  .icon.hammer:before, header nav.breadcrumbs span.hammer:not(:last-child):before, .p3-layout .menu-pane li.hammer:before, .bot-editor ul.nodes div.hammer.schedule:before, .simulator > header dl dd.hammer:before, .ui-indicator .hammer#indicator:before, .list-view th.hammer.on:before {
    content: ""; }
  .icon.slack:before, header nav.breadcrumbs span.slack:not(:last-child):before, .p3-layout .menu-pane li.slack:before, .bot-editor ul.nodes div.slack.schedule:before, .simulator > header dl dd.slack:before, .ui-indicator .slack#indicator:before, .list-view th.slack.on:before {
    content: ""; }
  .icon.filter:before, header nav.breadcrumbs span.filter:not(:last-child):before, .p3-layout .menu-pane li.filter:before, .bot-editor ul.nodes div.filter.schedule:before, .simulator > header dl dd.filter:before, .ui-indicator .filter#indicator:before, .list-view th.filter.on:before {
    content: ""; }
  .icon.search:before, header nav.breadcrumbs span.search:not(:last-child):before, .p3-layout .menu-pane li.search:before, .bot-editor ul.nodes div.search.schedule:before, .simulator > header dl dd.search:before, .ui-indicator .search#indicator:before, .list-view th.search.on:before {
    content: ""; }
  .icon.back:before, header nav.breadcrumbs span.back:not(:last-child):before, .p3-layout .menu-pane li.back:before, .bot-editor ul.nodes div.back.schedule:before, .simulator > header dl dd.back:before, .ui-indicator .back#indicator:before, .list-view th.back.on:before {
    content: ""; }
  .icon.email:before, header nav.breadcrumbs span.email:not(:last-child):before, .p3-layout .menu-pane li.email:before, .bot-editor ul.nodes div.email.schedule:before, .simulator > header dl dd.email:before, .ui-indicator .email#indicator:before, .list-view th.email.on:before {
    content: ""; }
  .icon.send:before, header nav.breadcrumbs span.send:not(:last-child):before, .p3-layout .menu-pane li.send:before, .bot-editor ul.nodes div.send.schedule:before, .simulator > header dl dd.send:before, .ui-indicator .send#indicator:before, .list-view th.send.on:before {
    content: ""; }
  .icon.copy:before, header nav.breadcrumbs span.copy:not(:last-child):before, .p3-layout .menu-pane li.copy:before, .bot-editor ul.nodes div.copy.schedule:before, .simulator > header dl dd.copy:before, .ui-indicator .copy#indicator:before, .list-view th.copy.on:before {
    content: ""; }
  .icon.plus-square:before, header nav.breadcrumbs span.plus-square:not(:last-child):before, .p3-layout .menu-pane li.plus-square:before, .bot-editor ul.nodes div.plus-square.schedule:before, .simulator > header dl dd.plus-square:before, .ui-indicator .plus-square#indicator:before, .list-view th.plus-square.on:before {
    content: ""; }
  .icon.minus-square:before, header nav.breadcrumbs span.minus-square:not(:last-child):before, .p3-layout .menu-pane li.minus-square:before, .bot-editor ul.nodes div.minus-square.schedule:before, .simulator > header dl dd.minus-square:before, .ui-indicator .minus-square#indicator:before, .list-view th.minus-square.on:before {
    content: ""; }
  .icon.file:before, header nav.breadcrumbs span.file:not(:last-child):before, .p3-layout .menu-pane li.file:before, .bot-editor ul.nodes div.file.schedule:before, .simulator > header dl dd.file:before, .ui-indicator .file#indicator:before, .list-view th.file.on:before, .icon.files:before, header nav.breadcrumbs span.files:not(:last-child):before, .p3-layout .menu-pane li.files:before, .bot-editor ul.nodes div.files.schedule:before, .simulator > header dl dd.files:before, .ui-indicator .files#indicator:before, .list-view th.files.on:before {
    content: ""; }
  .icon.file-dark:before, header nav.breadcrumbs span.file-dark:not(:last-child):before, .p3-layout .menu-pane li.file-dark:before, .bot-editor ul.nodes div.file-dark.schedule:before, .simulator > header dl dd.file-dark:before, .ui-indicator .file-dark#indicator:before, .list-view th.file-dark.on:before {
    content: ""; }
  .icon.link:before, header nav.breadcrumbs span.link:not(:last-child):before, .p3-layout .menu-pane li.link:before, .bot-editor ul.nodes div.link.schedule:before, .simulator > header dl dd.link:before, .ui-indicator .link#indicator:before, .list-view th.link.on:before {
    content: ""; }
  .icon.signout:before, header nav.breadcrumbs span.signout:not(:last-child):before, .p3-layout .menu-pane li.signout:before, .bot-editor ul.nodes div.signout.schedule:before, .simulator > header dl dd.signout:before, .ui-indicator .signout#indicator:before, .list-view th.signout.on:before {
    content: ""; }
  .icon.expand:before, header nav.breadcrumbs span.expand:not(:last-child):before, .p3-layout .menu-pane li.expand:before, .bot-editor ul.nodes div.expand.schedule:before, .simulator > header dl dd.expand:before, .ui-indicator .expand#indicator:before, .list-view th.expand.on:before {
    content: ""; }
  .icon.close:before, header nav.breadcrumbs span.close:not(:last-child):before, .p3-layout .menu-pane li.close:before, .bot-editor ul.nodes div.close.schedule:before, .simulator > header dl dd.close:before, .ui-indicator .close#indicator:before, .list-view th.close.on:before {
    content: ""; }
  .icon.map:before, header nav.breadcrumbs span.map:not(:last-child):before, .p3-layout .menu-pane li.map:before, .bot-editor ul.nodes div.map.schedule:before, .simulator > header dl dd.map:before, .ui-indicator .map#indicator:before, .list-view th.map.on:before {
    content: ""; }
  .icon.rss:before, header nav.breadcrumbs span.rss:not(:last-child):before, .p3-layout .menu-pane li.rss:before, .bot-editor ul.nodes div.rss.schedule:before, .simulator > header dl dd.rss:before, .ui-indicator .rss#indicator:before, .list-view th.rss.on:before {
    content: ""; }
  .icon.check-circle:before, header nav.breadcrumbs span.check-circle:not(:last-child):before, .p3-layout .menu-pane li.check-circle:before, .bot-editor ul.nodes div.check-circle.schedule:before, .simulator > header dl dd.check-circle:before, .ui-indicator .check-circle#indicator:before, .list-view th.check-circle.on:before {
    content: ""; }
  .icon.cog:before, header nav.breadcrumbs span.cog:not(:last-child):before, .p3-layout .menu-pane li.cog:before, .bot-editor ul.nodes div.cog.schedule:before, .simulator > header dl dd.cog:before, .ui-indicator .cog#indicator:before, .list-view th.cog.on:before {
    content: ""; }
  .icon.menu:before, header nav.breadcrumbs span.menu:not(:last-child):before, .p3-layout .menu-pane li.menu:before, .bot-editor ul.nodes div.menu.schedule:before, .simulator > header dl dd.menu:before, .ui-indicator .menu#indicator:before, .list-view th.menu.on:before {
    content: ""; }
  .icon.clock:before, header nav.breadcrumbs span.clock:not(:last-child):before, .p3-layout .menu-pane li.clock:before, .bot-editor ul.nodes div.clock.schedule:before, .simulator > header dl dd.clock:before, .ui-indicator .clock#indicator:before, .list-view th.clock.on:before {
    content: ""; }
  .icon.tags:before, header nav.breadcrumbs span.tags:not(:last-child):before, .p3-layout .menu-pane li.tags:before, .bot-editor ul.nodes div.tags.schedule:before, .simulator > header dl dd.tags:before, .ui-indicator .tags#indicator:before, .list-view th.tags.on:before {
    content: ""; }
  .icon.webhook:before, header nav.breadcrumbs span.webhook:not(:last-child):before, .p3-layout .menu-pane li.webhook:before, .bot-editor ul.nodes div.webhook.schedule:before, .simulator > header dl dd.webhook:before, .ui-indicator .webhook#indicator:before, .list-view th.webhook.on:before {
    content: ""; }
  .icon.lock:before, header nav.breadcrumbs span.lock:not(:last-child):before, .p3-layout .menu-pane li.lock:before, .bot-editor ul.nodes div.lock.schedule:before, .simulator > header dl dd.lock:before, .ui-indicator .lock#indicator:before, .list-view th.lock.on:before {
    content: ""; }
  .icon.unlock:before, header nav.breadcrumbs span.unlock:not(:last-child):before, .p3-layout .menu-pane li.unlock:before, .bot-editor ul.nodes div.unlock.schedule:before, .simulator > header dl dd.unlock:before, .ui-indicator .unlock#indicator:before, .list-view th.unlock.on:before {
    content: ""; }
  .icon.link:before, header nav.breadcrumbs span.link:not(:last-child):before, .p3-layout .menu-pane li.link:before, .bot-editor ul.nodes div.link.schedule:before, .simulator > header dl dd.link:before, .ui-indicator .link#indicator:before, .list-view th.link.on:before {
    content: ""; }
  .icon.camera:before, header nav.breadcrumbs span.camera:not(:last-child):before, .p3-layout .menu-pane li.camera:before, .bot-editor ul.nodes div.camera.schedule:before, .simulator > header dl dd.camera:before, .ui-indicator .camera#indicator:before, .list-view th.camera.on:before {
    content: ""; }
  .icon.share:before, header nav.breadcrumbs span.share:not(:last-child):before, .p3-layout .menu-pane li.share:before, .bot-editor ul.nodes div.share.schedule:before, .simulator > header dl dd.share:before, .ui-indicator .share#indicator:before, .list-view th.share.on:before {
    content: ""; }
  .icon.checkbox:before, header nav.breadcrumbs span.checkbox:not(:last-child):before, .school_list_view main .center-pane header dd:before, .docrequest_list_view main .center-pane header dd:before, .sctag_list_view main .center-pane header dd:before, .scgroups_list_view main .center-pane header dd:before, .p3-layout .menu-pane li.checkbox:before, .bot-editor ul.nodes div.checkbox.schedule:before, .simulator > header dl dd.checkbox:before, .ui-indicator .checkbox#indicator:before, .list-view th.checkbox.on:before {
    content: "";
    font-weight: bold; }
  .icon.calendar:before, header nav.breadcrumbs span.calendar:not(:last-child):before, .p3-layout .menu-pane li.calendar:before, .bot-editor ul.nodes div.calendar.schedule:before, .simulator > header dl dd.calendar:before, .ui-indicator .calendar#indicator:before, .list-view th.calendar.on:before {
    content: ""; }
  .icon.comment:before, header nav.breadcrumbs span.comment:not(:last-child):before, .p3-layout .menu-pane li.comment:before, .bot-editor ul.nodes div.comment.schedule:before, .simulator > header dl dd.comment:before, .ui-indicator .comment#indicator:before, .list-view th.comment.on:before {
    content: ""; }
  .icon.dots:before, header nav.breadcrumbs span.dots:not(:last-child):before, .p3-layout .menu-pane li.dots:before, .bot-editor ul.nodes div.dots.schedule:before, .simulator > header dl dd.dots:before, .ui-indicator .dots#indicator:before, .list-view th.dots.on:before {
    content: ""; }
  .icon.dots-v:before, header nav.breadcrumbs span.dots-v:not(:last-child):before, .p3-layout .menu-pane li.dots-v:before, .bot-editor ul.nodes div.dots-v.schedule:before, .simulator > header dl dd.dots-v:before, .ui-indicator .dots-v#indicator:before, .list-view th.dots-v.on:before {
    content: ""; }
  .icon.brush:before, header nav.breadcrumbs span.brush:not(:last-child):before, .p3-layout .menu-pane li.brush:before, .bot-editor ul.nodes div.brush.schedule:before, .simulator > header dl dd.brush:before, .ui-indicator .brush#indicator:before, .list-view th.brush.on:before {
    content: ""; }
  .icon.right-caret, header nav.breadcrumbs span.right-caret:not(:last-child), .p3-layout .menu-pane li.right-caret, section.outline summary > h3.icon:before, section.outline .ui-indicator summary > h3#indicator:before, .ui-indicator section.outline summary > h3#indicator:before, .bot-editor ul.nodes div.right-caret.schedule, .simulator > header dl dd.right-caret, .ui-indicator .right-caret#indicator:before, .list-view th.right-caret.on {
    content: ""; }
  .icon.down-caret, header nav.breadcrumbs span.down-caret:not(:last-child), .p3-layout .menu-pane li.down-caret, section.outline details[open] h3.icon:before, section.outline details[open] .ui-indicator h3#indicator:before, .ui-indicator section.outline details[open] h3#indicator:before, .bot-editor ul.nodes div.down-caret.schedule, .simulator > header dl dd.down-caret, .ui-indicator .down-caret#indicator:before, .list-view th.down-caret.on {
    content: ""; }
  .icon.right-thin, header nav.breadcrumbs span.right-thin:not(:last-child), header nav.breadcrumbs span:not(:last-child):before, header nav.breadcrumbs .ui-indicator span#indicator:not(:last-child):before, .ui-indicator header nav.breadcrumbs span#indicator:not(:last-child):before, .p3-layout .menu-pane li.right-thin, .bot-editor ul.nodes div.right-thin.schedule, .simulator > header dl dd.right-thin, .ui-indicator .right-thin#indicator:before, .list-view th.right-thin.on {
    content: ""; }
  .icon.right-circle, header nav.breadcrumbs span.right-circle:not(:last-child), .p3-layout .menu-pane li.right-circle, .bot-editor ul.nodes div.right-circle.schedule, .simulator > header dl dd.right-circle, .ui-indicator .right-circle#indicator:before, .list-view th.right-circle.on {
    content: ""; }
  .icon.rt-text:before, header nav.breadcrumbs span.rt-text:not(:last-child):before, .p3-layout .menu-pane li.rt-text:before, .bot-editor ul.nodes div.rt-text.schedule:before, .simulator > header dl dd.rt-text:before, .ui-indicator .rt-text#indicator:before, .list-view th.rt-text.on:before {
    content: ""; }
  .icon.rt-card:before, header nav.breadcrumbs span.rt-card:not(:last-child):before, .p3-layout .menu-pane li.rt-card:before, .bot-editor ul.nodes div.rt-card.schedule:before, .simulator > header dl dd.rt-card:before, .ui-indicator .rt-card#indicator:before, .list-view th.rt-card.on:before {
    content: ""; }
  .icon.rt-list:before, header nav.breadcrumbs span.rt-list:not(:last-child):before, .p3-layout .menu-pane li.rt-list:before, .bot-editor ul.nodes div.rt-list.schedule:before, .simulator > header dl dd.rt-list:before, .ui-indicator .rt-list#indicator:before, .list-view th.rt-list.on:before {
    content: ""; }
  .icon.rt-image:before, header nav.breadcrumbs span.rt-image:not(:last-child):before, .p3-layout .menu-pane li.rt-image:before, .bot-editor ul.nodes div.rt-image.schedule:before, .simulator > header dl dd.rt-image:before, .ui-indicator .rt-image#indicator:before, .list-view th.rt-image.on:before {
    content: ""; }
  .icon.rt-imagemap:before, header nav.breadcrumbs span.rt-imagemap:not(:last-child):before, .p3-layout .menu-pane li.rt-imagemap:before, .bot-editor ul.nodes div.rt-imagemap.schedule:before, .simulator > header dl dd.rt-imagemap:before, .ui-indicator .rt-imagemap#indicator:before, .list-view th.rt-imagemap.on:before {
    content: ""; }
  .icon.rt-video:before, header nav.breadcrumbs span.rt-video:not(:last-child):before, .p3-layout .menu-pane li.rt-video:before, .bot-editor ul.nodes div.rt-video.schedule:before, .simulator > header dl dd.rt-video:before, .ui-indicator .rt-video#indicator:before, .list-view th.rt-video.on:before {
    content: ""; }
  .icon.rt-if:before, header nav.breadcrumbs span.rt-if:not(:last-child):before, .p3-layout .menu-pane li.rt-if:before, .bot-editor ul.nodes div.rt-if.schedule:before, .simulator > header dl dd.rt-if:before, .ui-indicator .rt-if#indicator:before, .list-view th.rt-if.on:before {
    content: ""; }
  .icon.rt-richmenu:before, header nav.breadcrumbs span.rt-richmenu:not(:last-child):before, .p3-layout .menu-pane li.rt-richmenu:before, .bot-editor ul.nodes div.rt-richmenu.schedule:before, .simulator > header dl dd.rt-richmenu:before, .ui-indicator .rt-richmenu#indicator:before, .list-view th.rt-richmenu.on:before {
    content: ""; }
  .icon.prof:before, header nav.breadcrumbs span.prof:not(:last-child):before, .p3-layout .menu-pane li.prof:before, .bot-editor ul.nodes div.prof.schedule:before, .simulator > header dl dd.prof:before, .ui-indicator .prof#indicator:before, .list-view th.prof.on:before {
    content: ""; }
  .icon.key:before, header nav.breadcrumbs span.key:not(:last-child):before, .p3-layout .menu-pane li.key:before, .bot-editor ul.nodes div.key.schedule:before, .simulator > header dl dd.key:before, .ui-indicator .key#indicator:before, .list-view th.key.on:before {
    content: ""; }
  .icon.bill:before, header nav.breadcrumbs span.bill:not(:last-child):before, .p3-layout .menu-pane li.bill:before, .bot-editor ul.nodes div.bill.schedule:before, .simulator > header dl dd.bill:before, .ui-indicator .bill#indicator:before, .list-view th.bill.on:before {
    content: ""; }
  .icon.help:before, header nav.breadcrumbs span.help:not(:last-child):before, .p3-layout .menu-pane li.help:before, .bot-editor ul.nodes div.help.schedule:before, .simulator > header dl dd.help:before, .ui-indicator .help#indicator:before, .list-view th.help.on:before {
    content: ""; }
  .icon.html5:before, header nav.breadcrumbs span.html5:not(:last-child):before, .p3-layout .menu-pane li.html5:before, .bot-editor ul.nodes div.html5.schedule:before, .simulator > header dl dd.html5:before, .ui-indicator .html5#indicator:before, .list-view th.html5.on:before {
    content: ""; }
  .icon.unknown:before, header nav.breadcrumbs span.unknown:not(:last-child):before, .p3-layout .menu-pane li.unknown:before, .bot-editor ul.nodes div.unknown.schedule:before, .simulator > header dl dd.unknown:before, .ui-indicator .unknown#indicator:before, .list-view th.unknown.on:before {
    content: ""; }
  .icon.coding:before, header nav.breadcrumbs span.coding:not(:last-child):before, .p3-layout .menu-pane li.coding:before, .bot-editor ul.nodes div.coding.schedule:before, .simulator > header dl dd.coding:before, .ui-indicator .coding#indicator:before, .list-view th.coding.on:before {
    content: ""; }
  .icon.biz:before, header nav.breadcrumbs span.biz:not(:last-child):before, .p3-layout .menu-pane li.biz:before, .bot-editor ul.nodes div.biz.schedule:before, .simulator > header dl dd.biz:before, .ui-indicator .biz#indicator:before, .list-view th.biz.on:before {
    content: ""; }
  .icon.invite:before, header nav.breadcrumbs span.invite:not(:last-child):before, .p3-layout .menu-pane li.invite:before, .bot-editor ul.nodes div.invite.schedule:before, .simulator > header dl dd.invite:before, .ui-indicator .invite#indicator:before, .list-view th.invite.on:before {
    content: ""; }
  .icon.css:before, header nav.breadcrumbs span.css:not(:last-child):before, .p3-layout .menu-pane li.css:before, .bot-editor ul.nodes div.css.schedule:before, .simulator > header dl dd.css:before, .ui-indicator .css#indicator:before, .list-view th.css.on:before {
    content: ""; }
  .icon.group:before, header nav.breadcrumbs span.group:not(:last-child):before, .p3-layout .menu-pane li.group:before, .bot-editor ul.nodes div.group.schedule:before, .simulator > header dl dd.group:before, .ui-indicator .group#indicator:before, .list-view th.group.on:before {
    content: ""; }
  .icon.phone:before, header nav.breadcrumbs span.phone:not(:last-child):before, .p3-layout .menu-pane li.phone:before, .bot-editor ul.nodes div.phone.schedule:before, .simulator > header dl dd.phone:before, .ui-indicator .phone#indicator:before, .list-view th.phone.on:before {
    content: ""; }
  .icon.plug:before, header nav.breadcrumbs span.plug:not(:last-child):before, .p3-layout .menu-pane li.plug:before, .bot-editor ul.nodes div.plug.schedule:before, .simulator > header dl dd.plug:before, .ui-indicator .plug#indicator:before, .list-view th.plug.on:before {
    content: ""; }
  .icon.connected:before, header nav.breadcrumbs span.connected:not(:last-child):before, .p3-layout .menu-pane li.connected:before, .bot-editor ul.nodes div.connected.schedule:before, .simulator > header dl dd.connected:before, .ui-indicator .connected#indicator:before, .list-view th.connected.on:before {
    content: ""; }
  .icon.list:before, header nav.breadcrumbs span.list:not(:last-child):before, .p3-layout .menu-pane li.list:before, .bot-editor ul.nodes div.list.schedule:before, .simulator > header dl dd.list:before, .ui-indicator .list#indicator:before, .list-view th.list.on:before {
    content: ""; }
  .icon.grid:before, header nav.breadcrumbs span.grid:not(:last-child):before, .p3-layout .menu-pane li.grid:before, .bot-editor ul.nodes div.grid.schedule:before, .simulator > header dl dd.grid:before, .ui-indicator .grid#indicator:before, .list-view th.grid.on:before {
    content: ""; }
  .icon.fullwindow:before, header nav.breadcrumbs span.fullwindow:not(:last-child):before, .p3-layout .menu-pane li.fullwindow:before, .bot-editor ul.nodes div.fullwindow.schedule:before, .simulator > header dl dd.fullwindow:before, .ui-indicator .fullwindow#indicator:before, .list-view th.fullwindow.on:before {
    content: ""; }
  .icon.halfwindow:before, header nav.breadcrumbs span.halfwindow:not(:last-child):before, .p3-layout .menu-pane li.halfwindow:before, .bot-editor ul.nodes div.halfwindow.schedule:before, .simulator > header dl dd.halfwindow:before, .ui-indicator .halfwindow#indicator:before, .list-view th.halfwindow.on:before {
    content: ""; }
  .icon.ec:before, header nav.breadcrumbs span.ec:not(:last-child):before, .p3-layout .menu-pane li.ec:before, .bot-editor ul.nodes div.ec.schedule:before, .simulator > header dl dd.ec:before, .ui-indicator .ec#indicator:before, .list-view th.ec.on:before {
    content: ""; }
  .icon.call:before, header nav.breadcrumbs span.call:not(:last-child):before, .p3-layout .menu-pane li.call:before, .bot-editor ul.nodes div.call.schedule:before, .simulator > header dl dd.call:before, .ui-indicator .call#indicator:before, .list-view th.call.on:before {
    content: ""; }
  .icon.color:before, header nav.breadcrumbs span.color:not(:last-child):before, .p3-layout .menu-pane li.color:before, .bot-editor ul.nodes div.color.schedule:before, .simulator > header dl dd.color:before, .ui-indicator .color#indicator:before, .list-view th.color.on:before {
    content: ""; }
  .icon.ec-cloth:before, header nav.breadcrumbs span.ec-cloth:not(:last-child):before, .p3-layout .menu-pane li.ec-cloth:before, .bot-editor ul.nodes div.ec-cloth.schedule:before, .simulator > header dl dd.ec-cloth:before, .ui-indicator .ec-cloth#indicator:before, .list-view th.ec-cloth.on:before {
    content: '';
    background-image: url(/images/ico_ec_cloth.svg); }
  .icon.ec-sale:before, header nav.breadcrumbs span.ec-sale:not(:last-child):before, .p3-layout .menu-pane li.ec-sale:before, .bot-editor ul.nodes div.ec-sale.schedule:before, .simulator > header dl dd.ec-sale:before, .ui-indicator .ec-sale#indicator:before, .list-view th.ec-sale.on:before {
    content: '';
    background-image: url(/images/ico_ec_sale.svg); }
  .icon.ec-stock:before, header nav.breadcrumbs span.ec-stock:not(:last-child):before, .p3-layout .menu-pane li.ec-stock:before, .bot-editor ul.nodes div.ec-stock.schedule:before, .simulator > header dl dd.ec-stock:before, .ui-indicator .ec-stock#indicator:before, .list-view th.ec-stock.on:before {
    content: '';
    background-image: url(/images/ico_ec_stock.svg); }
  .icon.ec-cloth.on:before, header nav.breadcrumbs span.ec-cloth.on:not(:last-child):before, .p3-layout .menu-pane li.ec-cloth.on:before, .bot-editor ul.nodes div.ec-cloth.on.schedule:before, .simulator > header dl dd.ec-cloth.on:before, .ui-indicator .ec-cloth.on#indicator:before, .list-view th.ec-cloth.on:before {
    content: '';
    background-image: url(/images/ico_ec_cloth_d.svg); }
  .icon.ec-sale.on:before, header nav.breadcrumbs span.ec-sale.on:not(:last-child):before, .p3-layout .menu-pane li.ec-sale.on:before, .bot-editor ul.nodes div.ec-sale.on.schedule:before, .simulator > header dl dd.ec-sale.on:before, .ui-indicator .ec-sale.on#indicator:before, .list-view th.ec-sale.on:before {
    content: '';
    background-image: url(/images/ico_ec_sale_d.svg); }
  .icon.ec-stock.on:before, header nav.breadcrumbs span.ec-stock.on:not(:last-child):before, .p3-layout .menu-pane li.ec-stock.on:before, .bot-editor ul.nodes div.ec-stock.on.schedule:before, .simulator > header dl dd.ec-stock.on:before, .ui-indicator .ec-stock.on#indicator:before, .list-view th.ec-stock.on:before {
    content: '';
    background-image: url(/images/ico_ec_stock_d.svg); }
  .icon.ecoma-w:before, header nav.breadcrumbs span.ecoma-w:not(:last-child):before, .p3-layout .menu-pane li.ecoma-w:before, .bot-editor ul.nodes div.ecoma-w.schedule:before, .simulator > header dl dd.ecoma-w:before, .ui-indicator .ecoma-w#indicator:before, .list-view th.ecoma-w.on:before {
    content: '';
    background-image: url(/images/ecoma-w.svg); }
  .icon.oname_sdk:before, header nav.breadcrumbs span.oname_sdk:not(:last-child):before, .p3-layout .menu-pane li.oname_sdk:before, .bot-editor ul.nodes div.oname_sdk.schedule:before, .simulator > header dl dd.oname_sdk:before, .ui-indicator .oname_sdk#indicator:before, .list-view th.oname_sdk.on:before {
    content: ""; }
  .icon.oname_fb:before, header nav.breadcrumbs span.oname_fb:not(:last-child):before, .p3-layout .menu-pane li.oname_fb:before, .bot-editor ul.nodes div.oname_fb.schedule:before, .simulator > header dl dd.oname_fb:before, .simulator > header dl dd.fb:before, .simulator > header dl .ui-indicator dd.fb#indicator:before, .ui-indicator .simulator > header dl dd.fb#indicator:before, .ui-indicator .oname_fb#indicator:before, .list-view th.oname_fb.on:before {
    content: ""; }
  .icon.oname_tw:before, header nav.breadcrumbs span.oname_tw:not(:last-child):before, .p3-layout .menu-pane li.oname_tw:before, .bot-editor ul.nodes div.oname_tw.schedule:before, .simulator > header dl dd.oname_tw:before, .ui-indicator .oname_tw#indicator:before, .list-view th.oname_tw.on:before {
    content: ""; }
  .icon.oname_wc:before, header nav.breadcrumbs span.oname_wc:not(:last-child):before, .p3-layout .menu-pane li.oname_wc:before, .bot-editor ul.nodes div.oname_wc.schedule:before, .simulator > header dl dd.oname_wc:before, .ui-indicator .oname_wc#indicator:before, .list-view th.oname_wc.on:before {
    content: ""; }
  .icon.oname_line:before, header nav.breadcrumbs span.oname_line:not(:last-child):before, .p3-layout .menu-pane li.oname_line:before, .bot-editor ul.nodes div.oname_line.schedule:before, .simulator > header dl dd.oname_line:before, .simulator > header dl dd.line:before, .simulator > header dl .ui-indicator dd.line#indicator:before, .ui-indicator .simulator > header dl dd.line#indicator:before, .ui-indicator .oname_line#indicator:before, .list-view th.oname_line.on:before {
    content: "";
    background-image: url(/images/ico_line.svg);
    background-size: auto 14px;
    background-position: left 50%;
    width: 16px;
    height: inherit; }
  .icon.oname_line.on:before, header nav.breadcrumbs span.oname_line.on:not(:last-child):before, .p3-layout .menu-pane li.oname_line.on:before, .bot-editor ul.nodes div.oname_line.on.schedule:before, .simulator > header dl dd.oname_line.on:before, .simulator > header dl dd.on.line:before, .simulator > header dl .ui-indicator dd.on.line#indicator:before, .ui-indicator .simulator > header dl dd.on.line#indicator:before, .ui-indicator .oname_line.on#indicator:before, .list-view th.oname_line.on:before {
    content: "";
    background-image: url(/images/ico_line_on.svg); }
  .icon.sort:before, header nav.breadcrumbs span.sort:not(:last-child):before, .p3-layout .menu-pane li.sort:before, .bot-editor ul.nodes div.sort.schedule:before, .simulator > header dl dd.sort:before, .ui-indicator .sort#indicator:before, .list-view th.sort.on:before {
    content: ""; }
  .icon.asc:before, header nav.breadcrumbs span.asc:not(:last-child):before, .p3-layout .menu-pane li.asc:before, .bot-editor ul.nodes div.asc.schedule:before, .simulator > header dl dd.asc:before, .ui-indicator .asc#indicator:before, .list-view th.on.asc:before {
    content: ""; }
  .icon.desc:before, header nav.breadcrumbs span.desc:not(:last-child):before, .p3-layout .menu-pane li.desc:before, .bot-editor ul.nodes div.desc.schedule:before, .simulator > header dl dd.desc:before, .ui-indicator .desc#indicator:before, .list-view th.on.desc:before {
    content: ""; }
  .icon.power-on:before, header nav.breadcrumbs span.power-on:not(:last-child):before, .p3-layout .menu-pane li.power-on:before, .bot-editor ul.nodes div.power-on.schedule:before, .simulator > header dl dd.power-on:before, .ui-indicator .power-on#indicator:before, .list-view th.power-on.on:before {
    content: "";
    color: #1F69B0; }
  .icon.power-off:before, header nav.breadcrumbs span.power-off:not(:last-child):before, .p3-layout .menu-pane li.power-off:before, .bot-editor ul.nodes div.power-off.schedule:before, .simulator > header dl dd.power-off:before, .ui-indicator .power-off#indicator:before, .list-view th.power-off.on:before {
    content: "";
    color: #FDC609; }
  .icon.switch-on:before, header nav.breadcrumbs span.switch-on:not(:last-child):before, .p3-layout .menu-pane li.switch-on:before, .bot-editor ul.nodes div.switch-on.schedule:before, .simulator > header dl dd.switch-on:before, .ui-indicator .switch-on#indicator:before, .list-view th.switch-on.on:before {
    content: ""; }
  .icon.switch-off:before, header nav.breadcrumbs span.switch-off:not(:last-child):before, .p3-layout .menu-pane li.switch-off:before, .bot-editor ul.nodes div.switch-off.schedule:before, .simulator > header dl dd.switch-off:before, .ui-indicator .switch-off#indicator:before, .list-view th.switch-off.on:before {
    content: ""; }
  .icon.on, header nav.breadcrumbs span.on:not(:last-child), .p3-layout .menu-pane li.on, .bot-editor ul.nodes div.on.schedule, .simulator > header dl dd.on, .ui-indicator .on#indicator:before, .list-view th.on {
    color: #FFF;
    background-color: #83EAFD;
    font-weight: 600; }
  .icon.car:before, header nav.breadcrumbs span.car:not(:last-child):before, .p3-layout .menu-pane li.car:before, .bot-editor ul.nodes div.car.schedule:before, .simulator > header dl dd.car:before, .ui-indicator .car#indicator:before, .list-view th.car.on:before {
    content: ""; }

.ui-indicator #indicator {
  position: relative;
  background-color: rgba(44, 54, 96, 0.9);
  width: 100%;
  margin-top: 40px;
  height: calc(100vh - 40px);
  overflow: none;
  color: white;
  text-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }
  .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%; }

nav.breadcrumbs h1, nav.breadcrumbs h2 {
  position: relative;
  cursor: pointer; }

.me {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer; }
  .me img {
    width: auto;
    height: 40px;
    border-radius: 20px; }
  .me h6 {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    font-size: 1rem; }
  .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); }

.btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px; }

.ballon-text-left, ol.card li.text {
  background-color: #0084FF;
  color: white;
  width: 270px;
  padding: 10px 16px 10px 16px;
  box-sizing: border-box;
  font-size: .8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 20px;
  word-break: break-word; }

body[lang=ja] section.outline h3, body[lang=ja] section.outline h5 {
  font-size: .9rem !important; }

body[lang=ja] section.outline footer button {
  font-size: .8rem !important; }

body[lang=ja] * {
  font-family: "Rounded Mplus 1c","Meiryo","Hiragino Maru Gothic Pro" !important; }

dl.tabs {
  display: flex;
  border: 1px solid #AAB2BD;
  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 #AAB2BD;
    color: #5A677C;
    position: relative;
    cursor: pointer;
    font-family: 'Open Sans'; }
  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: #2F323A;
    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: #2F323A; }
  #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: #FDC609;
    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; }

/*list view*/
.list-view {
  width: 100%;
  border-collapse: collapse; }

.list-view tr {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #AAB2BD; }

.list-view tr:hover {
  background-color: rgba(31, 170, 130, 0.05); }

.list-view tr:first-child {
  height: 40px;
  line-height: 40px; }

.list-view tr:first-child:hover {
  background-color: transparent; }

.list-view tr:last-child td {
  height: 40px;
  line-height: 40px; }

/*pages row*/
.list-view th {
  font-weight: bold;
  color: #1F2A37;
  font-size: .85rem;
  position: relative;
  padding-left: 24px;
  cursor: hand;
  cursor: pointer;
  white-space: nowrap; }

.list-view th.list-view-checkbox {
  padding-left: 16px; }

.list-view th.none {
  cursor: default;
  padding-left: 12px; }

.list-view th.none:first-child {
  padding-left: 16px; }

.list-view th:before {
  padding-left: 0; }

.list-view th.none {
  padding-left: 0; }

.list-view th.on {
  padding-left: 14px;
  background-color: transparent !important;
  color: #83EAFD; }

.list-view td {
  font-weight: normal;
  color: #656978;
  font-size: .85rem;
  padding-left: 10px;
  cursor: pointer;
  white-space: nowrap;
  cursor: pointer; }

.list-view td:first-child {
  padding-left: 16px; }

.list-view-pages {
  display: flex;
  margin: auto;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  align-items: center; }

.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: .7rem;
  font-family: Tahoma; }

.list-view-pages dd.on {
  border-radius: 16px;
  background-color: #F5A623;
  color: white; }

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

.check-errors {
  width: 90%;
  background-color: rgba(255, 255, 255, 0.1);
  overflow: auto;
  height: 90px;
  margin: auto; }
  .check-errors > * {
    display: block !important;
    height: 20px;
    line-height: 20px;
    font-size: .8rem;
    clear: both;
    width: inherit;
    text-decoration: none;
    white-space: nowrap; }
  .check-errors b {
    color: #FDC609; }
  .check-errors u {
    color: rgba(255, 255, 255, 0.7); }

div.thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  box-sizing: border-box; }
  div.thumb.large {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 30px !important; }

main {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.left-pane {
  position: relative;
  width: 180px;
  height: inherit;
  background-color: white;
  border-right: 1px solid #E0E2E9; }
  .left-pane li {
    height: 48px;
    line-height: 48px;
    padding-left: 16px;
    position: relative;
    color: #5A677C;
    cursor: pointer; }
    .left-pane li > * {
      cursor: pointer; }
    .left-pane li.on {
      background-color: #F3F4F8;
      color: #4F5672; }
  .left-pane footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: inherit;
    height: 48px;
    line-height: 48px;
    background: white;
    box-sizing: border-box;
    border-right: 1px solid #AAB2BD;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .left-pane footer button {
      text-align: left;
      padding-right: 10px;
      margin: auto;
      margin-right: 0; }

section.dark {
  background-color: #2F323A; }
  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 header nav.breadcrumbs span:not(:last-child), header nav.breadcrumbs section.dark footer span:not(:last-child), section.dark footer .p3-layout .menu-pane li, .p3-layout .menu-pane section.dark footer li, section.dark footer .bot-editor ul.nodes div.schedule, .bot-editor ul.nodes section.dark footer div.schedule, section.dark footer .simulator > header dl dd, .simulator > header dl section.dark footer dd, section.dark footer .ui-indicator #indicator:before, .ui-indicator section.dark footer #indicator:before, section.dark footer .list-view th.on, .list-view section.dark footer th.on {
      color: white; }

.center-pane {
  flex: 1;
  height: inherit; }
  .center-pane > section {
    flex: 1; }
  .center-pane li {
    width: inherit;
    position: relative; }

.right-pane {
  position: relative;
  width: 360px;
  height: inherit;
  background-color: white;
  border-left: 1px solid #AAB2BD;
  overflow-y: auto; }

.popover.vars {
  z-index: 999; }
  .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 dd {
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    color: #FFF;
    background-color: #A79CE1;
    text-align: center;
    border-radius: 4px;
    margin: 6px;
    cursor: pointer; }

.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: #FFF;
    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 form, .wide-window form {
    min-height: auto !important; }
  .normal-window textarea, .wide-window textarea {
    height: 180px; }
  .normal-window .tab-menu, .wide-window .tab-menu {
    flex-direction: column;
    width: 160px;
    height: inherit;
    justify-content: flex-start;
    background-color: #E0E2E9;
    border: 0;
    border-right: 1px solid #AAB2BD; }
    .normal-window .tab-menu dd, .wide-window .tab-menu dd {
      width: inherit;
      height: 44px;
      line-height: 44px;
      border: 0px;
      border-bottom: 1px solid #AAB2BD;
      padding-left: 36px !important;
      text-align: left; }
      .normal-window .tab-menu dd.on, .wide-window .tab-menu dd.on {
        background-color: white;
        border-right-color: white; }
      .normal-window .tab-menu dd:before, .wide-window .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 #AAB2BD;
    text-align: left;
    padding-left: 16px; }

.plus-minus {
  width: 24px;
  height: 48px;
  position: absolute;
  left: 330px;
  top: 6px;
  color: #2F323A; }
  .plus-minus i:before {
    color: #4F5672; }
  .plus-minus .minus-square {
    top: 20px; }

textarea:focus ~ .plus-minus i:before {
  color: #FFF; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.empty {
  color: #AAB2BD; }

.logo {
  height: 36px;
  margin-top: 6px; }

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

.ext-btn {
  padding: 0 16px 0 16px;
  text-align: center; }

@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: #1F69B0;
  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: #1F69B0;
    content: ""; }

body > article > header {
  height: 48px;
  line-height: 48px;
  background: #FFF; }
  body > article > header * {
    color: #5A677C; }
  body > article > header nav.breadcrumbs, body > article > header div.btns {
    height: inherit;
    line-height: inherit; }
  body > article > header button.icon, body > article > header .ui-indicator button#indicator:before, .ui-indicator body > article > header button#indicator:before {
    opacity: 0.7;
    border-radius: 0;
    font-family: 'Arial' !important;
    font-weight: normal;
    box-sizing: border-box; }
  body > article > header button.icon:hover, body > article > header .ui-indicator button#indicator:hover:before, .ui-indicator body > article > header button#indicator:hover:before {
    border-bottom: 2px solid #F5A623;
    color: #F5A623;
    opacity: 0.9;
    background: transparent; }
  body > article > header button.icon.on, body > article > header .ui-indicator button.on#indicator:before, .ui-indicator body > article > header button.on#indicator:before {
    opacity: 1;
    color: #2F323A;
    position: relative;
    border-bottom: 2px solid #F5A623;
    background: transparent;
    font-weight: bold; }
  body > article > header dl#ol_editors {
    margin-top: 12px; }
  body > article > header nav.breadcrumbs h1:hover, body > article > header nav.breadcrumbs h2:hover, body > article > header nav.breadcrumbs h1:before:hover, body > article > header nav.breadcrumbs h2:before:hover, body > article > header nav.breadcrumbs h1:after:hover, body > article > header nav.breadcrumbs h2:after:hover {
    background-color: transparent !important;
    border: 0 !important; }
  body > article > header nav.breadcrumbs h1:hover, body > article > header nav.breadcrumbs h2:hover {
    color: #2F323A;
    transform: scale(1.1, 1.1); }

body > article > main {
  margin-top: 48px;
  padding-top: 0;
  height: calc(100vh - 48px) !important; }
  body > article > main .outline, body > article > main .tab-container {
    height: 100%; }
  body > article > main .center-pane footer, body > article > main .left-pane footer {
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #E0E2E9; }
  body > article > main .left-pane footer {
    border-top-color: rgba(255, 255, 255, 0.3); }

header .healer-logo {
  height: inherit;
  background-size: auto 36px;
  width: 320px;
  background-position: 0px center; }

.list-view td.oname_line:before {
  background-position: 50% 50%; }

.list-view .ui-dropdown {
  background-color: #E0E2E9;
  width: 120px !important;
  border: 0 !important; }

.list-view .ui-dropdown.on {
  background-color: transparent; }

.list-view .ui-dropdown.on:after {
  background-color: transparent;
  color: #5A677C; }

.list-view td a, .list-view td button {
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8pt;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  background-color: #E0E2E9;
  cursor: pointer;
  margin-right: 8px;
  border: 0;
  color: #5A677C; }
  .list-view td a.on, .list-view td button.on {
    color: #FFF; }

.list-view-pages {
  width: 400px;
  margin-left: 0; }

div.logo, div.logo-l, div.logo-w {
  width: 160px;
  height: 40px;
  background-image: url("/images/logo-1.svg");
  background-size: auto 100%;
  background-position: center center; }