/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/*!
 *  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
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/public/fonts/fontawesome-webfont.674f50d.eot);
  src: url(/public/fonts/fontawesome-webfont.674f50d.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/public/fonts/fontawesome-webfont.af7ae50.woff2) format('woff2'), url(/public/fonts/fontawesome-webfont.fee66e7.woff) format('woff'), url(/public/fonts/fontawesome-webfont.b06871f.ttf) format('truetype'), url(/public/img/fontawesome-webfont.912ec66.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  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.33333333em;
  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.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  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: #ffffff;
}
/* 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: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
.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;
}
.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;animation:none;direction:ltr;border:1px solid #e6e6e6;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:242px;box-sizing:border-box;}.flatpickr-calendar.open{display:inline-block;opacity:1;visibility:visible;max-height:320px;z-index:99999;animation:flatpickrFadeInDown .5s cubic-bezier(0,1,.5,1)}.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:320px;display:block;position:relative}.flatpickr-calendar.static{display:none;position:relative;}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time{height:38px}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.8);fill:rgba(0,0,0,0.8);height:28px;line-height:24px;text-align:center;position:relative;user-select:none}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:10px;height:16px;line-height:16px;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/*
        /*rtl:begin:ignore*/left:5px;/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/*
        /*rtl:begin:ignore*/right:5px;/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.flatpickr-prev-month svg:hover,.flatpickr-next-month svg:hover{fill:#f64747}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;z-index:9;cursor:pointer;border:1px solid rgba(57,57,57,0.05);box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6)}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6)}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;top:5px;display:inline-block;text-align:center;}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;padding-left:7px}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.8)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.8)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:default;padding:0 0 0 .5ch;margin:0;display:inline;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden}.flatpickr-days{padding:1px;outline:0;text-align:left;width:240px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;display:inline-block\9;position:relative;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:300;width:14.2857143%;flex-basis:14.2857143%;max-width:34px;height:34px;line-height:34px;margin:1px 0 0 0;text-align:center;transition:50ms all ease-out;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.inRange{border-radius:0}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,0.54);height:24px;line-height:24px;margin:0;background:transparent;text-align:center;display:block;float:left;width:14.28%;font-weight:bold}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;border-right:1px solid #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:flex;}.flatpickr-innerContainer:after{display:inline-block;content:"";clear:both}.flatpickr-rContainer{display:inline-block}.flatpickr-time{text-align:center;border-top:0;outline:0;display:block;height:0;line-height:36px;max-height:36px;box-sizing:border-box;overflow:hidden;transition:height .33s cubic-bezier(0,1,.5,1);display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:36px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.hasWeeks .flatpickr-days,.hasTime .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.dateIsPicked .flatpickr-innerContainer + .flatpickr-time{border-top:1px solid #e6e6e6}@media all and (-ms-high-contrast:none){.flatpickr-days{width:256px}.flatpickr-month{padding:0;}.flatpickr-month svg{top:0 !important}}@-moz-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@-webkit-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@-o-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}/* perfect-scrollbar v0.6.16 */
.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/*!
 * Cropper v3.0.0-alpha.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-01-21T11:58:14.219Z
 */

.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}*,
*:before,
*:after {
  box-sizing: inherit; }

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box; }

body {
  font-family: "PingFang TC", "Heiti TC", "Segoe UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "Microsoft YaHei", "Raleway", Arial, sans-serif;
  width: 100%;
  line-height: 1;
  font-weight: 400; }

img {
  display: block;
  object-fit: cover; }
  img[src=""] {
    content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    background-color: transparent; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

button {
  cursor: pointer;
  font-weight: 400; }
  button:focus {
    outline: none; }

input,
textarea,
select {
  border: solid 1px #E8E8E8;
  color: #424242;
  font-size: 14px;
  height: 24px;
  font-weight: 400; }
  input:focus,
  textarea:focus,
  select:focus {
    outline: none; }

input,
textarea {
  line-height: 20px;
  padding: 1px 4px;
  border-radius: 3px; }
  input::placeholder,
  textarea::placeholder {
    color: #9B9B9B; }

textarea {
  resize: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0; }

p {
  margin: 0; }

button, input, optgroup, select, textarea {
  font-family: "PingFang TC", "Heiti TC", "Segoe UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "Microsoft YaHei", "Raleway", Arial, sans-serif; }

.btn-new {
  padding: 0.6rem 1rem;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  border-radius: 3px;
  line-height: 1;
  transition: .3s linear color , .3s linear background-color;
  border: 1px solid transparent;
  background-color: transparent; }
  .btn-new:hover {
    text-decoration: none; }
  .btn-new:focus {
    outline: none;
    text-decoration: none; }
  .btn-new[disabled], .btn-new.disabled, .btn-new:disabled {
    opacity: 0.6;
    cursor: default; }
  .btn-new.btn-default {
    background-color: #739E66;
    color: white; }
    .btn-new.btn-default:hover:not(.disabled):not(:disabled) {
      cursor: pointer;
      color: #424242;
      background-color: #B1D978; }
  .btn-new.btn-default.outline, .btn-new.btn-default-outline {
    border-color: #B1D978;
    background-color: transparent;
    color: #4A4A4A; }
    .btn-new.btn-default.outline.active, .btn-new.btn-default.outline:hover, .btn-new.btn-default-outline.active, .btn-new.btn-default-outline:hover {
      background-color: #B1D978; }
  .btn-new.btn-error {
    border-color: #f25f8b;
    background-color: #f25f8b;
    color: white; }
    .btn-new.btn-error:hover:not(.disabled):not(:disabled) {
      cursor: pointer;
      border-color: #dc567e;
      background-color: #dc567e; }
    .btn-new.btn-error:focus:not(.disabled):not(:disabled) {
      border-color: #dc567e;
      background-color: #dc567e;
      box-shadow: 0 0 0 3px rgba(212, 70, 105, 0.25); }
    .btn-new.btn-error.disabled, .btn-new.btn-error:disabled {
      opacity: 0.6; }
  .btn-new.btn-error-dark {
    border-color: #d0011b;
    background-color: #d0011b;
    color: white; }
    .btn-new.btn-error-dark:hover:not(.disabled):not(:disabled) {
      cursor: pointer;
      border-color: #b70118;
      background-color: #b70118; }
    .btn-new.btn-error-dark:focus:not(.disabled):not(:disabled) {
      border-color: #b70118;
      background-color: #b70118;
      box-shadow: 0 0 0 3px rgba(212, 70, 105, 0.25); }
    .btn-new.btn-error-dark.disabled, .btn-new.btn-error-dark:disabled {
      opacity: 0.6; }
  .btn-new.btn-error.outline, .btn-new.btn-error-outline {
    border-color: #f25f8b;
    background-color: transparent;
    color: #f25f8b; }
    .btn-new.btn-error.outline.active:not(.disabled):not(:disabled), .btn-new.btn-error.outline:hover:not(.disabled):not(:disabled), .btn-new.btn-error-outline.active:not(.disabled):not(:disabled), .btn-new.btn-error-outline:hover:not(.disabled):not(:disabled) {
      cursor: pointer;
      background-color: #fee2ea; }
    .btn-new.btn-error.outline:focus:not(.disabled):not(:disabled), .btn-new.btn-error-outline:focus:not(.disabled):not(:disabled) {
      box-shadow: 0 0 0 3px rgba(237, 90, 127, 0.25); }
    .btn-new.btn-error.outline.disabled, .btn-new.btn-error.outline:disabled, .btn-new.btn-error-outline.disabled, .btn-new.btn-error-outline:disabled {
      opacity: 0.6; }
  .btn-new.btn-disabled.outline, .btn-new.btn-disabled-outline {
    border-color: #C7C7C7;
    background-color: transparent;
    color: #C7C7C7; }
.main {
  will-change: margin-top; }
  .main .column-spacing {
    padding: 44px 0; }
  .main.two-columns .column-spacing, .main.history-detail .column-spacing {
    padding: 0; }

.content {
  width: 1040px;
  margin: 0 auto 2em; }
  .content.content-header {
    margin-bottom: 1em;
    justify-content: space-between; }
    .content.content-header h1.title {
      font-size: 1.2em;
      color: #739E66;
      margin-right: .8em; }
    .content.content-header .filter-box {
      flex: 1 1 auto; }
    .content.content-header .btn-box .btn {
      text-decoration: none;
      display: block;
      width: auto;
      min-width: 120px;
      text-align: center;
      height: auto;
      line-height: 1;
      border-radius: 4px;
      font-size: 1em;
      color: white;
      background-color: #739E66;
      padding: .6em 1.2em;
      margin-left: 1em; }
      .content.content-header .btn-box .btn:hover {
        color: #424242;
        background-color: #B1D978; }
  .content + .content-header {
    margin-top: 4em; }
  .content.content-search {
    text-align: center; }
    .content.content-search .text {
      color: #739E66;
      font-size: 1.2em;
      line-height: 32px; }
    .content.content-search .inp {
      min-height: 32px;
      margin: 0 1em;
      transition: box-shadow .4s;
      border: solid 1px #ACACAC;
      color: #424242;
      font-size: .9em;
      padding: 0 .4em;
      border-radius: 2px; }
      .content.content-search .inp:focus {
        box-shadow: 0 0 4px #739E66; }
      .content.content-search .inp .tag {
        height: 26px;
        margin: 2px .6em 2px 0; }
      .content.content-search .inp .text {
        color: white;
        font-size: .9em;
        margin-right: .6em; }
      .content.content-search .inp input {
        margin: 0;
        padding: 0;
        height: 30px;
        line-height: 30px;
        border: 0;
        flex: 1 1 auto; }
      .content.content-search .inp .btn {
        width: auto;
        min-width: 0;
        padding: 0;
        text-align: center;
        height: auto;
        border-radius: 0px;
        background-color: transparent;
        color: white;
        border: 0; }
        .content.content-search .inp .btn:hover {
          border: 0;
          box-shadow: 0 0 0 transparent;
          background-color: transparent;
          color: white; }
.fa {
  font-weight: 300; }

.css-icon {
  position: absolute; }
  .css-icon::before, .css-icon::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: currentColor; }
  .css-icon.plus {
    margin-left: 3px;
    margin-top: 10px; }
    .css-icon.plus::before, .css-icon.plus::after {
      width: 15px; }
    .css-icon.plus::after {
      transform: rotate(90deg); }
  .css-icon.close {
    margin-top: 0;
    margin-left: 0; }
    .css-icon.close::before, .css-icon.close::after {
      top: 10px;
      width: 21px; }
    .css-icon.close::before {
      transform: rotate(-45deg); }
    .css-icon.close::after {
      transform: rotate(45deg); }

.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after {
  display: none; }

.flatpickr-prev-month svg:hover,
.flatpickr-next-month svg:hover {
  fill: #739E66; }

.flatpickr-day.selected {
  background-color: #739E66;
  border-color: #739E66; }
  .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.nextMonthDay {
    background-color: #739E66;
    border-color: #739E66; }

.detail_calendar .flatpickr-calendar {
  border: none; }

.detail_calendar {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
  .detail_calendar:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1; }
  .detail_calendar .detail_calendar_box {
    background-color: white;
    color: #424242;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.4); }
  .detail_calendar .detail_calendar_header {
    text-align: right; }
    .detail_calendar .detail_calendar_header .btn-close {
      display: inline-block;
      position: relative;
      min-width: auto;
      width: 24px;
      height: 24px;
      margin: 0;
      padding: 0;
      color: #ACACAC;
      z-index: 2; }
      .detail_calendar .detail_calendar_header .btn-close .css-icon {
        display: block;
        position: relative;
        width: 100%;
        height: 100%; }
        .detail_calendar .detail_calendar_header .btn-close .css-icon:before, .detail_calendar .detail_calendar_header .btn-close .css-icon:after {
          right: 0; }
  .detail_calendar .detail_calendar_body,
  .detail_calendar .detail_calendar_footer {
    margin-top: 1em;
    text-align: center; }
    .detail_calendar .detail_calendar_body .text,
    .detail_calendar .detail_calendar_footer .text {
      margin: 16px 0; }
  .detail_calendar button.btn.submit {
    width: 100%;
    font-size: 1em;
    color: white;
    border-radius: 2px;
    border: 1px solid #739E66;
    background-color: #739E66;
    padding: .2em .6em;
    margin: 0;
    transition: .3s linear background-color ,.3s linear color; }
    .detail_calendar button.btn.submit:not(:disabled):hover {
      background-color: white;
      color: #739E66; }
    .detail_calendar button.btn.submit:disabled {
      opacity: .6;
      cursor: default; }

.left {
  float: left; }

.right {
  float: right; }

.clear::after {
  content: "";
  display: block;
  width: 100%;
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.flex {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch; }
  .flex.flex-column {
    flex-direction: column; }
  .flex.flex-wrap-wrap {
    flex-wrap: wrap; }
  .flex.flex-justify--between {
    justify-content: space-between; }
  .flex.justify-content-flex-start {
    justify-content: flex-start; }
  .flex.justify-content-flex-end {
    justify-content: flex-end; }
  .flex.flex-align--start {
    align-items: flex-start; }
  .flex.align-items-baseline {
    align-items: baseline; }
  .flex.align-items-stretch {
    align-items: stretch; }
  .flex > .flex-grow {
    flex-grow: 1; }

.img-responsive,
.img-fluid {
  max-width: 100%;
  height: auto; }

.inp,
.ddl,
.area {
  transition: border-color .4s, color .4s; }
  .inp.error,
  .ddl.error,
  .area.error {
    border-color: #EF5350;
    color: #EF5350;
    box-shadow: 0 0 2px 1px #EF5350; }

.btn {
  display: block;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: .3s linear color , .3s linear background-color; }

.progress-bar {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 4px; }
  .progress-bar .i {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 4px;
    background-image: repeating-linear-gradient(-30deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 7px, transparent 0, transparent 15px);
    background-size: 340px;
    transform: translateX(-100%);
    transition: transform 1s;
    background-color: #739E66;
    transition-delay: .4s;
    animation: progress 3s linear infinite; }
  .progress-bar.progress-bar--negative .i {
    animation: progress-negative 3s linear infinite; }

@keyframes progress {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 340px 0; } }

@keyframes progress-negative {
  0% {
    background-position: 340px 0; }
  100% {
    background-position: 0 0; } }

.tags-input .tag,
.tag {
  float: left;
  max-width: 100%;
  margin: 2px;
  padding: 3px 4px 3px 13px;
  border-radius: 3px;
  background-color: #4C9FFF;
  color: white;
  font-size: 12px;
  line-height: 20px; }
  .tags-input .tag .text,
  .tag .text {
    display: block;
    float: left;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis; }
  .tags-input .tag .btn,
  .tag .btn {
    float: left;
    color: white;
    width: 20px;
    height: 20px;
    min-width: auto;
    max-width: 20px;
    line-height: 20px;
    margin-left: 4px;
    border-radius: 3px;
    padding: 0;
    background-color: #4C9FFF;
    color: white;
    border: 0;
    transition: background-color .4s, box-shadow .4s; }
    .tags-input .tag .btn .fa,
    .tag .btn .fa {
      width: 10px;
      height: 12px;
      display: block;
      margin: 0 auto; }
    .tags-input .tag .btn:hover,
    .tag .btn:hover {
      background-color: #0073fa;
        background-color-color: white; }

.tags-input {
  border: solid 1px #ACACAC;
  border-radius: 5px;
  padding: 4px 8px; }
  .tags-input .inp {
    display: block;
    padding: 3px;
    border: none;
    height: 26px;
    float: left;
    margin: 2px;
    font-size: 12px; }
  .tags-input.error .tag {
    background-color: #EF5350; }
    .tags-input.error .tag .btn:hover {
      background-color: #da1814;
      box-shadow: 0 0 0 1px #c71612; }

#toast-container > .toast {
  transform: translateY(100px);
  box-shadow: none; }
  #toast-container > .toast .toast-title + .toast-message {
    margin-top: 8px; }
  #toast-container > .toast .toast-message {
    font-weight: 400;
    font-size: .9em; }
    #toast-container > .toast .toast-message a {
      border-bottom: solid 1px white;
      margin-right: 4px;
      margin-left: 4px;
      text-decoration: none; }
      #toast-container > .toast .toast-message a:hover {
        color: white; }

.cropper-modal {
  opacity: .7; }

.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
  opacity: .6; }

.ps-container.ps-theme-default.ps-active-x {
  padding-bottom: 16px; }

.card-board {
  padding: 1em 1em 2em 1em;
  border: solid 2px #B1D978;
  position: relative;
  min-height: 100px; }
  .card-board .tips {
    max-width: 14px;
    display: inline-block;
    vertical-align: -0.2em;
    margin-left: 3px; }

.card-board-corner {
  position: absolute;
  top: -2px;
  right: -2px;
  border: solid 18px #B1D978;
  border-left-color: transparent;
  border-bottom-color: transparent; }
  .card-board-corner::before {
    content: '';
    display: block;
    position: absolute;
    top: -19px;
    right: -18px;
    border: solid 17px white;
    border-left-color: transparent;
    border-bottom-color: transparent; }

.card-board-title {
  margin-bottom: 20px;
  padding: 6px 12px;
  background-color: #739E66;
  border-radius: 5px;
  font-size: 16px;
  color: white; }

.card-board-content {
  font-size: 14px;
  line-height: 22px;
  padding: 0 8px; }

.card-board-operation {
  float: left; }

.card-board-operation {
  width: 90px; }
  .card-board-operation .text.text--people {
    text-align: right; }
    .card-board-operation .text.text--people mark {
      background-color: transparent;
      font-size: 40px;
      color: #7CB242;
      line-height: 40px; }
    .card-board-operation .text.text--people span {
      line-height: 14px;
      margin-left: 2px;
      padding-top: 23px; }
  .card-board-operation .text.text-date {
    margin-top: 8px;
    font-size: 12px;
    line-height: 19px;
    color: #ACACAC; }
  .card-board-operation .btns {
    margin-top: 16px; }
    .card-board-operation .btns .btn {
      width: 60px;
      height: 20px;
      float: right;
      border-radius: 5px;
      font-size: 12px;
      line-height: 12px;
      color: white;
      background-color: #739E66; }
      .card-board-operation .btns .btn + .btn {
        margin-top: 8px; }
      .card-board-operation .btns .btn:hover {
        color: #4A4A4A;
        background-color: #B1D978; }

.checkbox-item {
  cursor: pointer;
  background-color: white;
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  color: #9B9B9B;
  border: 1.5px solid #9B9B9B;
  border-radius: 25%;
  position: relative;
  margin: auto; }
  .checkbox-item.active::before {
    font-family: FontAwesome;
    content: '\F00C';
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    font-size: 1em;
    font-weight: lighter;
    margin: auto;
    transform-origin: 50% 50%;
    transform: translate(15%, -15%) scale(1.1); }
  .checkbox-item.solid.active {
    color: white;
    background-color: #739E66;
    border-color: #739E66; }
  .checkbox-item.solid.active::before {
    transform: none; }
.container-fluid.pd-rl-0,
.container.pd-rl-0 {
  padding-right: 0;
  padding-left: 0; }

.container {
  width: 100%;
  max-width: 1080px;
  padding: 0 1rem;
  margin: 0 auto; }

.container-fluid {
  width: 100%;
  max-width: 100%;
  padding: 0 1rem;
  margin: 0 auto; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  margin-right: -1rem;
  margin-left: -1rem; }
  .row > .col,
  .row > [class*="col-"] {
    padding-right: 1rem;
    padding-left: 1rem; }
    .row > .col + .col,
    .row > .col + [class*="col-"],
    .row > [class*="col-"] + .col,
    .row > [class*="col-"] + [class*="col-"] {
      margin-left: 0; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.gutter-base {
  margin-right: -.5em;
  margin-left: -.5em; }
  .gutter-base > .col,
  .gutter-base > [class*="col-"] {
    padding-right: .5em;
    padding-left: .5em; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto {
  position: relative;
  width: 100%; }

.col {
  flex: 1 1 0; }

.col + .col,
.col + [class*="col-"],
[class*="col-"] + [class*="col-"],
[class*="col-"] + .col {
  margin-left: 1rem; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.flex-d {
  display: flex; }

.flex-inline {
  display: inline-flex; }

.flex-row {
  flex-direction: row; }

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

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-fill {
  flex: 1 1 auto; }

.flex-ungrow {
  flex-grow: 0; }

.flex-grow {
  flex-grow: 1; }

.flex-unshrink {
  flex-shrink: 0; }

.flex-shrink {
  flex-shrink: 1; }

.justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start; }

.justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center; }

.justify-content-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.align-items-start {
  -ms-flex-align: start;
  align-items: flex-start; }

.align-items-end {
  -ms-flex-align: end;
  align-items: flex-end; }

.align-items-center {
  -ms-flex-align: center;
  align-items: center; }

.align-items-baseline {
  -ms-flex-align: baseline;
  align-items: baseline; }

.align-items-stretch {
  -ms-flex-align: stretch;
  align-items: stretch; }

.align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center; }

.align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.align-self-auto {
  align-self: auto; }

.align-self-start {
  align-self: flex-start; }

.align-self-end {
  align-self: flex-end; }

.align-self-center {
  align-self: center; }

.align-self-baseline {
  align-self: baseline; }

.align-self-stretch {
  align-self: stretch; }
/* https://tailwindcss.com/docs/installation#using-tailwind-via-cdn */
/* https://github.com/tailwindlabs/tailwindcss-typography */

.prose {
  color: #374151;
  max-width: 65ch;
  font-size: 1rem;
  line-height: 1.75;
}

.prose *,
.prose ::before,
.prose ::after {
  box-sizing: border-box;
}

.prose hr {
  height: 0;
  color: inherit;
}

.prose abbr[title] {
  text-decoration: underline dotted;
}

.prose b,
.prose strong {
  font-weight: bolder;
}

.prose code,
.prose kbd,
.prose samp,
.prose pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
    monospace;
  font-size: 1em;
}

.prose small {
  font-size: 80%;
}

.prose sub,
.prose sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.prose sub {
  bottom: -0.25em;
}

.prose sup {
  top: -0.5em;
}

.prose table {
  text-indent: 0;
  border-color: inherit;
}

.prose button,
.prose input,
.prose optgroup,
.prose select,
.prose textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.prose button,
.prose select {
  text-transform: none;
}

.prose button,
.prose [type='button'],
.prose [type='reset'],
.prose [type='submit'] {
  -webkit-appearance: button;
}

.prose ::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.prose :-moz-focusring {
  outline: 1px dotted ButtonText;
}

.prose :-moz-ui-invalid {
  box-shadow: none;
}

.prose legend {
  padding: 0;
}

.prose progress {
  vertical-align: baseline;
}

.prose ::-webkit-inner-spin-button,
.prose ::-webkit-outer-spin-button {
  height: auto;
}

.prose [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

.prose ::-webkit-search-decoration {
  -webkit-appearance: none;
}

.prose ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.prose summary {
  display: list-item;
}

.prose blockquote,
.prose dd,
.prose dl,
.prose figure,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6,
.prose hr,
.prose p,
.prose pre {
  margin: 0;
}

.prose button {
  background-color: transparent;
  background-image: none;
}

.prose fieldset {
  margin: 0;
  padding: 0;
}

.prose ol,
.prose ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.prose *,
.prose ::after,
.prose ::before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}

.prose hr {
  border-top-width: 1px;
}

.prose img {
  border-style: solid;
}

.prose textarea {
  resize: vertical;
}

.prose input::placeholder,
.prose textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

.prose [role='button'],
.prose button {
  cursor: pointer;
}

.prose :-moz-focusring {
  outline: auto;
}

.prose table {
  border-collapse: collapse;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  font-size: inherit;
  font-weight: inherit;
}

.prose a {
  color: inherit;
  text-decoration: inherit;
}

.prose button,
.prose input,
.prose optgroup,
.prose select,
.prose textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

.prose code,
.prose kbd,
.prose pre,
.prose samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
}

.prose audio,
.prose canvas,
.prose embed,
.prose iframe,
.prose img,
.prose object,
.prose svg,
.prose video {
  display: block;
  vertical-align: middle;
}

.prose img,
.prose video {
  max-width: 100%;
  height: auto;
}

.prose [hidden] {
  display: none;
}

.prose *,
.prose ::after,
.prose ::before {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var);
}

.prose [class~='lead'] {
  color: #4b5563;
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose a {
  color: #111827;
  text-decoration: underline;
  font-weight: 500;
}

.prose strong {
  color: #111827;
  font-weight: 600;
}

.prose ol > li {
  position: relative;
  padding-left: 1.75em;
}

.prose ol > li::before {
  content: counter(list-item, var(--list-counter-style, decimal)) '.';
  position: absolute;
  font-weight: 400;
  color: #6b7280;
  left: 0;
}

.prose ul > li {
  position: relative;
  padding-left: 1.75em;
}

.prose ul > li::before {
  content: '';
  position: absolute;
  background-color: #d1d5db;
  border-radius: 50%;
  width: 0.375em;
  height: 0.375em;
  top: calc(0.875em - 0.1875em);
  left: 0.25em;
}

.prose hr {
  border-color: #e5e7eb;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose blockquote {
  font-weight: 500;
  font-style: italic;
  color: #111827;
  border-left-width: 0.25rem;
  border-left-color: #e5e7eb;
  quotes: '\201C' '\201D' '\2018' '\2019';
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose blockquote p:first-of-type::before {
  content: open-quote;
}

.prose blockquote p:last-of-type::after {
  content: close-quote;
}

.prose h1 {
  color: #111827;
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose h2 {
  color: #111827;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose h3 {
  color: #111827;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose h4 {
  color: #111827;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose figure figcaption {
  color: #6b7280;
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose code {
  color: #111827;
  font-weight: 600;
  font-size: 0.875em;
}

.prose code::before,
.prose code::after {
  content: '`';
}

.prose a code {
  color: #111827;
}

.prose pre {
  color: #e5e7eb;
  background-color: #1f2937;
  overflow-x: auto;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose pre code {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose pre code::before,
.prose pre code::after {
  content: none;
}

.prose table {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose thead {
  color: #111827;
  font-weight: 600;
  border-bottom-width: 1px;
  border-bottom-color: #d1d5db;
}

.prose thead th {
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose tbody tr {
  border-bottom-width: 1px;
  border-bottom-color: #e5e7eb;
}

.prose tbody tr:last-child {
  border-bottom-width: 0;
}

.prose tbody td {
  vertical-align: top;
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose img,
.prose video {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose figure {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose figure > * {
  margin-top: 0;
  margin-bottom: 0;
}

.prose h2 code {
  font-size: 0.875em;
}

.prose h3 code {
  font-size: 0.9em;
}

.prose ol,
.prose ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose > ul > li p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose > ul > li > *:first-child {
  margin-top: 1.25em;
}

.prose > ul > li > *:last-child {
  margin-bottom: 1.25em;
}

.prose > ol > li > *:first-child {
  margin-top: 1.25em;
}

.prose > ol > li > *:last-child {
  margin-bottom: 1.25em;
}

.prose ul ul,
.prose ul ol {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose ol ul,
.prose ol ol {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose hr + *,
.prose h2 + *,
.prose h3 + *,
.prose h4 + * {
  margin-top: 0;
}

.prose thead th:first-child,
.prose tbody td:first-child {
  padding-left: 0;
}

.prose thead th:last-child,
.prose tbody td:last-child {
  padding-right: 0;
}

.prose > :first-child {
  margin-top: 0;
}

.prose > :last-child {
  margin-bottom: 0;
}

/* custome prose */

.prose ol.upper-roman-sublist > li::before {
  content: '(' counter(list-item, upper-roman) ')';
}

.prose ol.decimal-sublist > li::before {
  content: '(' counter(list-item, decimal) ')';
}

.register-steps-transition-enter[data-v-6b1ade92],
.register-steps-transition-leave-to[data-v-6b1ade92] {
  opacity: 0;
}
.register-steps-transition-enter[data-v-6b1ade92] {
  transform: translateY(10px);
}
.register-steps-transition-leave-active[data-v-6b1ade92] {
  transform: translateY(-10px);
}

.filter-box > .filter > .sub[data-v-5be8ab90] {
  display: inline-block;
  color: #ACACAC;
  font-size: .9em;
  margin-right: 0em;
}
.filter-box > .filter > .filter-item[data-v-5be8ab90] {
  display: inline-block;
  margin-left: 5px;
}
.filter-box > .filter > .filter-item > select[data-v-5be8ab90] {
    min-width: 10em;
}
.filter-box > .filter > .filter-item > .checkbox > .item[data-v-5be8ab90] {
    display: inline-block;
    border: 1px solid white;
    background-color: #ACACAC;
    color: white;
    font-size: .8em;
    padding: .2em .8em;
    border-radius: 4px;
    cursor: pointer;
    margin-right: .6em;
    opacity: .4;
    transition: .2s linear opacity, .3s linear border-color;
}
.filter-box > .filter > .filter-item > .checkbox > .item.checked[data-v-5be8ab90] {
      opacity: 1;
}
.filter-box > .filter > .filter-item > .checkbox > .item.all[data-v-5be8ab90] {
      background-color: #f25f8b;
}
.filter-box > .filter > .filter-item > .checkbox > .item.facebook[data-v-5be8ab90] {
      background-color: #3a5998;
}
.filter-box > .filter > .filter-item > .checkbox > .item.line[data-v-5be8ab90] {
      background-color: #00b900;
}
.filter-box > .filter > .filter-item > .checkbox > .item.instagram[data-v-5be8ab90] {
      background-image: linear-gradient(218deg, #8a3ab9 -21%, #a70fe9 7%, #eb3167 45%, #ff8400 80%, #fbad50 120%);
}
.content.content-search-tag[data-v-5be8ab90] {
  display: -ms-flexbox;
  display: flex;
}
.content.content-search-tag .search-tags[data-v-5be8ab90] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.content.content-search-tag .search-tags h1.title[data-v-5be8ab90] {
      line-height: 37px;
      font-size: 1.2em;
      color: #739E66;
}
.content.content-tags-result[data-v-5be8ab90] {
  font-size: 1em;
}
.content.content-tags-result .table[data-v-5be8ab90] {
    width: 100%;
    color: #4A4A4A;
    border-collapse: collapse;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    position: relative;
}
.content.content-tags-result .table .tr[data-v-5be8ab90] {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center;
      background-color: white;
      transition: background-color .4s;
}
.content.content-tags-result .table .tr[data-v-5be8ab90]:hover {
        background-color: #F7F7F7;
}
.content.content-tags-result .table .tr:hover .td-action .btn-new.btn-delete[data-v-5be8ab90],
        .content.content-tags-result .table .tr:hover .td-action .btn.btn-delete[data-v-5be8ab90] {
          opacity: 1;
}
.content.content-tags-result .table .tr + .tr[data-v-5be8ab90] {
        border-top: 1px solid #9B9B9B;
}
.content.content-tags-result .table .th[data-v-5be8ab90] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: .8em;
      padding: 0;
      height: 25px;
      word-break: break-all;
      text-align: center;
      border: solid 1px white;
      background-color: #739E66;
      color: white;
      padding: .4em .2em;
}
.content.content-tags-result .table .th.th-name[data-v-5be8ab90] {
        width: 450px;
}
.content.content-tags-result .table .th.th-tag-number[data-v-5be8ab90] {
        width: 200px;
}
.content.content-tags-result .table .th.th-create-time[data-v-5be8ab90] {
        width: 250px;
}
.content.content-tags-result .table .th.th-action[data-v-5be8ab90] {
        width: 72px;
}
.content.content-tags-result .table .th .btn-new[data-v-5be8ab90],
      .content.content-tags-result .table .th .btn[data-v-5be8ab90] {
        word-break: keep-all;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: .8em;
        color: white;
        padding: 0;
}
.content.content-tags-result .table .th .btn-new span[data-v-5be8ab90],
        .content.content-tags-result .table .th .btn span[data-v-5be8ab90] {
          padding: 0 .4em;
}
.content.content-tags-result .table .th .btn-new .fa[data-v-5be8ab90],
        .content.content-tags-result .table .th .btn .fa[data-v-5be8ab90] {
          transition: .3s linear opacity;
          opacity: 0;
}
.content.content-tags-result .table .th .btn-new:hover .fa[data-v-5be8ab90],
        .content.content-tags-result .table .th .btn:hover .fa[data-v-5be8ab90] {
          opacity: 1;
}
.content.content-tags-result .table .th .tips[data-v-5be8ab90] {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 12px;
        margin-left: 8px;
}
.content.content-tags-result .table .th .tips .sub[data-v-5be8ab90] {
          color: #B1D978;
          padding-bottom: 6px;
}
.content.content-tags-result .table .td[data-v-5be8ab90] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: .8em;
      padding: 1em 0;
      word-break: break-all;
      text-align: center;
}
.content.content-tags-result .table .td.td-name[data-v-5be8ab90] {
        width: 450px;
}
.content.content-tags-result .table .td.td-tag-number[data-v-5be8ab90] {
        width: 200px;
}
.content.content-tags-result .table .td.td-create-time[data-v-5be8ab90] {
        width: 250px;
}
.content.content-tags-result .table .td.td-action[data-v-5be8ab90] {
        position: relative;
        width: 72px;
}
.content.content-tags-result .table .td.td-action .btn-new[data-v-5be8ab90],
        .content.content-tags-result .table .td.td-action .btn[data-v-5be8ab90] {
          width: 22px;
          height: 22px;
          font-size: 16px;
          color: #9B9B9B;
          border: 1px solid transparent;
          border-radius: 6px;
          transition: opacity .4s;
          padding: 3px;
}
.content.content-tags-result .table .td.td-action .btn-new[data-v-5be8ab90]:hover,
          .content.content-tags-result .table .td.td-action .btn[data-v-5be8ab90]:hover {
            background-color: white;
            box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.07);
}
.content.content-tags-result .table .td.td-action .btn-new.btn-delete[data-v-5be8ab90],
          .content.content-tags-result .table .td.td-action .btn.btn-delete[data-v-5be8ab90] {
            position: absolute;
            opacity: 0;
}
.toastr[data-v-5be8ab90] {
  display: none;
}

.card-postback-wrapper[data-v-25f23e6d] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s;
  transition: backdrop-filter .4s, -webkit-backdrop-filter .4s;
  overflow: auto;
}
.card-postback-wrapper.active[data-v-25f23e6d] {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.card-postback-wrapper.active .card-postback[data-v-25f23e6d] {
      transform: translateY(0);
}
.card-postback[data-v-25f23e6d] {
  position: absolute;
  width: 300px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(199, 199, 199, 0.4);
  transform: translateY(8px);
  transition: transform .4s;
  padding: .4em;
  margin-bottom: 8px;
}
.card-postback .btn[data-v-25f23e6d] {
    display: inline-block;
}
.card-postback .inp[data-v-25f23e6d] {
    display: block;
    width: 100%;
    border-radius: 0;
    border: solid 1px #ACACAC;
    margin: 0 auto;
}
.card-postback .inp.postback_filter[data-v-25f23e6d] {
      border-radius: 3px;
      margin-bottom: .4em;
}
.card-postback.url[data-v-25f23e6d] {
    padding: .7em;
    width: 350px;
}
.card-postback.url .title[data-v-25f23e6d] {
      color: #739E66;
      font-size: .8em;
      margin: 1.2em 0;
}
.card-postback.url .title .fa[data-v-25f23e6d] {
        margin-right: .5em;
}
.card-postback.url input[data-v-25f23e6d] {
      color: #ACACAC;
      border-color: #E8E8E8;
}
.card-postback.url label[data-v-25f23e6d] {
      display: block;
      font-size: .75em;
      color: #747474;
      margin: 1.2em 0 .8em;
}
.card-postback.url .label-group[data-v-25f23e6d] {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      border: solid 1px #E8E8E8;
      border-radius: 2px;
}
.card-postback.url .label-group.disabled[data-v-25f23e6d] {
        background-color: #F1F1F1;
}
.card-postback.url .label-group input[data-v-25f23e6d] {
        display: block;
        width: 100%;
        line-height: 20px;
        padding: 3px 4px 3px 13px;
        border: none;
        background-color: transparent;
        cursor: pointer;
}
.card-postback.url .label-group input[data-v-25f23e6d]:disabled, .card-postback.url .label-group input.disabled[data-v-25f23e6d] {
          background-color: #F1F1F1;
}
.card-postback.url .tip[data-v-25f23e6d] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.postback_tags[data-v-25f23e6d] {
  min-height: 26px;
  margin-bottom: .4em;
}
.postback_tags .tag[data-v-25f23e6d],
  .postback_tags .btn[data-v-25f23e6d] {
    font-size: 14px;
}
.postback_tags .tag[data-v-25f23e6d] {
    color: #424242;
    background-color: #E8E8E8;
    padding: 0 2px 0 4px;
    margin: 0 0 3px 3px;
}
.postback_tags .tag.tag--btnless[data-v-25f23e6d] {
      padding-right: 4px;
}
.postback_tags .btn[data-v-25f23e6d] {
    color: #ACACAC;
    width: 14px;
    height: 14px;
    background-color: transparent;
    box-shadow: none;
    margin-top: 3px;
}
.postback_tags .btn .fa[data-v-25f23e6d] {
      width: 14px;
      height: 14px;
}
.postback_tags .btn[data-v-25f23e6d]:hover {
      color: #424242;
}
.postback_tags[data-v-25f23e6d]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #ACACAC;
}
.postback_options[data-v-25f23e6d] {
  overflow-y: auto;
  max-height: 236px;
}
.postback_options .item[data-v-25f23e6d] {
    display: block;
    overflow: hidden;
}
.postback_options .item.order-search[data-v-25f23e6d] {
      position: relative;
      overflow: visible;
}
.postback_options .item.order-search .btn[data-v-25f23e6d] {
        background-color: #F1F1F1;
}
.postback_options .item .btn[data-v-25f23e6d] {
      color: #4A4A4A;
      width: 100%;
      height: 36px;
      line-height: 36px;
      padding: 0 .46em;
      text-align: left;
      transition: background-color .4s;
      font-size: .9em;
      transition: .16s linear opacity;
}
.postback_options .item .btn[data-v-25f23e6d]:focus {
        background-color: #E8E8E8;
}
.postback_options .item .btn span[data-v-25f23e6d] {
        vertical-align: middle;
}
.postback_options .item .btn[data-v-25f23e6d]:disabled {
        opacity: .6;
        cursor: default;
}
.postback_options[data-v-25f23e6d]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}
.postback_add_button[data-v-25f23e6d] {
  margin-top: .4em;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  background-color: #E9E9E9;
  border: 0px;
  width: 100%;
  padding: .4em;
  border-radius: 4px;
  transition: .2s linear background-color, .2s linear box-shadow;
}
.postback_add_button[data-v-25f23e6d]:hover:not(:disabled) {
    background-color: #C7C7C7;
}
.postback_add_button[data-v-25f23e6d]:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.16);
}
.postback_add_button span[data-v-25f23e6d] {
    padding: 0 .2em;
}
.card-postback-layer[data-v-25f23e6d] {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.info[data-v-25f23e6d] {
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  color: #739E66;
}

.confirm-window-wrapper[data-v-658843a7] {
  padding: 1em;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  line-height: 19px;
  transition: visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
  transition: visibility .4s, opacity .4s, backdrop-filter .4s;
  transition: visibility .4s, opacity .4s, backdrop-filter .4s, -webkit-backdrop-filter .4s;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.confirm-window-wrapper.fade-enter[data-v-658843a7], .confirm-window-wrapper.fade-leave-active[data-v-658843a7] {
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
}
.confirm-window[data-v-658843a7] {
  padding: 35px 35px 80px 35px;
  width: 600px;
  height: 100%;
  background-color: white;
  box-shadow: 0 0 2px 0 rgba(66, 66, 66, 0.4);
  border-radius: 2px;
  color: #424242;
  overflow: scroll;
}
.confirm-window .confirm-window-block[data-v-658843a7] {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
}
.confirm-window .confirm-window-left[data-v-658843a7] {
    width: 40%;
    padding-bottom: 20px;
}
.confirm-window .confirm-window-right[data-v-658843a7] {
    width: 60%;
}
.confirm-window .confirm-window-right .title[data-v-658843a7] {
      font-size: 1.2em;
}
.confirm-window .confirm-window-right .item[data-v-658843a7] {
      position: relative;
}
.confirm-window .confirm-window-right .item + .item[data-v-658843a7] {
        margin-top: 1.6em;
}
.confirm-window .title[data-v-658843a7] {
    font-size: 24px;
    line-height: 1;
    color: #739E66;
}
.confirm-window .title + .inp[data-v-658843a7] {
      margin-top: .8em;
}
.confirm-window .title .fa[data-v-658843a7] {
      margin-right: 6px;
}
.confirm-window .title.title-gender[data-v-658843a7] {
      text-align: center;
      color: black;
      font-size: 16px;
}
.confirm-window .title.title-gender > .icon[data-v-658843a7] {
        display: inline-block;
        width: 1.2em;
        vertical-align: middle;
}
.confirm-window .title.title-gender > .icon.facebook[data-v-658843a7] {
          color: #3a5998;
}
.confirm-window .title.title-gender > .icon.line[data-v-658843a7] {
          color: #00b900;
}
.confirm-window .title.title-gender > span[data-v-658843a7] {
        display: inline-block;
        margin-left: .4em;
        vertical-align: middle;
}
.confirm-window .text[data-v-658843a7] {
    margin: 16px 0;
}
.confirm-window .text.tips[data-v-658843a7] {
      color: #EF5350;
      font-size: 12px;
}
.confirm-window .btns[data-v-658843a7] {
    position: fixed;
    width: 600px;
    left: 50%;
    bottom: 1em;
    transform: translateX(-50%);
    padding: 1em;
    text-align: right;
    background-color: white;
    border-top: 1px solid #eee;
}
.confirm-window .btns > .btn[data-v-658843a7] {
      display: inline-block;
      padding: .6em 1.2em;
      line-height: 1;
      border-radius: 4px;
      border: 1px solid #fff;
}
.confirm-window .btns > .btn + .btn[data-v-658843a7] {
        margin-left: .6em;
}
.confirm-window .btn[data-v-658843a7] {
    color: #4A90E2;
    transition: color .4s, background-color .4s;
    border-radius: 1px;
}
.confirm-window .btn.switch-btn[data-v-658843a7] {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: .9em;
      background-color: transparent;
      cursor: text;
}
.confirm-window .btn.switch-btn.close[data-v-658843a7] {
        color: #EF5350;
}
.confirm-window .btn.switch-btn[data-v-658843a7]:hover {
        background-color: transparent;
        color: #4A90E2;
}
.confirm-window .btn[data-v-658843a7]:hover {
      color: #1e67bc;
      background-color: #fafafa;
}
.confirm-window .btn.btn-default[data-v-658843a7] {
      color: white;
      background-color: #739E66;
      border-color: #739E66;
}
.confirm-window .btn.btn-default[data-v-658843a7]:hover {
        color: #739E66;
        background-color: white;
}
.confirm-window .btn.btn-danger[data-v-658843a7] {
      color: white;
      border-color: #f25f8b;
      background-color: #f25f8b;
}
.confirm-window .btn.btn-danger[data-v-658843a7]:hover {
        color: #f25f8b;
        background-color: white;
}
.confirm-window .btn.btn-danger[disabled][data-v-658843a7] {
        color: #ACACAC;
        cursor: default;
        background-color: transparent;
}
.confirm-window img.img[data-v-658843a7] {
    border-radius: 10%;
}
.confirm-window .inp[data-v-658843a7] {
    width: 100%;
    min-height: 26px;
    border: solid 1px #ACACAC;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: .2em;
}
.confirm-window .inp.flex[data-v-658843a7] {
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.confirm-window .inp input[data-v-658843a7] {
      padding: 0;
      border: 0px;
      width: auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.confirm-window .tag[data-v-658843a7] {
    cursor: pointer;
    float: none;
    margin: 0 .2em .2em 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.confirm-window .tag .text[data-v-658843a7] {
      margin: 0px;
}
.confirm-window .tag .btn[data-v-658843a7] {
      width: 20px;
      height: auto;
      border-radius: 0px;
      background-color: transparent;
      color: white;
      padding-top: 3px;
}
.confirm-window .tag .btn[data-v-658843a7]:hover {
        box-shadow: 0 0 0 0px;
}
.confirm-window .form-data-list[data-v-658843a7] {
    margin-bottom: 1em;
    padding-bottom: .1em;
}
.confirm-window .form-data-list > li[data-v-658843a7] {
      font-size: .9em;
      color: #4A90E2;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: start;
          align-items: flex-start;
      margin-top: .6em;
      padding-bottom: .2em;
}
.confirm-window .form-data-list > li .form-name[data-v-658843a7] {
        width: 40%;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.confirm-window .form-data-list > li .form-name a[data-v-658843a7] {
          line-height: 2;
          color: #4A90E2;
          text-decoration: none;
}
.confirm-window .form-data-list > li .form-data[data-v-658843a7] {
        width: auto;
        text-align: right;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.confirm-window .form-data-list > li .form-data span[data-v-658843a7] {
          line-height: 2;
}
.confirm-window .form-data-list > li .form-data span + span[data-v-658843a7] {
          margin-left: .4em;
}

.card-postback-wrapper[data-v-70e56f41] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s;
  transition: backdrop-filter .4s, -webkit-backdrop-filter .4s;
  overflow: auto;
}
.card-postback-wrapper.active[data-v-70e56f41] {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.card-postback-wrapper.active .card-postback[data-v-70e56f41] {
      transform: translateY(0);
}
.card-postback[data-v-70e56f41] {
  position: absolute;
  width: 300px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(199, 199, 199, 0.4);
  transform: translateY(8px);
  transition: transform .4s;
  padding: .4em;
  margin-bottom: 8px;
}
.card-postback .btn[data-v-70e56f41] {
    display: inline-block;
}
.card-postback .inp[data-v-70e56f41] {
    display: block;
    width: 100%;
    border-radius: 0;
    border: solid 1px #ACACAC;
    margin: 0 auto;
}
.card-postback .inp.postback_filter[data-v-70e56f41] {
      border-radius: 3px;
      margin-bottom: .4em;
}
.card-postback.url[data-v-70e56f41] {
    padding: .7em;
    width: 350px;
}
.card-postback.url .title[data-v-70e56f41] {
      color: #739E66;
      font-size: .8em;
      margin: 1.2em 0;
}
.card-postback.url .title .fa[data-v-70e56f41] {
        margin-right: .5em;
}
.card-postback.url input[data-v-70e56f41] {
      color: #ACACAC;
      border-color: #E8E8E8;
}
.card-postback.url label[data-v-70e56f41] {
      display: block;
      font-size: .75em;
      color: #747474;
      margin: 1.2em 0 .8em;
}
.card-postback.url .label-group[data-v-70e56f41] {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      border: solid 1px #E8E8E8;
      border-radius: 2px;
}
.card-postback.url .label-group.disabled[data-v-70e56f41] {
        background-color: #F1F1F1;
}
.card-postback.url .label-group input[data-v-70e56f41] {
        display: block;
        width: 100%;
        line-height: 20px;
        padding: 3px 4px 3px 13px;
        border: none;
        background-color: transparent;
        cursor: pointer;
}
.card-postback.url .label-group input[data-v-70e56f41]:disabled, .card-postback.url .label-group input.disabled[data-v-70e56f41] {
          background-color: #F1F1F1;
}
.card-postback.url .tip[data-v-70e56f41] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.postback_tags[data-v-70e56f41] {
  min-height: 26px;
  margin-bottom: .4em;
}
.postback_tags .tag[data-v-70e56f41],
  .postback_tags .btn[data-v-70e56f41] {
    font-size: 14px;
}
.postback_tags .tag[data-v-70e56f41] {
    color: #424242;
    background-color: #E8E8E8;
    padding: 0 2px 0 4px;
    margin: 0 0 3px 3px;
}
.postback_tags .tag.tag--btnless[data-v-70e56f41] {
      padding-right: 4px;
}
.postback_tags .btn[data-v-70e56f41] {
    color: #ACACAC;
    width: 14px;
    height: 14px;
    background-color: transparent;
    box-shadow: none;
    margin-top: 3px;
}
.postback_tags .btn .fa[data-v-70e56f41] {
      width: 14px;
      height: 14px;
}
.postback_tags .btn[data-v-70e56f41]:hover {
      color: #424242;
}
.postback_tags[data-v-70e56f41]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #ACACAC;
}
.postback_options[data-v-70e56f41] {
  overflow-y: auto;
  max-height: 236px;
}
.postback_options .item[data-v-70e56f41] {
    display: block;
    overflow: hidden;
}
.postback_options .item.order-search[data-v-70e56f41] {
      position: relative;
      overflow: visible;
}
.postback_options .item.order-search .btn[data-v-70e56f41] {
        background-color: #F1F1F1;
}
.postback_options .item .btn[data-v-70e56f41] {
      color: #4A4A4A;
      width: 100%;
      height: 36px;
      line-height: 36px;
      padding: 0 .46em;
      text-align: left;
      transition: background-color .4s;
      font-size: .9em;
      transition: .16s linear opacity;
}
.postback_options .item .btn[data-v-70e56f41]:focus {
        background-color: #E8E8E8;
}
.postback_options .item .btn span[data-v-70e56f41] {
        vertical-align: middle;
}
.postback_options .item .btn[data-v-70e56f41]:disabled {
        opacity: .6;
        cursor: default;
}
.postback_options[data-v-70e56f41]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}
.postback_add_button[data-v-70e56f41] {
  margin-top: .4em;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  background-color: #E9E9E9;
  border: 0px;
  width: 100%;
  padding: .4em;
  border-radius: 4px;
  transition: .2s linear background-color, .2s linear box-shadow;
}
.postback_add_button[data-v-70e56f41]:hover:not(:disabled) {
    background-color: #C7C7C7;
}
.postback_add_button[data-v-70e56f41]:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.16);
}
.postback_add_button span[data-v-70e56f41] {
    padding: 0 .2em;
}
.card-postback-layer[data-v-70e56f41] {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.info[data-v-70e56f41] {
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  color: #739E66;
}

.card-postback-wrapper[data-v-801a83c4] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s;
  transition: backdrop-filter .4s, -webkit-backdrop-filter .4s;
  overflow: auto;
}
.card-postback-wrapper.active[data-v-801a83c4] {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.card-postback-wrapper.active .card-postback[data-v-801a83c4] {
      transform: translateY(0);
}
.card-postback[data-v-801a83c4] {
  position: absolute;
  width: 300px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(199, 199, 199, 0.4);
  transform: translateY(8px);
  transition: transform .4s;
  padding: .4em;
  margin-bottom: 8px;
}
.card-postback .btn[data-v-801a83c4] {
    display: inline-block;
}
.card-postback .inp[data-v-801a83c4] {
    display: block;
    width: 100%;
    border-radius: 0;
    border: solid 1px #ACACAC;
    margin: 0 auto;
}
.card-postback .inp.postback_filter[data-v-801a83c4] {
      border-radius: 3px;
      margin-bottom: .4em;
}
.card-postback.url[data-v-801a83c4] {
    padding: .7em;
    width: 350px;
}
.card-postback.url .title[data-v-801a83c4] {
      color: #739E66;
      font-size: .8em;
      margin: 1.2em 0;
}
.card-postback.url .title .fa[data-v-801a83c4] {
        margin-right: .5em;
}
.card-postback.url input[data-v-801a83c4] {
      color: #ACACAC;
      border-color: #E8E8E8;
}
.card-postback.url label[data-v-801a83c4] {
      display: block;
      font-size: .75em;
      color: #747474;
      margin: 1.2em 0 .8em;
}
.card-postback.url .label-group[data-v-801a83c4] {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      border: solid 1px #E8E8E8;
      border-radius: 2px;
}
.card-postback.url .label-group.disabled[data-v-801a83c4] {
        background-color: #F1F1F1;
}
.card-postback.url .label-group input[data-v-801a83c4] {
        display: block;
        width: 100%;
        line-height: 20px;
        padding: 3px 4px 3px 13px;
        border: none;
        background-color: transparent;
        cursor: pointer;
}
.card-postback.url .label-group input[data-v-801a83c4]:disabled, .card-postback.url .label-group input.disabled[data-v-801a83c4] {
          background-color: #F1F1F1;
}
.card-postback.url .tip[data-v-801a83c4] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.postback_tags[data-v-801a83c4] {
  min-height: 26px;
  margin-bottom: .4em;
}
.postback_tags .tag[data-v-801a83c4],
  .postback_tags .btn[data-v-801a83c4] {
    font-size: 14px;
}
.postback_tags .tag[data-v-801a83c4] {
    color: #424242;
    background-color: #E8E8E8;
    padding: 0 2px 0 4px;
    margin: 0 0 3px 3px;
}
.postback_tags .tag.tag--btnless[data-v-801a83c4] {
      padding-right: 4px;
}
.postback_tags .btn[data-v-801a83c4] {
    color: #ACACAC;
    width: 14px;
    height: 14px;
    background-color: transparent;
    box-shadow: none;
    margin-top: 3px;
}
.postback_tags .btn .fa[data-v-801a83c4] {
      width: 14px;
      height: 14px;
}
.postback_tags .btn[data-v-801a83c4]:hover {
      color: #424242;
}
.postback_tags[data-v-801a83c4]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #ACACAC;
}
.postback_options[data-v-801a83c4] {
  overflow-y: auto;
  max-height: 236px;
}
.postback_options .item[data-v-801a83c4] {
    display: block;
    overflow: hidden;
}
.postback_options .item.order-search[data-v-801a83c4] {
      position: relative;
      overflow: visible;
}
.postback_options .item.order-search .btn[data-v-801a83c4] {
        background-color: #F1F1F1;
}
.postback_options .item .btn[data-v-801a83c4] {
      color: #4A4A4A;
      width: 100%;
      height: 36px;
      line-height: 36px;
      padding: 0 .46em;
      text-align: left;
      transition: background-color .4s;
      font-size: .9em;
      transition: .16s linear opacity;
}
.postback_options .item .btn[data-v-801a83c4]:focus {
        background-color: #E8E8E8;
}
.postback_options .item .btn span[data-v-801a83c4] {
        vertical-align: middle;
}
.postback_options .item .btn[data-v-801a83c4]:disabled {
        opacity: .6;
        cursor: default;
}
.postback_options[data-v-801a83c4]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}
.postback_add_button[data-v-801a83c4] {
  margin-top: .4em;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  background-color: #E9E9E9;
  border: 0px;
  width: 100%;
  padding: .4em;
  border-radius: 4px;
  transition: .2s linear background-color, .2s linear box-shadow;
}
.postback_add_button[data-v-801a83c4]:hover:not(:disabled) {
    background-color: #C7C7C7;
}
.postback_add_button[data-v-801a83c4]:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.16);
}
.postback_add_button span[data-v-801a83c4] {
    padding: 0 .2em;
}
.card-postback-layer[data-v-801a83c4] {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.info[data-v-801a83c4] {
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  color: #739E66;
}

.filter-box > .filter > .sub[data-v-9b050eba] {
  display: inline-block;
  color: #ACACAC;
  font-size: .9em;
  margin-right: 0em;
}
.filter-box > .filter > .filter-item[data-v-9b050eba] {
  display: inline-block;
  margin-left: 5px;
}
.filter-box > .filter > .filter-item > select[data-v-9b050eba] {
    min-width: 10em;
}
.filter-box > .filter > .filter-item > .checkbox > .item[data-v-9b050eba] {
    display: inline-block;
    border: 1px solid white;
    background-color: #ACACAC;
    color: white;
    font-size: .8em;
    padding: .2em .8em;
    border-radius: 4px;
    cursor: pointer;
    margin-right: .6em;
    opacity: .4;
    transition: .2s linear opacity, .3s linear border-color;
}
.filter-box > .filter > .filter-item > .checkbox > .item.checked[data-v-9b050eba] {
      opacity: 1;
}
.filter-box > .filter > .filter-item > .checkbox > .item.all[data-v-9b050eba] {
      background-color: #f25f8b;
}
.filter-box > .filter > .filter-item > .checkbox > .item.facebook[data-v-9b050eba] {
      background-color: #3a5998;
}
.filter-box > .filter > .filter-item > .checkbox > .item.line[data-v-9b050eba] {
      background-color: #00b900;
}
.filter-box > .filter > .filter-item > .checkbox > .item.instagram[data-v-9b050eba] {
      background-image: linear-gradient(218deg, #8a3ab9 -21%, #a70fe9 7%, #eb3167 45%, #ff8400 80%, #fbad50 120%);
}
.content.content-search-tag[data-v-9b050eba] {
  display: -ms-flexbox;
  display: flex;
}
.content.content-search-tag .search-tags[data-v-9b050eba] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.content.content-search-tag .search-tags h1.title[data-v-9b050eba] {
      line-height: 37px;
      font-size: 1.2em;
      color: #739E66;
}
.content.content-tags-result[data-v-9b050eba] {
  font-size: 1em;
}
.content.content-tags-result .table[data-v-9b050eba] {
    width: 100%;
    color: #4A4A4A;
    border-collapse: collapse;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    position: relative;
}
.content.content-tags-result .table .tr[data-v-9b050eba] {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center;
      background-color: white;
      transition: background-color .4s;
}
.content.content-tags-result .table .tr[data-v-9b050eba]:hover {
        background-color: #F7F7F7;
}
.content.content-tags-result .table .tr:hover .td-action .btn-new.btn-delete[data-v-9b050eba],
        .content.content-tags-result .table .tr:hover .td-action .btn.btn-delete[data-v-9b050eba] {
          opacity: 1;
}
.content.content-tags-result .table .tr + .tr[data-v-9b050eba] {
        border-top: 1px solid #9B9B9B;
}
.content.content-tags-result .table .th[data-v-9b050eba] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: .8em;
      padding: 0;
      height: 25px;
      word-break: break-all;
      text-align: center;
      border: solid 1px white;
      background-color: #739E66;
      color: white;
      padding: .4em .2em;
}
.content.content-tags-result .table .th.th-name[data-v-9b050eba] {
        width: 450px;
}
.content.content-tags-result .table .th.th-tag-number[data-v-9b050eba] {
        width: 200px;
}
.content.content-tags-result .table .th.th-create-time[data-v-9b050eba] {
        width: 250px;
}
.content.content-tags-result .table .th.th-action[data-v-9b050eba] {
        width: 72px;
}
.content.content-tags-result .table .th .btn-new[data-v-9b050eba],
      .content.content-tags-result .table .th .btn[data-v-9b050eba] {
        word-break: keep-all;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: .8em;
        color: white;
        padding: 0;
}
.content.content-tags-result .table .th .btn-new span[data-v-9b050eba],
        .content.content-tags-result .table .th .btn span[data-v-9b050eba] {
          padding: 0 .4em;
}
.content.content-tags-result .table .th .btn-new .fa[data-v-9b050eba],
        .content.content-tags-result .table .th .btn .fa[data-v-9b050eba] {
          transition: .3s linear opacity;
          opacity: 0;
}
.content.content-tags-result .table .th .btn-new:hover .fa[data-v-9b050eba],
        .content.content-tags-result .table .th .btn:hover .fa[data-v-9b050eba] {
          opacity: 1;
}
.content.content-tags-result .table .th .tips[data-v-9b050eba] {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 12px;
        margin-left: 8px;
}
.content.content-tags-result .table .th .tips .sub[data-v-9b050eba] {
          color: #B1D978;
          padding-bottom: 6px;
}
.content.content-tags-result .table .td[data-v-9b050eba] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: .8em;
      padding: 1em 0;
      word-break: break-all;
      text-align: center;
}
.content.content-tags-result .table .td.td-name[data-v-9b050eba] {
        width: 450px;
}
.content.content-tags-result .table .td.td-tag-number[data-v-9b050eba] {
        width: 200px;
}
.content.content-tags-result .table .td.td-create-time[data-v-9b050eba] {
        width: 250px;
}
.content.content-tags-result .table .td.td-action[data-v-9b050eba] {
        position: relative;
        width: 72px;
}
.content.content-tags-result .table .td.td-action .btn-new[data-v-9b050eba],
        .content.content-tags-result .table .td.td-action .btn[data-v-9b050eba] {
          width: 22px;
          height: 22px;
          font-size: 16px;
          color: #9B9B9B;
          border: 1px solid transparent;
          border-radius: 6px;
          transition: opacity .4s;
          padding: 3px;
}
.content.content-tags-result .table .td.td-action .btn-new[data-v-9b050eba]:hover,
          .content.content-tags-result .table .td.td-action .btn[data-v-9b050eba]:hover {
            background-color: white;
            box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.07);
}
.content.content-tags-result .table .td.td-action .btn-new.btn-delete[data-v-9b050eba],
          .content.content-tags-result .table .td.td-action .btn.btn-delete[data-v-9b050eba] {
            position: absolute;
            opacity: 0;
}
.toastr[data-v-9b050eba] {
  display: none;
}
.content-search .inp[data-v-9b050eba] {
  width: 640px;
}
.lightbox .lightbox-body .icon[data-v-9b050eba] {
  display: inline-block;
  margin-right: .2em;
  font-size: 3em;
  line-height: 1;
  color: #739E66;
}
.lightbox .lightbox-body .title[data-v-9b050eba] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
}
.lightbox .lightbox-body .description[data-v-9b050eba] {
  width: 100%;
  margin-top: 1.5em;
  line-height: 1.4;
}
.lightbox .lightbox-body .description > span[data-v-9b050eba] {
    word-break: break-all;
}
.lightbox .lightbox-body .description .divide[data-v-9b050eba] {
    display: block;
    margin: 1em 0;
}
.lightbox .lightbox-body .description .mark[data-v-9b050eba] {
    padding: 0 .2em;
    color: #f25f8b;
}
.lightbox .lightbox-body .description input[data-v-9b050eba] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #ACACAC;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: .2em .6em;
    margin-top: 0.6rem;
}
.lightbox .lightbox-body .description input[data-v-9b050eba]:focus {
      border: 1px solid #B1D978;
}
.lightbox .lightbox-body .description input.error[data-v-9b050eba] {
      border-color: #f25f8b;
}
.lightbox .lightbox-body .description input.error[data-v-9b050eba]:focus {
      border-color: #f25f8b;
      box-shadow: 0 0 0 3px rgba(242, 95, 139, 0.26);
}
.lightbox .lightbox-body .description .tip[data-v-9b050eba] {
    display: block;
    font-size: .9em;
    margin-top: .6em;
    color: #f25f8b;
}
.lightbox .lightbox-body .btns-box[data-v-9b050eba] {
  text-align: right;
  margin-top: 5em;
}
.lightbox .lightbox-body .btns-box .btn-new[data-v-9b050eba] {
    min-width: 70px;
    margin-left: 1em;
    line-height: 1.25;
}
.lightbox.lightbox-tag-delete .description[data-v-9b050eba] {
  line-height: 1.6em;
}

.lightbox[data-v-5eaa3357] {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
}
.lightbox .board-wrapper[data-v-5eaa3357] {
    transform: translate(0, 0);
    width: 100%;
    margin: 1em auto;
    padding: 0 1em;
    min-height: calc(100% - 2em);
}
.lightbox .board[data-v-5eaa3357] {
    min-height: 300px;
    height: auto;
    max-height: 100%;
    width: 100%;
    max-width: 600px;
    padding: 2em;
    overflow: hidden;
    position: relative;
    background-color: white;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
    color: #424242;
}
.lightbox .content[data-v-5eaa3357] {
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    position: relative;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: stretch;
        justify-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.lightbox .btn-close[data-v-5eaa3357] {
    width: 24px;
    min-width: auto;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #9B9B9B;
    z-index: 2;
    border: 0;
    background-color: transparent;
}
.lightbox .btn-close .css-icon[data-v-5eaa3357] {
      display: block;
      right: 12px;
      position: relative;
}
.lightbox .btn-close .css-icon[data-v-5eaa3357]::before, .lightbox .btn-close .css-icon[data-v-5eaa3357]::after {
        top: 0;
        width: 24px;
}
.lightbox .btn-close[data-v-5eaa3357]:hover {
      color: #B1D978;
}
.lightbox.active[data-v-5eaa3357] {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    visibility: visible;
    opacity: 1;
}
.lightbox .btn-box[data-v-5eaa3357] {
    position: relative;
    margin-top: 2em;
    text-align: right;
}
.lightbox .btn-box .btn[data-v-5eaa3357] {
      display: inline-block;
      width: auto;
      min-width: 70px;
      margin-left: 1em;
      padding: .6em 1.2em;
      border-radius: 2px;
      background-color: #739E66;
      color: white;
      text-decoration: none;
      border: 1px solid #739E66;
      transition: .3s linear color, .3s linear background-color;
}
.lightbox .btn-box .btn[data-v-5eaa3357]:hover(:not:disabled) {
        background-color: white;
        color: #739E66;
}
.lightbox .btn-box .btn.secondary[data-v-5eaa3357] {
        background-color: #f25f8b;
        border: 1px solid #f25f8b;
}
.lightbox .btn-box .btn.secondary[data-v-5eaa3357]:hover(:not:disabled) {
          background-color: white;
          color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-header .title[data-v-5eaa3357] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
  margin-bottom: 0.8em;
}
.lightbox.lightbox-common .lightbox-body .icon[data-v-5eaa3357] {
  display: inline-block;
  margin-right: .2em;
  font-size: 3em;
  line-height: 1;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .title[data-v-5eaa3357] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .description[data-v-5eaa3357] {
  width: 100%;
  margin-top: 1.5em;
  line-height: 1.4;
}
.lightbox.lightbox-common .lightbox-body .description > span[data-v-5eaa3357] {
    word-break: break-all;
}
.lightbox.lightbox-common .lightbox-body .description .para[data-v-5eaa3357],
  .lightbox.lightbox-common .lightbox-body .description .divide[data-v-5eaa3357] {
    display: block;
    margin: 1em 0;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-5eaa3357] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #ACACAC;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: .2em .6em;
    margin-top: 0.6rem;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-5eaa3357]:focus {
      border: 1px solid #B1D978;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-5eaa3357] {
      border-color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-5eaa3357]:focus {
      border-color: #f25f8b;
      box-shadow: 0 0 0 3px rgba(242, 95, 139, 0.26);
}
.lightbox.lightbox-common .lightbox-body .description .tip[data-v-5eaa3357] {
    display: block;
    font-size: .9em;
    margin-top: .6em;
    color: #f25f8b;
}
.lightbox.lightbox-common .texts[data-v-5eaa3357] {
  font-size: 0.95em;
  margin: 1em 0;
  line-height: 1.4;
}
.lightbox.lightbox-common .mark[data-v-5eaa3357] {
  padding: 0 .2em;
  color: #f25f8b;
}
.lightbox.lightbox-common .btn-box[data-v-5eaa3357],
.lightbox.lightbox-common .btns-box[data-v-5eaa3357] {
  text-align: right;
  margin-top: 5em;
}
.lightbox.lightbox-common .btn-box .btn-new[data-v-5eaa3357],
  .lightbox.lightbox-common .btns-box .btn-new[data-v-5eaa3357] {
    margin-left: 1em;
}
.lightbox.lightbox-common.lightbox-tag-delete .description[data-v-5eaa3357] {
  line-height: 1.6em;
}

.common-content[data-v-45fc2448],
.index-content[data-v-45fc2448] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
.common-content .content_title[data-v-45fc2448],
  .index-content .content_title[data-v-45fc2448] {
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #739E66;
}
.common-content .content_title.hide[data-v-45fc2448],
    .index-content .content_title.hide[data-v-45fc2448] {
      opacity: 0;
}
.common-content .content_title[data-v-45fc2448]::after,
    .index-content .content_title[data-v-45fc2448]::after {
      content: "";
      display: block;
      margin-top: .4em;
      width: 100%;
      height: 1px;
      background-color: #B1D978;
}
.common-content + .common-content[data-v-45fc2448],
  .index-content + .common-content[data-v-45fc2448] {
    margin-top: 4em;
}
.toastr-link[data-v-45fc2448] {
  display: none;
}
.column-spacing[data-v-45fc2448] {
  padding: 0;
}
.detail-header[data-v-45fc2448] {
  z-index: 5;
  width: 100%;
  height: 50px;
  left: 0;
  background-color: #4A4A4A;
  padding: 0 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.detail-header .btns[data-v-45fc2448] {
    width: 100%;
}
.detail-header .btn[data-v-45fc2448] {
    padding: 0;
    width: auto;
    min-width: 120px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    float: right;
    border: solid 1px white;
    border-radius: 5px;
    font-size: 12px;
    color: white;
}
.detail-header .btn .fa + .text[data-v-45fc2448] {
      margin-left: 4px;
}
.detail-header .btn + .btn[data-v-45fc2448] {
      margin-right: 20px;
}
.detail-header .btn.btn--print[data-v-45fc2448], .detail-header .btn.btn--cancel[data-v-45fc2448] {
      width: 84px;
}
.detail-header .btn.btn--print[data-v-45fc2448] {
      float: left;
}
.detail-header .btn.btn--confirm[data-v-45fc2448] {
      position: relative;
}
.detail-header .btn.btn--confirm .fa[data-v-45fc2448] {
        position: absolute;
        top: 7px;
        right: 8px;
        visibility: hidden;
}
.detail-header .btn.btn--confirm[data-v-45fc2448]:disabled {
        color: #9B9B9B;
        border-color: #9B9B9B;
        cursor: default;
}
.detail-header .btn.btn--confirm:disabled .fa[data-v-45fc2448] {
          visibility: visible;
}
.detail-header .btn.btn--cancel[data-v-45fc2448] {
      margin-right: 0;
      color: #ACACAC;
      border-color: currentColor;
}
.detail-header .btn[data-v-45fc2448]:hover {
      border-color: #B1D978;
      color: #B1D978;
}
.detail-wrapper[data-v-45fc2448] {
  position: relative;
  height: 100%;
  padding: 40px 0;
}
.detail-content .inp[data-v-45fc2448] {
  height: 26px;
}
.tb--list[data-v-45fc2448] {
  width: 100%;
  border-collapse: collapse;
}
.tb--list .btn[data-v-45fc2448] {
    width: auto;
    min-width: 60px;
    padding: .4em .6em;
    height: auto;
    background-color: #739E66;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 auto;
}
.tb--list .btn.btn--warning[data-v-45fc2448] {
      background-color: #D0011B;
}
.tb--list .inp[data-v-45fc2448] {
    line-height: 1;
    padding: .2e;
    height: auto;
    text-align: center;
    border-color: #C7C7C7;
    width: 98%;
}
.tb--list .inp[data-v-45fc2448]:hover {
      border-color: #9B9B9B;
}
.tb--list .thd[data-v-45fc2448] {
    border: solid 1px #B1D978;
}
.tb--list .th[data-v-45fc2448],
  .tb--list .td[data-v-45fc2448] {
    text-align: center;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: .6em .4em;
    word-break: break-all;
    word-wrap: break-word;
}
.tb--list .th.spec[data-v-45fc2448],
    .tb--list .td.spec[data-v-45fc2448] {
      width: 20%;
}
.tb--list .th.price[data-v-45fc2448],
    .tb--list .td.price[data-v-45fc2448] {
      width: 20%;
}
.tb--list .th.special_offer[data-v-45fc2448],
    .tb--list .td.special_offer[data-v-45fc2448] {
      width: 20%;
}
.tb--list .th.quantity[data-v-45fc2448],
    .tb--list .td.quantity[data-v-45fc2448] {
      width: 20%;
}
.tb--list .th.status[data-v-45fc2448],
    .tb--list .td.status[data-v-45fc2448] {
      width: 20%;
}
.tb--list .th .img[data-v-45fc2448],
    .tb--list .td .img[data-v-45fc2448] {
      width: 64px;
      height: 78px;
      margin: 0 auto;
      border-radius: 3px;
}
.tb--list .th p.tip[data-v-45fc2448],
    .tb--list .td p.tip[data-v-45fc2448] {
      font-size: .8em;
      color: #ACACAC;
}
.tb--list .tr.for-tip[data-v-45fc2448] {
    margin-top: .6em;
}
.tb--list .tr.for-tip .td.spec[data-v-45fc2448] {
      color: transparent;
}
.tb--list .tr.for-tip .td[data-v-45fc2448] {
      padding: 0;
}
.tb--list .tft[data-v-45fc2448] {
    border-top: solid 1px #9B9B9B;
}
.tb--list .tft .tr.tr-shipping .td[data-v-45fc2448] {
      padding: 22px 0;
}
.tb--list .tft .tr.tr-shipping .td[data-v-45fc2448]:last-child {
        font-size: 12px;
}
.tb--list .tft .tr.tr-total .td[data-v-45fc2448]:nth-last-child(2) {
      border: solid 1px currentColor;
}
.tb--list .tft .tr.tr-total .td[data-v-45fc2448]:last-child {
      font-size: 18px;
}
ul.primary-wrap[data-v-45fc2448] {
  width: 100%;
  color: #4A4A4A;
}
ul.primary-wrap li[data-v-45fc2448] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    height: auto;
}
ul.primary-wrap li + li[data-v-45fc2448] {
      margin-top: 1.4em;
}
ul.primary-wrap li.align-items-center[data-v-45fc2448] {
      -ms-flex-align: center;
          align-items: center;
}
ul.primary-wrap li.align-items-flex-start[data-v-45fc2448] {
      -ms-flex-align: start;
          align-items: flex-start;
}
ul.primary-wrap li .img[data-v-45fc2448] {
      width: 4em;
      height: 4em;
      margin-right: 1em;
      border-radius: 99em;
}
ul.primary-wrap li .title[data-v-45fc2448] {
      color: #739E66;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
ul.primary-wrap li .detail[data-v-45fc2448] {
      margin-left: .6em;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      word-wrap: break-word;
      word-break: break-all;
}
ul.primary-wrap li .detail .icon[data-v-45fc2448] {
        margin-left: .6em;
        height: 1em;
        vertical-align: middle;
}
ul.primary-wrap li .detail .icon.facebook[data-v-45fc2448] {
          color: #3a5998;
}
ul.primary-wrap li .detail .icon.line[data-v-45fc2448] {
          color: #00b900;
}
ul.primary-wrap li .detail .lbl[data-v-45fc2448] {
        display: inline-block;
}
ul.primary-wrap li .detail .lbl + .lbl[data-v-45fc2448] {
          margin-left: 1em;
}
ul.primary-wrap li .detail .lbl .inp[data-v-45fc2448] {
          display: none;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-45fc2448] {
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
          width: auto;
          min-width: 120px;
          border-radius: 4px;
          text-align: center;
          padding: .8em 1em;
          position: relative;
          cursor: pointer;
          transition: background-color .3s , border-color .3s , color .3s, opacity .3s;
          line-height: 1;
          display: inline-block;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-45fc2448]::before {
            font-family: FontAwesome;
            content: '\F10C';
            font-size: .8em;
            margin-right: .6em;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-45fc2448]:hover {
            color: white;
            border-color: #739E66;
            background-color: #739E66;
            opacity: .7;
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-45fc2448] {
          color: white;
          border-color: #739E66;
          background-color: #739E66;
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-45fc2448]::before {
            content: '\F192';
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-45fc2448]:hover {
            opacity: 1;
}
ul.primary-wrap li .detail .lbl .inp.danger + span[data-v-45fc2448]:hover {
          background-color: #f25f8b;
          border-color: #f25f8b;
}
ul.primary-wrap li .detail .lbl .inp.danger:checked + span[data-v-45fc2448] {
          border-color: #f25f8b;
          background-color: #f25f8b;
}
ul.primary-wrap li .detail .lbl .inp:disabled + span[data-v-45fc2448] {
          opacity: .6;
          cursor: default;
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp:disabled + span[data-v-45fc2448]:hover {
            opacity: .6;
            background-color: white;
            color: #ACACAC;
            border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.danger:disabled + span[data-v-45fc2448] {
          opacity: .6;
          cursor: default;
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.danger:disabled + span[data-v-45fc2448]:hover {
            opacity: .6;
            background-color: white;
            color: #ACACAC;
            border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.pay_failure + span[data-v-45fc2448] {
          border-color: #dc567e;
          color: #dc567e;
          background-color: white;
          opacity: .8;
          cursor: default;
}
ul.primary-wrap li .detail .lbl .inp.pay_failure + span[data-v-45fc2448]:hover {
            opacity: .8;
            background-color: white;
}
ul.primary-wrap .td[data-v-45fc2448] {
    vertical-align: top;
    padding: 10px 0 10px 12px;
}
ul.primary-wrap .td[data-v-45fc2448]:nth-child(odd) {
      width: 92px;
      position: relative;
}
ul.primary-wrap .td[data-v-45fc2448]:nth-child(odd)::after {
        content: "";
        display: block;
        border-right: solid 1px currentColor;
        height: 14px;
        position: absolute;
        right: 0;
        top: 10px;
}
ul.primary-wrap .td[data-v-45fc2448]:nth-child(2) {
      width: 412px;
}
ul.primary-wrap .td[data-v-45fc2448]:last-child::after {
      display: none;
}
ul.order-detail-wrap[data-v-45fc2448] {
  width: 100%;
  color: #4A4A4A;
}
ul.order-detail-wrap > li[data-v-45fc2448] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 1em 0;
    border-bottom: 1px solid #ACACAC;
}
ul.order-detail-wrap > li.header[data-v-45fc2448] {
      border: 1px solid #B1D978;
      padding: 1em 0;
}
ul.order-detail-wrap > li .item[data-v-45fc2448] {
      padding: 0 .4em;
      text-align: center;
      word-break: break-all;
      word-wrap: break-word;
}
ul.order-detail-wrap > li .item.photo[data-v-45fc2448] {
        width: 160px;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
ul.order-detail-wrap > li .item.name[data-v-45fc2448] {
        width: 30%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.spec[data-v-45fc2448] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.qty[data-v-45fc2448] {
        width: 120px;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.price[data-v-45fc2448] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.subtotal[data-v-45fc2448] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item .img[data-v-45fc2448] {
        width: 100%;
}
ul.order-detail-wrap li.footer[data-v-45fc2448] {
    -ms-flex-pack: end;
        justify-content: flex-end;
    text-align: right;
    border-bottom: none;
    padding: 2em 2em 0;
}
ul.order-detail-wrap li.footer .title[data-v-45fc2448] {
      color: #739E66;
}
ul.order-detail-wrap li.footer .detail[data-v-45fc2448] {
      font-size: 1.2em;
      margin-left: 1em;
}
ul.order-detail-wrap li.footer.total .title[data-v-45fc2448] {
      font-size: 1.6em;
}
ul.order-detail-wrap li.footer.total .detail[data-v-45fc2448] {
      font-size: 2em;
}
.detail-content[data-v-45fc2448] {
  transition: all .4s;
}
.detail-content .fade-wrapper[data-v-45fc2448] {
    position: relative;
}
.detail-content .inp[readonly][data-v-45fc2448] {
    background-color: whitesmoke;
}
.detail-content .inp[readonly][data-v-45fc2448]:hover {
      border-color: transparent;
}
.detail-content .inp.inp--hidden[data-v-45fc2448] {
    display: none;
}
.detail-content .progress-bar[data-v-45fc2448] {
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .4s;
}
.detail-content .progress-bar.active[data-v-45fc2448] {
      opacity: 1;
}
.detail-content.fade-enter[data-v-45fc2448], .detail-content.fade-leave-active[data-v-45fc2448] {
    opacity: 0;
    transform: translateY(30%);
}
.detail-content.fade-leave-active[data-v-45fc2448] {
    position: absolute;
}
.detail-content.detail-content--gallery[data-v-45fc2448] {
    position: relative;
    color: #4A4A4A;
}
.detail-content.detail-content--gallery .content_counter[data-v-45fc2448] {
      position: absolute;
      top: 0;
      right: 0;
}
.detail-content.detail-content--gallery .content_counter .text.error[data-v-45fc2448] {
        color: #EF5350 !important;
}
.detail-content.detail-content--gallery .photos-wrapper[data-v-45fc2448] {
      min-width: calc(798px + 60px);
      height: auto;
      min-height: 200px;
      border: solid 1px #E8E8E8;
      border-radius: 4px;
      padding: 1em;
      position: relative;
      transition: background-color .4s;
      font-size: .9em;
      line-height: 1.8;
}
.detail-content.detail-content--gallery .photos-wrapper .lbl[data-v-45fc2448] {
        cursor: pointer;
}
.detail-content.detail-content--gallery .photos-wrapper .lbl .inp[data-v-45fc2448] {
          display: none;
}
.detail-content.detail-content--gallery .photos-wrapper.prepare .photos--prepare[data-v-45fc2448] {
        opacity: 1;
        visibility: visible;
}
.detail-content.detail-content--gallery .photos-wrapper.hover[data-v-45fc2448] {
        background-color: #FFF9C4;
}
.detail-content.detail-content--gallery .photos-wrapper.error[data-v-45fc2448] {
        border-color: #EF5350 !important;
        box-shadow: 0 0 2px 1px #EF5350 !important;
}
.detail-content.detail-content--gallery .photos[data-v-45fc2448] {
      width: 798px;
      height: 162px;
      position: absolute;
      top: 18px;
      left: 30px;
      transition: opacity .4s, visibility .4s;
      visibility: hidden;
      opacity: 0;
}
.detail-content.detail-content--gallery .photos.active[data-v-45fc2448] {
        visibility: visible;
        opacity: 1;
}
.detail-content.detail-content--gallery .photos--empty[data-v-45fc2448] {
      text-align: center;
}
.detail-content.detail-content--gallery .photos--empty .title[data-v-45fc2448] {
        font-size: 18px;
        line-height: 24px;
}
.detail-content.detail-content--gallery .photos--empty .text.text--icon[data-v-45fc2448] {
        color: #4990e2;
        margin-top: 18px;
}
.detail-content.detail-content--gallery .photos--empty .text.text--icon .css-icon[data-v-45fc2448],
        .detail-content.detail-content--gallery .photos--empty .text.text--icon .alt[data-v-45fc2448] {
          vertical-align: middle;
}
.detail-content.detail-content--gallery .photos--empty .text.text--icon .alt[data-v-45fc2448] {
          margin-left: 5px;
}
.detail-content.detail-content--gallery .photos--empty .lbl[data-v-45fc2448] {
        display: block;
}
.detail-content.detail-content--gallery .photos--empty .lbl[data-v-45fc2448]:hover {
          color: #1e67bc;
}
.detail-content.detail-content--gallery .photos--empty .lbl:hover .css-icon[data-v-45fc2448] {
            background-color: #1e67bc;
}
.detail-content.detail-content--gallery .photos--empty .css-icon[data-v-45fc2448] {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: #4990e2;
        color: white;
        border-radius: 50%;
}
.detail-content.detail-content--gallery .photos--empty .css-icon[data-v-45fc2448]::before, .detail-content.detail-content--gallery .photos--empty .css-icon[data-v-45fc2448]::after {
          left: 4px;
          top: 9px;
          width: 12px;
}
.detail-content.detail-content--gallery .photos--container[data-v-45fc2448] {
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
}
.detail-content.detail-content--gallery .photos--container .photo[data-v-45fc2448],
      .detail-content.detail-content--gallery .photos--container .img[data-v-45fc2448] {
        width: 162px;
        height: 162px;
}
.detail-content.detail-content--gallery .photos--container .photo[data-v-45fc2448] {
        display: inline-block;
        position: relative;
}
.detail-content.detail-content--gallery .photos--container .photo .btn[data-v-45fc2448] {
          color: #4A4A4A;
          position: absolute;
          width: 20px;
          height: 20px;
          background-color: rgba(255, 255, 255, 0.7);
          border-radius: 50%;
          top: 4px;
          right: 4px;
          opacity: 0;
          transition: opacity .4s, background-color .4s;
          padding: 2px;
}
.detail-content.detail-content--gallery .photos--container .photo .btn.btn--move[data-v-45fc2448] {
            right: 28px;
            cursor: move;
}
.detail-content.detail-content--gallery .photos--container .photo .btn[data-v-45fc2448]:hover {
            background-color: white;
}
.detail-content.detail-content--gallery .photos--container .photo + .photo[data-v-45fc2448] {
          margin-left: 20px;
}
.detail-content.detail-content--gallery .photos--container .photo:hover .btn[data-v-45fc2448] {
          opacity: 1;
}
.detail-content.detail-content--gallery .photos--container .label[data-v-45fc2448] {
        position: absolute;
        top: 9px;
        left: -2px;
        width: auto;
        height: auto;
        background-color: rgba(55, 144, 222, 0.9);
        color: white;
        font-size: 12px;
        padding: 0 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
}
.detail-content.detail-content--gallery .photos--container .lbl[data-v-45fc2448] {
        margin-left: 20px;
        width: 80px;
        height: 162px;
        position: relative;
        display: none;
}
.detail-content.detail-content--gallery .photos--container .lbl:hover .css-icon[data-v-45fc2448] {
          color: #4990e2;
}
.detail-content.detail-content--gallery .photos--container .lbl.active[data-v-45fc2448] {
          display: inline-block;
}
.detail-content.detail-content--gallery .photos--container .css-icon[data-v-45fc2448] {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: 100%;
        color: #9B9B9B;
        top: 0;
        left: 0;
}
.detail-content.detail-content--gallery .photos--container .css-icon[data-v-45fc2448]::before, .detail-content.detail-content--gallery .photos--container .css-icon[data-v-45fc2448]::after {
          width: 60px;
          top: 81px;
          left: 10px;
}
.detail-content.detail-content--gallery .photos--prepare[data-v-45fc2448] {
      top: 10px;
      left: 10px;
      width: 838px;
      height: 178px;
      font-size: 18px;
      font-weight: 400;
      background-color: rgba(255, 255, 255, 0.7);
      border: dashed 2px;
      border-radius: 20px;
}
.detail-content.detail-content--name .inp[data-v-45fc2448] {
    width: 420px;
    height: 26px;
}
.detail-content.detail-content--description .area[data-v-45fc2448] {
    width: 100%;
    height: 200px;
}
.detail-content.detail-content--specification .lbl[data-v-45fc2448],
  .detail-content.detail-content--specification .chk[data-v-45fc2448],
  .detail-content.detail-content--specification .text[data-v-45fc2448] {
    float: left;
    line-height: 24px;
}
.detail-content.detail-content--specification .chk + .text[data-v-45fc2448] {
    margin-left: 12px;
}
.detail-content.detail-content--specification .chk[data-v-45fc2448] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
.detail-content.detail-content--simpleness ul.list[data-v-45fc2448] {
    -ms-flex-align: start;
        align-items: flex-start;
}
.detail-content.detail-content--simpleness .item[data-v-45fc2448] {
    width: 25%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    position: relative;
    padding: 0;
}
.detail-content.detail-content--simpleness .item + .item[data-v-45fc2448] {
      margin-left: 1em;
}
.detail-content.detail-content--simpleness .lbl[data-v-45fc2448] {
    display: block;
}
.detail-content.detail-content--simpleness .lbl.lbl--infinite .chk[data-v-45fc2448],
    .detail-content.detail-content--simpleness .lbl.lbl--infinite .text[data-v-45fc2448] {
      float: left;
      display: block;
      line-height: 24px;
}
.detail-content.detail-content--simpleness .lbl.lbl--infinite .chk[data-v-45fc2448] {
      -webkit-appearance: checkbox;
      -moz-appearance: checkbox;
      appearance: checkbox;
}
.detail-content.detail-content--simpleness .lbl.lbl--infinite .chk + .text[data-v-45fc2448] {
        margin-left: 10px;
}
.detail-content.detail-content--simpleness .lbl.lbl--infinite .text[data-v-45fc2448] {
      font-size: 14px;
      color: #4A4A4A;
}
.detail-content.detail-content--simpleness .inp[data-v-45fc2448] {
    width: 100%;
}
.detail-content.detail-content--simpleness p.tip[data-v-45fc2448] {
    margin-top: .8em;
    font-size: .8em;
    color: #ACACAC;
}
.detail-content.detail-content--combinations[data-v-45fc2448] {
    color: #4A4A4A;
}
.detail-content.detail-content--combinations .item[data-v-45fc2448] {
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.detail-content.detail-content--combinations .item + .item[data-v-45fc2448] {
        margin-top: 1.2em;
}
.detail-content.detail-content--combinations .combinations_factor .col + .col[data-v-45fc2448] {
      margin-left: 1em;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--title[data-v-45fc2448] {
      width: 36%;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--title .inp[data-v-45fc2448] {
        width: 100%;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags[data-v-45fc2448] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      width: 50%;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags .tag[data-v-45fc2448] {
        padding: 0 4px 0 10px;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags .tag .btn[data-v-45fc2448] {
          width: 12px;
          height: 12px;
          margin-top: 4px;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags .tags_input[data-v-45fc2448] {
        border-color: #E8E8E8;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags .tags_input.error[data-v-45fc2448] {
          border-color: #EF5350 !important;
          box-shadow: 0 0 2px 1px #EF5350 !important;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--tags .text--tips[data-v-45fc2448] {
        font-size: .8em;
        clear: both;
        margin-top: .6em;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove[data-v-45fc2448] {
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      width: 26px;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove .btn[data-v-45fc2448] {
        height: 26px;
        width: 26px;
        font-size: 12px;
        border-radius: 4px;
        transition: background-color .4s, color .4s;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove .btn.btn-remove[data-v-45fc2448] {
          color: #C8C8C8;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove .btn.btn-remove .css-icon[data-v-45fc2448]::before, .detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove .btn.btn-remove .css-icon[data-v-45fc2448]::after {
            top: 0;
            left: -8px;
            width: 16px;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-remove .btn.btn-remove[data-v-45fc2448]:hover {
            color: #4A4A4A;
            background-color: #E8E8E8;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add[data-v-45fc2448] {
      width: 100%;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-left: 0;
      margin-top: 3em;
      text-align: center;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn[data-v-45fc2448] {
        font-size: 1em;
        cursor: pointer;
        display: inline-block;
        color: #ACACAC;
        text-decoration: none;
        transition: color .3s linear;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn .plus[data-v-45fc2448] {
          display: block;
          width: 3em;
          height: 3em;
          border-radius: 99em;
          background-color: #ACACAC;
          margin: 0 auto .8em;
          position: relative;
          border: 1px solid #ACACAC;
          transition: background-color .3s linear , border-color .3s linear;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn .plus[data-v-45fc2448]::before {
            content: "";
            display: block;
            width: 1px;
            height: 2em;
            background-color: white;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn .plus[data-v-45fc2448]::after {
            content: "";
            display: block;
            height: 1px;
            width: 2em;
            background-color: white;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn span[data-v-45fc2448] {
          display: block;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn[data-v-45fc2448]:hover {
          opacity: 1;
          color: #C7C7C7;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn:hover .plus[data-v-45fc2448] {
            background-color: white;
            border-color: #C7C7C7;
}
.detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn:hover .plus[data-v-45fc2448]::before, .detail-content.detail-content--combinations .combinations_factor .col.col--btn-add .btn:hover .plus[data-v-45fc2448]::after {
              background-color: #C7C7C7;
}
.detail-content.detail-content--combinations .combinations_condition[data-v-45fc2448] {
      margin-top: 3em;
      font-size: .9em;
}
.detail-content.detail-content--combinations .combinations_condition .lbl[data-v-45fc2448],
      .detail-content.detail-content--combinations .combinations_condition .chk[data-v-45fc2448],
      .detail-content.detail-content--combinations .combinations_condition .text[data-v-45fc2448] {
        float: left;
}
.detail-content.detail-content--combinations .combinations_condition .chk + .text[data-v-45fc2448] {
        margin-left: 8px;
}
.detail-content.detail-content--combinations .combinations_condition .text[data-v-45fc2448] {
        line-height: 24px;
}
.detail-content.detail-content--combinations .combinations_condition .chk[data-v-45fc2448] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        appearance: checkbox;
}
.detail-content.detail-content--combinations .combinations_result[data-v-45fc2448] {
      font-size: .9em;
      margin-top: 3em;
}

.tags-input[data-v-14ee1078] {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  padding: 0 3px;
}
.tags-input input.inp[data-v-14ee1078] {
    width: auto;
    min-width: 60%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}

.svg[data-v-55552d5b] {
  display: block;
}
.icon[data-v-55552d5b] {
  width: 100%;
  height: 100%;
}
.fill[data-v-55552d5b] {
  fill: currentColor;
}

.toggle-switch-wrap[data-v-7275c174] {
  font-size: 16px;
  text-align: center;
}
.toggle-switch-wrap > .switch-box[data-v-7275c174] {
    display: inline-block;
    padding: 0;
    height: 1em;
    width: 2em;
    border: 1px solid #ACACAC;
    border-radius: 99em;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: background-color .3s ease;
}
.toggle-switch-wrap > .switch-box > .switch-item[data-v-7275c174] {
      height: 1em;
      width: 1em;
      border: 1px solid #ACACAC;
      background-color: #fff;
      border-radius: 99em;
      position: absolute;
      left: -1px;
      top: 0;
      bottom: 0;
      margin: auto;
      transition: left .3s ease;
}
.toggle-switch-wrap > .switch-box.turn-on[data-v-7275c174] {
      background-color: #B8E986;
}
.toggle-switch-wrap > .switch-box.turn-on > .switch-item[data-v-7275c174] {
        left: 1em;
}
.toggle-switch-wrap > .switch-box[data-v-7275c174]:disabled {
      cursor: default;
      opacity: .6;
}

.filter-box > .filter > .sub[data-v-241c625b] {
  display: inline-block;
  color: #ACACAC;
  font-size: .9em;
  margin-right: 0em;
}
.filter-box > .filter > .filter-item[data-v-241c625b] {
  display: inline-block;
  margin-left: 5px;
}
.filter-box > .filter > .filter-item > select[data-v-241c625b] {
    min-width: 10em;
}
.filter-box > .filter > .filter-item > .checkbox > .item[data-v-241c625b] {
    display: inline-block;
    border: 1px solid white;
    background-color: #ACACAC;
    color: white;
    font-size: .8em;
    padding: .2em .8em;
    border-radius: 4px;
    cursor: pointer;
    margin-right: .6em;
    opacity: .4;
    transition: .2s linear opacity, .3s linear border-color;
}
.filter-box > .filter > .filter-item > .checkbox > .item.checked[data-v-241c625b] {
      opacity: 1;
}
.filter-box > .filter > .filter-item > .checkbox > .item.all[data-v-241c625b] {
      background-color: #f25f8b;
}
.filter-box > .filter > .filter-item > .checkbox > .item.facebook[data-v-241c625b] {
      background-color: #3a5998;
}
.filter-box > .filter > .filter-item > .checkbox > .item.line[data-v-241c625b] {
      background-color: #00b900;
}
.filter-box > .filter > .filter-item > .checkbox > .item.instagram[data-v-241c625b] {
      background-image: linear-gradient(218deg, #8a3ab9 -21%, #a70fe9 7%, #eb3167 45%, #ff8400 80%, #fbad50 120%);
}
.index-content[data-v-241c625b] {
  width: 1040px;
  margin: 0 auto;
}
.index-content.index-content--search[data-v-241c625b] {
    text-align: center;
}
.index-content.index-content--search .text[data-v-241c625b],
    .index-content.index-content--search .inp[data-v-241c625b],
    .index-content.index-content--search .btn[data-v-241c625b] {
      vertical-align: middle;
}
.index-content.index-content--search .text[data-v-241c625b] {
      color: #739E66;
      font-size: 18px;
      line-height: 32px;
}
.index-content.index-content--search .inp[data-v-241c625b] {
      display: inline-block;
      border-color: #ACACAC;
      width: 640px;
      height: 32px;
      margin: 0 10px 0 32px;
      transition: box-shadow .4s;
}
.index-content.index-content--search .inp[data-v-241c625b]:focus {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.index-content.index-content--search .btn[data-v-241c625b] {
      display: inline-block;
      width: auto;
      min-width: 60px;
      height: 32px;
      line-height: 1;
      border-radius: 4px;
      color: white;
      background-color: #739E66;
      padding: 0 2em;
      transition: .3s linear background-color, .3s linear color;
}
.index-content.index-content--search .btn[data-v-241c625b]:hover {
        color: #4A4A4A;
        background-color: #B1D978;
}
.index-content.index-content--result[data-v-241c625b] {
    margin-top: 40px;
}
.index-content.index-content--result .tb[data-v-241c625b] {
    width: 100%;
    border-collapse: collapse;
    color: #424242;
    font-size: 12px;
    text-align: center;
}
.index-content.index-content--result .tbd .tr:hover .td[data-v-241c625b] {
    background-color: #F7F7F7;
}
.index-content.index-content--result .tbd .td[data-v-241c625b] {
    transition: background-color .4s;
}
.index-content.index-content--result .tr + .tr .td[data-v-241c625b] {
    border-top: solid 1px #9B9B9B;
}
.index-content.index-content--result .th[data-v-241c625b] {
    border: solid 1px white;
    padding: 3px 0;
    background-color: #739E66;
    color: white;
    padding: .4em .2em;
}
.index-content.index-content--result .th.th--action[data-v-241c625b] {
      width: 72px;
}
.index-content.index-content--result .td[data-v-241c625b] {
    padding: 1em 0;
}
.index-content.index-content--result .td .img[data-v-241c625b] {
      width: 64px;
      height: 78px;
      margin: 0 auto;
      border-radius: 3px;
}
.index-content.index-content--result .td .btn[data-v-241c625b] {
      width: 22px;
      height: 22px;
      font-size: 16px;
      color: #9B9B9B;
      border: solid 1px transparent;
      border-radius: 4px;
      transition: opacity .4s;
      padding: 3px;
}
.index-content.index-content--result .td .btn.btn--edit[data-v-241c625b] {
        margin: 0 auto;
        text-decoration: none;
        display: block;
        background-color: transparent;
}
.index-content.index-content--result .td .btn[data-v-241c625b]:hover {
        background-color: white;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.07);
}
.index-content.index-content--result .td .inp[data-v-241c625b] {
      width: 100%;
}
.index-content.index-content--result .td .icon[data-v-241c625b] {
      width: 1em;
      background-color: white;
}
.index-content.index-content--result .td .icon.facebook[data-v-241c625b] {
        color: #3a5998;
}
.index-content.index-content--result .td .icon.line[data-v-241c625b] {
        color: #00b900;
}
.index-content.index-content--result .td.td-status[data-v-241c625b] {
      width: 80px;
      color: #4A90E2;
      font-weight: 400;
}
.index-content.index-content--result .td.td-action[data-v-241c625b] {
      position: relative;
}
.detail-content[data-v-241c625b] {
  position: absolute;
  background-color: #424242;
  color: white;
  padding: .6em 1em 1em 1em;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: auto;
  max-width: 400px;
  visibility: hidden;
  opacity: 0;
  transition: .1s linear visibility, .1s linear opacity;
}
.detail-content.active[data-v-241c625b] {
    visibility: visible;
    opacity: .9;
}
.detail-content.locked[data-v-241c625b] {
    visibility: visible;
    opacity: .9;
}
.detail-content.locked .btn-box .btn[data-v-241c625b] {
      color: #739E66;
      border-color: #739E66;
}
.detail-content .btn-box[data-v-241c625b] {
    text-align: left;
}
.detail-content .btn-box .btn[data-v-241c625b] {
      padding: 2px;
      width: auto;
      display: inline-block;
      border-radius: 4px;
      color: #B1D978;
      border: 1px solid transparent;
      transition: .26s linear border, .26s linear color;
}
.detail-content .btn-box .btn[data-v-241c625b]:hover {
        color: #739E66;
        border-color: #739E66;
}
.detail-content .btn-box .icon[data-v-241c625b] {
      margin: auto;
      width: 1em;
}
.detail-content ul[data-v-241c625b] {
    margin-top: .8em;
}
.detail-content ul li + li[data-v-241c625b] {
      margin-top: 1em;
}
.detail-content ul li[data-v-241c625b] {
      text-align: left;
}
.detail-content ul .title[data-v-241c625b] {
      color: #B1D978;
      margin-bottom: .4em;
}
.detail-content ul .detail[data-v-241c625b] {
      color: white;
      line-height: 1.2em;
      overflow-wrap: break-word;
      word-wrap: break-word;
}
.detail-content ul .detail span.count-detail[data-v-241c625b] {
        color: #B1D978;
}
.detail-content ul .detail span.rate-detail[data-v-241c625b] {
        color: white;
        transform: scale(0.9);
        opacity: .8;
        transform-origin: left bottom;
}
.detail-content ul .detail span.rate-detail[data-v-241c625b]:before {
          content: '(';
}
.detail-content ul .detail span.rate-detail[data-v-241c625b]:after {
          content: ')';
}
.detail-content ul .detail span + span[data-v-241c625b] {
        margin-left: .6em;
}
.detail-content ul .detail + .detail[data-v-241c625b] {
        margin-top: .2em;
}
.index-content.index-content--result .table[data-v-241c625b] {
  color: #424242;
  font-size: .8em;
  text-align: center;
}
.index-content.index-content--result .table .th[data-v-241c625b],
  .index-content.index-content--result .table .td[data-v-241c625b] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.index-content.index-content--result .table.table-sequences > .tbody > .tr.tr-arrow-list > .td[data-v-241c625b] {
    border: 0;
    padding: 3em .6em;
}
.index-content.index-content--result .table.table-sequences > .tbody > .tr.tr-distritube-list[data-v-241c625b] {
    display: none;
}
.index-content.index-content--result .table.table-sequences > .tbody > .tr.tr-distritube-list.active[data-v-241c625b] {
    display: block;
}
.index-content.index-content--result .table.table-sequences > .tbody > .tr.tr-distritube-list > .td[data-v-241c625b] {
    border: 0px;
    padding: 0;
}
.index-content.index-content--result .table.table-sequences .th-arrow[data-v-241c625b],
  .index-content.index-content--result .table.table-sequences .td-arrow[data-v-241c625b] {
    width: 6em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.index-content.index-content--result .table.table-sequences .th-arrow .arrow-item[data-v-241c625b],
    .index-content.index-content--result .table.table-sequences .td-arrow .arrow-item[data-v-241c625b] {
      display: block;
      transition: .16s linear transform;
}
.index-content.index-content--result .table.table-sequences .th-arrow .arrow-item.active[data-v-241c625b],
      .index-content.index-content--result .table.table-sequences .td-arrow .arrow-item.active[data-v-241c625b] {
        transform: scaleY(-1);
}
.index-content.index-content--result .table.table-sequences .th-note[data-v-241c625b],
  .index-content.index-content--result .table.table-sequences .td-note[data-v-241c625b] {
    text-align: left;
}
.index-content.index-content--result .table.table-sequences .th-status[data-v-241c625b],
  .index-content.index-content--result .table.table-sequences .td-status[data-v-241c625b] {
    width: 9em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.index-content.index-content--result .table.table-sequences .th-action[data-v-241c625b],
  .index-content.index-content--result .table.table-sequences .td-action[data-v-241c625b] {
    width: 9em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.index-content.index-content--result .table.table-sequences .th-action .btn[data-v-241c625b],
    .index-content.index-content--result .table.table-sequences .td-action .btn[data-v-241c625b] {
      cursor: pointer;
}
.index-content.index-content--result .table.table-sequences .th-action .btn.edit[data-v-241c625b],
      .index-content.index-content--result .table.table-sequences .td-action .btn.edit[data-v-241c625b] {
        display: inline-block;
        vertical-align: middle;
}
.index-content.index-content--result .table.table-sequences .th-action .btn.delete[data-v-241c625b],
      .index-content.index-content--result .table.table-sequences .td-action .btn.delete[data-v-241c625b] {
        margin-left: .6em;
        display: inline-block;
        vertical-align: middle;
}
.index-content.index-content--result .table.table-distribute > .tbody > .tr > .td[data-v-241c625b] {
    position: relative;
    border: 0px;
    padding: 1.8em .6em;
}
.index-content.index-content--result .table.table-distribute .td-statistic[data-v-241c625b] {
    width: 9em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.index-content.index-content--result .table.table-distribute .td-amount[data-v-241c625b] {
    width: 9em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.index-content.index-content--result .table.table-distribute .title[data-v-241c625b] {
    color: #739E66;
}
.index-content.index-content--result .table.table-distribute .detail[data-v-241c625b] {
    margin-top: .4em;
    color: #ACACAC;
}
.index-content.index-content--result .table-sequences .tr-arrow-list[data-v-241c625b] {
  border-bottom: 1px solid #ACACAC;
}
.index-content.index-content--result .table-sequences .tr-arrow-list.active[data-v-241c625b] {
    border-bottom: 1px solid #DADADA;
}
.index-content.index-content--result .table-sequences .table-distribute[data-v-241c625b] {
  border-bottom: 1px solid #ACACAC;
}
.index-content.index-content--result .table-sequences .table-distribute .tr[data-v-241c625b]:not(:last-child) {
    border-bottom: 1px solid #DADADA;
}
.index-content.index-content--result .table-sequences .table-distribute .td[data-v-241c625b]:not(:first-child):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 1em 0;
    width: 1px;
    height: auto;
    background-color: #DADADA;
}

.svg[data-v-0c8b020c] {
  display: block;
}
.icon[data-v-0c8b020c] {
  width: 100%;
  height: 100%;
}
.stroke[data-v-0c8b020c] {
  stroke: currentColor;
}
.fill[data-v-0c8b020c] {
  fill: currentColor;
}

.svg[data-v-35f6b58e] {
  display: block;
}
.icon[data-v-35f6b58e] {
  width: 100%;
  height: 100%;
}
.fill[data-v-35f6b58e] {
  fill: currentColor;
}

@charset "UTF-8";
.card-border[data-v-4b189230] {
  width: 272px;
  text-align: center;
  margin-top: 2em;
  font-size: .9em;
  color: #9B9B9B;
  position: relative;
}
.card-border[data-v-4b189230]::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: #ACACAC;
    z-index: -1;
}
.card-border > p[data-v-4b189230] {
    display: inline-block;
    font-size: .9em;
    padding: 0 .6em;
    background-color: #fff;
    line-height: 1.4;
    z-index: 2;
    width: auto;
    max-width: 100%;
}
.detail[data-v-4b189230] {
  position: relative;
}
.detail .fade-enter[data-v-4b189230],
  .detail .fade-leave-active[data-v-4b189230] {
    opacity: 0;
    transform: translateY(-30px);
}
.detail .column-spacing[data-v-4b189230] {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.detail .draggable-message[data-v-4b189230] {
    height: 100%;
}
.detail-wrapper[data-v-4b189230] {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.detail-message-wrapper[data-v-4b189230] {
  position: relative;
  padding: 0;
  padding-top: 35px;
}
.history-detail .detail-message[data-v-4b189230] {
  width: 1040px;
  margin: 0 auto;
}
.detail-message[data-v-4b189230] {
  position: relative;
  transition: all .4s;
  padding: 0px 0 40px 32px;
}
.detail-message.sortable-chosen[data-v-4b189230] {
    background-color: #f7f7f7;
}
.detail-message:hover .detail-action .item_action[data-v-4b189230] {
    opacity: 1;
}
.detail_line[data-v-4b189230] {
  position: relative;
  padding: 0 2px;
  white-space: nowrap;
  overflow-x: auto;
}
.detail_line_item .item_new .btn[data-v-4b189230],
.detail_line_item .item_action .btn[data-v-4b189230],
.detail-action .item_new .btn[data-v-4b189230],
.detail-action .item_action .btn[data-v-4b189230] {
  width: 14px;
  height: 16px;
}
.detail_line_item .item_new .btn .fa[data-v-4b189230],
  .detail_line_item .item_new .btn .comp-icon[data-v-4b189230],
  .detail_line_item .item_action .btn .fa[data-v-4b189230],
  .detail_line_item .item_action .btn .comp-icon[data-v-4b189230],
  .detail-action .item_new .btn .fa[data-v-4b189230],
  .detail-action .item_new .btn .comp-icon[data-v-4b189230],
  .detail-action .item_action .btn .fa[data-v-4b189230],
  .detail-action .item_action .btn .comp-icon[data-v-4b189230] {
    display: block;
    color: #ACACAC;
    transition: color .4s;
}
.detail_line_item .item_new .btn.move[data-v-4b189230],
  .detail_line_item .item_action .btn.move[data-v-4b189230],
  .detail-action .item_new .btn.move[data-v-4b189230],
  .detail-action .item_action .btn.move[data-v-4b189230] {
    cursor: move;
}
.detail_line_item .item_new .btn:hover .fa[data-v-4b189230],
  .detail_line_item .item_new .btn:hover .comp-icon[data-v-4b189230],
  .detail_line_item .item_action .btn:hover .fa[data-v-4b189230],
  .detail_line_item .item_action .btn:hover .comp-icon[data-v-4b189230],
  .detail-action .item_new .btn:hover .fa[data-v-4b189230],
  .detail-action .item_new .btn:hover .comp-icon[data-v-4b189230],
  .detail-action .item_action .btn:hover .fa[data-v-4b189230],
  .detail-action .item_action .btn:hover .comp-icon[data-v-4b189230] {
    color: #424242;
}
.detail_line_item .item_action[data-v-4b189230],
.detail-action .item_action[data-v-4b189230] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .4s;
}
.detail_line_item .item_action.row[data-v-4b189230],
  .detail-action .item_action.row[data-v-4b189230] {
    padding: 0 1.4em 0 .4em;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.detail_line_item .item_action.row .move-item[data-v-4b189230],
    .detail-action .item_action.row .move-item[data-v-4b189230] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.detail_line_item .item_action.row .item + .item[data-v-4b189230],
    .detail-action .item_action.row .item + .item[data-v-4b189230] {
      margin-left: .6em;
}
.detail_line_item[data-v-4b189230] {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1.2em 1em .4em 0;
}
.detail_line_item.sortable-chosen[data-v-4b189230] {
    background-color: #f7f7f7;
}
.detail_line_item + .detail_line_item[data-v-4b189230] {
    margin-left: 7px;
}
.detail_line_item:hover .item_action[data-v-4b189230] {
    opacity: 1;
}
.detail_line_item.gallery-add-btn[data-v-4b189230] {
    text-align: center;
}
.detail_line_item.gallery-add-btn .add-btn[data-v-4b189230] {
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      color: #9B9B9B;
      cursor: pointer;
      transition: .3s linear color;
}
.detail_line_item.gallery-add-btn .add-btn.gallery[data-v-4b189230] {
        min-height: 358px;
}
.detail_line_item.gallery-add-btn .add-btn.product[data-v-4b189230] {
        min-height: 420px;
}
.detail_line_item.gallery-add-btn .add-btn[data-v-4b189230]:hover {
        color: #686868;
}
.detail_line_item.gallery-add-btn .add-btn:hover i[data-v-4b189230] {
          background-color: #686868;
}
.detail_line_item.gallery-add-btn .add-btn i[data-v-4b189230] {
        width: 2em;
        height: 2em;
        border-radius: 99em;
        background-color: #9B9B9B;
        transition: .3s linear background-color;
        position: relative;
}
.detail_line_item.gallery-add-btn .add-btn i[data-v-4b189230]::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          border-radius: 99em;
          width: 1.2em;
          height: 2px;
          background-color: white;
}
.detail_line_item.gallery-add-btn .add-btn i[data-v-4b189230]::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          border-radius: 99em;
          width: 2px;
          height: 1.2em;
          background-color: white;
}
.detail_line_item.gallery-add-btn .add-btn p[data-v-4b189230] {
        margin-top: .8em;
        font-size: .9em;
}
.detail-action[data-v-4b189230] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
}
.detail-action .item_new[data-v-4b189230] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.detail-action .item_new .btn[data-v-4b189230] {
      font-size: 24px;
      width: 100%;
      height: 100%;
}
.detail-action .item_new .comp-icon[data-v-4b189230] {
      width: 26px;
      margin-left: auto;
      margin-right: auto;
}
.detail-action .item_action[data-v-4b189230] {
    top: 34px;
    left: 10px;
    width: auto;
}
.detail-action .item_action .item[data-v-4b189230] {
      position: static;
      top: auto;
      left: auto;
}
.detail-action .item_action .item[data-v-4b189230]:first-child {
        margin-bottom: 54px;
}
.detail-action .item_action .item + .item[data-v-4b189230] {
        margin-top: 18px;
}
.detail-action.detail-action--tail[data-v-4b189230] {
    left: auto;
    right: 0;
    width: 48px;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    transition-delay: .3s;
    transition: .26s linear opacity;
}
.detail-action.detail-action--tail .item_new .btn svg[data-v-4b189230] {
      color: #9B9B9B;
}
.detail-action.detail-action--tail.active[data-v-4b189230] {
      opacity: 1;
}
.detail--generic > .detail_line[data-v-4b189230] {
  z-index: 1;
}
.detail--generic > .detail_line.ps-container.ps-theme-default.ps-active-x[data-v-4b189230] {
    padding-bottom: 12px;
}
.detail--generic > .detail_line > .psContent[data-v-4b189230] {
    display: inline-block;
    padding: 0 64px 0 0;
    white-space: nowrap;
}
.detail--generic > .card_separate[data-v-4b189230] {
  margin-top: 2px;
}
.detail--generic > .card-quick-replies[data-v-4b189230] {
  padding-left: 7px;
  padding-right: 50px;
}
.card_separate[data-v-4b189230] {
  font-size: 14px;
  line-height: 14px;
  color: #424242;
  margin-top: 6px;
  text-align: center;
  width: 272px;
}
.products-selector.active .products-selector_wrapper.active[data-v-4b189230],
.products-selector.active .products-selector_loading.active[data-v-4b189230] {
  visibility: visible;
  opacity: 1;
}
.products-selector_wrapper[data-v-4b189230],
.products-selector_loading[data-v-4b189230] {
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
}
.products-selector_wrapper[data-v-4b189230] {
  height: 100%;
}
.products-selector_title[data-v-4b189230] {
  font-size: 22px;
  color: white;
  margin-bottom: 6px;
  width: 470px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-selector_title .step[data-v-4b189230] {
    padding-right: 8px;
    font-weight: bold;
    font-size: 12px;
    color: #9B9B9B;
}
.products-selector_total[data-v-4b189230] {
  font-size: 14px;
  text-align: right;
  margin-bottom: 34px;
}
.products-selector_total .mark[data-v-4b189230] {
    background-color: transparent;
    padding: 0 4px;
    font-weight: bold;
    color: white;
}
.products-selector_total .mark.error[data-v-4b189230] {
      color: #EF5350;
}
.products-selector_products[data-v-4b189230] {
  width: 470px;
  height: calc(100% - 22px - 6px - 14px - 34px * 2 - 30px);
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 34px;
  position: relative;
}
.products-selector_products .product[data-v-4b189230] {
    width: 136px;
    float: left;
    margin-left: 31px;
    margin-bottom: 14px;
    padding-bottom: 2px;
    border-bottom: solid 1px #9B9B9B;
}
.products-selector_products .product[data-v-4b189230]:nth-child(3n+1) {
      margin-left: 0;
}
.products-selector_products .lbl[data-v-4b189230] {
    display: block;
}
.products-selector_products .inp[data-v-4b189230] {
    display: none;
}
.products-selector_products .inp.active + .fig[data-v-4b189230] {
      background-color: #739E66;
}
.products-selector_products .fig[data-v-4b189230] {
    margin: 0;
    padding: 4px;
    border-radius: 3px;
}
.products-selector_products .text[data-v-4b189230] {
    font-size: 14px;
    line-height: 18px;
    margin-left: 22px;
    width: 72px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -moz-line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}
.products-selector_btns .btn[data-v-4b189230] {
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  float: right;
  font-size: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #739E66;
  color: white;
}
.products-selector_btns .btn + .btn[data-v-4b189230] {
    margin-right: 25px;
}
.products-selector_btns .btn[data-v-4b189230]:hover {
    background-color: #84aa79;
}
.products-selector_btns .btn.btn-cancel[data-v-4b189230] {
    background-color: #ACACAC;
    color: #4A4A4A;
}
.products-selector_btns .btn.btn-cancel[data-v-4b189230]:hover {
      background-color: #C7C7C7;
}
.products-selector_btns .btn[disabled][data-v-4b189230] {
    opacity: .5;
    cursor: default;
}
.products-selector_btns .btn[disabled][data-v-4b189230]:hover {
      background-color: #739E66;
}
.products-selector_loading[data-v-4b189230] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cropper-prepare[data-v-4b189230] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
}
.cropper-prepare .cropper-box[data-v-4b189230] {
    background-color: rgba(0, 0, 0, 0.7);
    height: auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding-top: 1em;
}
.cropper-prepare .cropper-scale[data-v-4b189230] {
    height: 100%;
}
.cropper-prepare .cropper-btns[data-v-4b189230] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    height: auto;
    padding: 1em 0;
}
.cropper-prepare .cropper-btns .btn[data-v-4b189230] {
      display: inline-block;
      height: auto;
      line-height: 1;
      background-color: #739E66;
      color: white;
      min-width: 6em;
      padding: .8em 1em;
      border-radius: 2px;
}
.cropper-prepare .cropper-btns .btn + .btn[data-v-4b189230] {
        margin-left: 1em;
}
.cropper-prepare .cropper-btns .btn[data-v-4b189230]:hover {
        background-color: #84aa79;
}
.cropper-prepare .cropper-btns .btn.btn-cancel[data-v-4b189230] {
        background-color: #C7C7C7;
        color: #424242;
}
.cropper-prepare .cropper-btns .btn.btn-cancel[data-v-4b189230]:hover {
          background-color: #d6d6d6;
}
.cropper-prepare .img.img-hidden[data-v-4b189230] {
    display: none;
}
.cropper-prepare.active[data-v-4b189230] {
    visibility: visible;
    opacity: 1;
}
.audio-video-view-wrap[data-v-4b189230] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  padding: 1em;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
}
.audio-video-view-wrap.active[data-v-4b189230] {
    visibility: visible;
    opacity: 1;
}
.audio-video-view-wrap .close-btn[data-v-4b189230] {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 3em;
    height: 3em;
    display: block;
    z-index: 3;
    cursor: pointer;
}
.audio-video-view-wrap .close-btn[data-v-4b189230]:hover::before, .audio-video-view-wrap .close-btn[data-v-4b189230]:hover::after {
      opacity: 1;
}
.audio-video-view-wrap .close-btn[data-v-4b189230]::before {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background-color: white;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      opacity: .2;
      transition: .3s linear opacity;
      transform: rotate(45deg);
}
.audio-video-view-wrap .close-btn[data-v-4b189230]::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background-color: white;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      opacity: .2;
      transition: .3s linear opacity;
      transform: rotate(-45deg);
}
.audio-video-view-wrap .view-item[data-v-4b189230] {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.audio-video-view-wrap .view-item.audio[data-v-4b189230] {
      width: 100%;
      height: 40px;
}
.audio-video-view-wrap .view-background[data-v-4b189230] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.tag[data-v-4b189230] {
  padding: 3px 8px 3px 8px;
  cursor: pointer;
}
@keyframes selectStepChange {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.chalterra-style[data-v-4b189230] {
  /* 表頭 放搜尋框與標題 */
}
.chalterra-style .products-selector_loading[data-v-4b189230] {
    color: #9B9B9B;
    font-size: 24px;
}
.chalterra-style .products-selector_wrapper[data-v-4b189230] {
    animation: selectStepChange .6s linear 0s 1 normal forwards;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
}
.chalterra-style .products-selector-header[data-v-4b189230] {
    width: 100%;
    position: relative;
}
.chalterra-style .products-selector-header .products-selector_title[data-v-4b189230] {
      /* 標題 */
      color: #739E66;
      line-height: 22px;
      width: auto;
      margin-bottom: 0;
}
.chalterra-style .products-selector-header .search-box[data-v-4b189230] {
      /* 右上搜按外框 */
      width: 60%;
      height: 22px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      -ms-flex-pack: justify;
          justify-content: space-between;
      font-size: 12px;
      color: #4A4A4A;
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector-header .search-box[data-v-4b189230] {
          margin-top: 12px;
          position: relative;
          width: 100%;
          height: 24px;
          font-size: 14px;
}
}
.chalterra-style .products-selector-header .search-box .sub[data-v-4b189230] {
        /* 左方文字 */
        margin-right: 6px;
}
.chalterra-style .products-selector-header .search-box .search-input[data-v-4b189230] {
        /* 搜尋框 */
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: 6px;
        position: relative;
}
.chalterra-style .products-selector-header .search-box .search-input[data-v-4b189230]::after {
          font-family: FontAwesome;
          content: "\F002";
          opacity: .6;
          transform: scaleX(-1);
          display: block;
          position: absolute;
          right: 8px;
          top: 1px;
          height: 22px;
          line-height: 22px;
}
.chalterra-style .products-selector-header .search-box .search-input .inp[data-v-4b189230] {
          display: block;
          width: 100%;
          border-radius: 0;
          font-size: 10px;
}
.chalterra-style .products-selector-header .search-box .search-input .inp[data-v-4b189230]:focusen {
            border-color: #9B9B9B;
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector-header .search-box .search-input .inp[data-v-4b189230] {
              font-size: 12px;
}
}
.chalterra-style .products-selector-header .search-box .btn[data-v-4b189230] {
        /* 按鈕 */
        padding: 0 12px 0 16px;
        letter-spacing: 4px;
        height: 22px;
        background: #739E66;
        border: 1px solid #739E66;
        color: white;
        transition: .3s linear all;
        line-height: 22px;
}
.chalterra-style .products-selector-header .search-box .btn[data-v-4b189230]:hover {
          background: white;
          color: #739E66;
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector-header .search-box .btn[data-v-4b189230] {
            height: 24px;
            line-height: 24px;
}
}
.chalterra-style .show-products-selector_total[data-v-4b189230] {
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    background-color: #E8E8E8;
    color: #4A4A4A;
    margin: 14px auto;
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media screen and (max-width: 767px) {
.chalterra-style .show-products-selector_total[data-v-4b189230] {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        letter-spacing: 0;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .show-products-selector_total[data-v-4b189230] {
        font-size: 12px;
        line-height: 12px;
}
}
.chalterra-style .show-products-selector_total span[data-v-4b189230] {
      color: #739E66;
      margin: 0 2px;
}
.chalterra-style .show-products-selector_total .show-total[data-v-4b189230] {
      text-align: left;
}
@media screen and (max-width: 767px) {
.chalterra-style .show-products-selector_total .show-total[data-v-4b189230] {
          width: 100%;
}
}
.chalterra-style .show-products-selector_total .show-total p[data-v-4b189230] {
        display: inline-block;
}
@media screen and (max-width: 575px) {
.chalterra-style .show-products-selector_total .show-total p[data-v-4b189230] {
            display: block;
}
.chalterra-style .show-products-selector_total .show-total p + p[data-v-4b189230] {
              margin-top: 8px;
}
}
.chalterra-style .show-products-selector_total .select-total[data-v-4b189230] {
      text-align: right;
}
@media screen and (max-width: 767px) {
.chalterra-style .show-products-selector_total .select-total[data-v-4b189230] {
          text-align: left;
          width: 100%;
          margin-top: 8px;
}
}
.chalterra-style .products-selector_products[data-v-4b189230] {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 100px;
    height: auto;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
    /* 第二頁 確認所選商品 LIST 區塊 */
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products[data-v-4b189230] {
        padding-bottom: 60px;
}
}
.chalterra-style .products-selector_products .psContent[data-v-4b189230] {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: stretch;
          align-items: stretch;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-bottom: 20px;
}
.chalterra-style .products-selector_products .product[data-v-4b189230] {
      width: calc(50% - 10px);
      padding-bottom: 0;
      margin-bottom: 20px;
      margin-left: 0;
      border-bottom: 0;
      border-radius: 4px;
      border: 1px solid #C7C7C7;
      position: relative;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n+1) {
        margin-right: 10px;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n) {
        margin-left: 10px;
}
@media screen and (max-width: 667px) {
.chalterra-style .products-selector_products .product[data-v-4b189230] {
          margin-bottom: 10px;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n+1) {
            margin-right: 5px;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n) {
            margin-left: 5px;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product[data-v-4b189230] {
          width: 100%;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n+1) {
            margin-right: 0;
}
.chalterra-style .products-selector_products .product[data-v-4b189230]:nth-child(2n) {
            margin-left: 0;
}
}
.chalterra-style .products-selector_products .product .lbl[data-v-4b189230] {
        padding: 20px;
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product .lbl[data-v-4b189230] {
            padding: 10px 20px;
}
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig[data-v-4b189230] {
          background-color: inherit;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig[data-v-4b189230]::before {
            /* 因為 input 不能寫 before */
            /* 所以把選取後的邊框特效寫在 fig 上面*/
            display: block;
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            border-radius: 4px;
            border: 2px solid #fba1bc;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .product-name[data-v-4b189230] {
            color: #f25f8b;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .btn-box .btn-sub[data-v-4b189230] {
            visibility: visible;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .btn-box .btn[data-v-4b189230] {
            background-color: #dc567e;
            border-color: #f25f8b;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .btn-box .btn .check[data-v-4b189230] {
              display: block;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .btn-box .btn .uncheck[data-v-4b189230] {
              display: none;
}
.chalterra-style .products-selector_products .product .lbl .inp.active + .fig .text .btn-box .btn[data-v-4b189230]:hover {
              background-color: white;
              border-color: #dc567e;
              color: #f25f8b;
}
.chalterra-style .products-selector_products .product .lbl .fig[data-v-4b189230] {
          padding: 0;
          border-radius: 0;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products .product .lbl .fig[data-v-4b189230] {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .img[data-v-4b189230] {
            height: 160px;
            width: 160px;
            border-radius: 0;
            margin: 0;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products .product .lbl .fig .img[data-v-4b189230] {
                margin: 0 auto 12px;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product .lbl .fig .img[data-v-4b189230] {
                height: 120px;
                margin: 0 auto 6px;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text[data-v-4b189230] {
            width: auto;
            height: auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
            line-height: inherit;
            margin-left: 14px;
            color: #4A4A4A;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products .product .lbl .fig .text[data-v-4b189230] {
                margin-left: 0;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product .lbl .fig .text[data-v-4b189230] {
                width: 100%;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text .product-name[data-v-4b189230] {
              display: block;
              font-size: 14px;
              line-height: 16px;
              color: #739E66;
              height: 32px;
              margin-bottom: 6px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -moz-box;
              display: -webkit-box;
              -moz-line-clamp: 2;
              -webkit-line-clamp: 2;
              -moz-box-orient: vertical;
              -webkit-box-orient: vertical;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products .product .lbl .fig .text .product-name[data-v-4b189230] {
                  margin-bottom: 12px;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product .lbl .fig .text .product-name[data-v-4b189230] {
                  height: auto;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text .pricing-price[data-v-4b189230] {
              display: block;
              font-size: 12px;
              line-height: 12px;
}
.chalterra-style .products-selector_products .product .lbl .fig .text .sale-price[data-v-4b189230] {
              display: block;
              font-size: 12px;
              line-height: 12px;
}
.chalterra-style .products-selector_products .product .lbl .fig .text span + span[data-v-4b189230] {
              margin-top: 4px;
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box[data-v-4b189230] {
              /* 放按鈕的外框 */
              text-align: right;
              margin-top: 20px;
              position: relative;
              z-index: 1;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box[data-v-4b189230] {
                  width: 100%;
                  margin: 14px 0 0 0;
                  text-align: center;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn-sub[data-v-4b189230] {
                /* 按鈕前的說明文 */
                font-size: 12px;
                line-height: 1;
                visibility: hidden;
                display: block;
                margin-bottom: .8em;
}
@media screen and (max-width: 991px) {
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn-sub[data-v-4b189230] {
                    display: block;
                    margin-right: 0;
                    margin-bottom: 4px;
                    text-align: center;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn[data-v-4b189230] {
                /* 按鈕 */
                display: inline-block;
                font-size: 13px;
                line-height: 1;
                width: auto;
                padding: .6em 1em;
                min-width: 120px;
                max-width: 400px;
                text-align: center;
                background-color: #739E66;
                border: 1px solid #739E66;
                color: white;
                border-radius: 2px;
                cursor: pointer;
                transition: .26s linear all;
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn .check[data-v-4b189230] {
                  display: none;
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn .uncheck[data-v-4b189230] {
                  display: block;
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn[data-v-4b189230] {
                    width: 100%;
                    padding: .8em 0;
                    font-size: 14px;
                    border-radius: 0;
}
}
.chalterra-style .products-selector_products .product .lbl .fig .text .btn-box .btn[data-v-4b189230]:hover {
                  background-color: white;
                  color: #739E66;
                  border-color: #739E66;
}
.chalterra-style .products-selector_products.check-selector-products[data-v-4b189230] {
      height: calc(100% - 160px);
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products[data-v-4b189230] {
          height: calc(100% - 242px);
}
}
.chalterra-style .products-selector_products.check-selector-products .product[data-v-4b189230] {
        /* 商品清單的每一格 */
        margin: 0;
        width: 100%;
        border: 0;
}
.chalterra-style .products-selector_products.check-selector-products .product[data-v-4b189230]:not(:last-child)::after {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background-color: #ccc;
          position: absolute;
          bottom: 0;
          left: 0;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig[data-v-4b189230] {
          position: relative;
          -ms-flex-align: center;
              align-items: center;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig[data-v-4b189230] {
              /* 洗掉第一頁的原生會換行樣式 */
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig[data-v-4b189230] {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text[data-v-4b189230] {
            /* 作一個右內縮 留位子給按鈕 */
            padding-right: 140px;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text[data-v-4b189230] {
                margin-left: 14px;
}
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text[data-v-4b189230] {
                padding-right: 0;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text[data-v-4b189230] {
                margin-left: 0;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .product-name[data-v-4b189230] {
              font-size: 16px;
              height: 36px;
              line-height: 18px;
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .product-name[data-v-4b189230] {
                  height: auto;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box[data-v-4b189230] {
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              height: 44px;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box[data-v-4b189230] {
                  width: auto;
                  margin-left: auto;
                  margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box[data-v-4b189230] {
                  position: relative;
                  margin-top: 20px;
                  text-align: right;
                  width: 100%;
                  height: auto;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box[data-v-4b189230] {
                  text-align: center;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn-sub[data-v-4b189230] {
                display: block;
                visibility: visible;
                text-align: center;
                margin-bottom: 4px;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn-sub .check[data-v-4b189230] {
                  display: none;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn-sub .uncheck[data-v-4b189230] {
                  display: block;
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn-sub[data-v-4b189230] {
                    display: block;
                    margin-bottom: 10px;
                    text-align: right;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn-sub[data-v-4b189230] {
                    text-align: center;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn[data-v-4b189230] {
                /* 按鈕 */
                background-color: #dc567e;
                border-color: #f25f8b;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn[data-v-4b189230]:hover {
                  background-color: white;
                  border-color: #dc567e;
                  color: #f25f8b;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn .check[data-v-4b189230] {
                  display: none;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .text .btn-box .btn .uncheck[data-v-4b189230] {
                  display: block;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .img[data-v-4b189230] {
            width: 200px;
            height: 200px;
}
@media screen and (max-width: 839px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .img[data-v-4b189230] {
                margin-bottom: 0;
}
}
@media screen and (max-width: 575px) {
.chalterra-style .products-selector_products.check-selector-products .product .lbl .fig .img[data-v-4b189230] {
                width: 160px;
                height: 160px;
                margin-bottom: 12px;
}
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig[data-v-4b189230]::before {
          /* 把原來被選取的框邊變色刪掉 */
          display: none;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .product-name[data-v-4b189230] {
          color: #739E66;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn-sub .check[data-v-4b189230] {
          display: block;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn-sub .uncheck[data-v-4b189230] {
          display: none;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn[data-v-4b189230] {
          background-color: #739E66;
          border-color: #739E66;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn .check[data-v-4b189230] {
            display: block;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn .uncheck[data-v-4b189230] {
            display: none;
}
.chalterra-style .products-selector_products.check-selector-products .product .lbl .inp.active + .fig .text .btn-box .btn[data-v-4b189230]:hover {
            color: #739E66;
            border-color: #739E66;
            background-color: white;
}
.chalterra-style .pager-wrap[data-v-4b189230] {
    /*翻頁按鈕*/
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}
.chalterra-style .pager-wrap a[data-v-4b189230] {
      display: inline-block;
      line-height: 1;
      font-size: 12px;
      color: #739E66;
      text-decoration: none;
}
.chalterra-style .pager-wrap a + a[data-v-4b189230] {
        margin-left: 10px;
}
.chalterra-style .products-selector_btns[data-v-4b189230] {
    /* 下方按扭群 */
    width: 100%;
    position: relative;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media screen and (max-width: 767px) {
.chalterra-style .products-selector_btns[data-v-4b189230] {
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
}
.chalterra-style .products-selector_btns .btn[data-v-4b189230] {
      width: auto;
      max-width: 33%;
      min-width: 200px;
      float: none;
      margin: 0;
      font-size: 14px;
      letter-spacing: 2px;
      padding: 18px 16px;
      text-align: center;
      height: auto;
      line-height: 1;
      border-radius: 0;
      margin-left: auto;
      box-shadow: none;
      border: 1px solid #739E66;
      transition: all .26s linear;
}
@media screen and (max-width: 768px) {
.chalterra-style .products-selector_btns .btn[data-v-4b189230] {
          width: auto;
          max-width: 50%;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          font-size: 10px;
}
}
@media screen and (max-width: 576px) {
.chalterra-style .products-selector_btns .btn[data-v-4b189230] {
          width: 100%;
          max-width: 100%;
          font-size: 12px;
}
}
.chalterra-style .products-selector_btns .btn[disabled="disabled"][data-v-4b189230]:hover {
        background-color: #739E66;
        color: white;
}
.chalterra-style .products-selector_btns .btn + .btn[data-v-4b189230] {
        margin-left: 10px;
}
@media screen and (max-width: 768px) {
.chalterra-style .products-selector_btns .btn + .btn[data-v-4b189230] {
            margin-left: 10px;
}
}
@media screen and (max-width: 576px) {
.chalterra-style .products-selector_btns .btn + .btn[data-v-4b189230] {
            margin-left: 0px;
            margin-top: 10px;
}
}
.chalterra-style .products-selector_btns .btn i[data-v-4b189230] {
        margin: 0 .4em;
        font-size: 14px;
}
.chalterra-style .products-selector_btns .btn[data-v-4b189230]:hover {
        background: white;
        color: #739E66;
}
.chalterra-style .products-selector_btns .btn.btn-cancel[data-v-4b189230] {
        color: white;
        background-color: #f25f8b;
        border-color: #dc567e;
}
.chalterra-style .products-selector_btns .btn.btn-cancel[data-v-4b189230]:hover {
          color: #dc567e;
          background-color: white;
          border-color: #f25f8b;
}
.chalterra-style .products-selector_btns .btn.btn-back[data-v-4b189230] {
        margin-right: auto;
        margin-left: 0;
}
@media screen and (max-width: 768px) {
.chalterra-style .products-selector_btns .btn.btn-back[data-v-4b189230] {
            color: #dc567e;
            line-height: 1;
            padding: 0;
            background-color: transparent;
            border: 0;
            width: 100%;
            max-width: 100%;
            margin: 0 0 1em 0;
}
}
@media screen and (max-width: 576px) {
.chalterra-style .products-selector_btns .btn.btn-back[data-v-4b189230] {
            margin: 0;
}
.chalterra-style .products-selector_btns .btn.btn-back[data-v-4b189230]:hover {
              background-color: transparent;
              border: 0;
}
}
.chalterra-style .linear-gradient-layer[data-v-4b189230] {
    /* 白色漸層遮罩 */
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-image: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
    height: 60px;
    position: relative;
    margin-top: -60px;
    margin-bottom: 20px;
    z-index: 2;
}
@media screen and (max-width: 575px) {
.chalterra-style .linear-gradient-layer[data-v-4b189230] {
        height: 60px;
        margin-top: -60px;
}
}

.card-element[data-v-2817f162] {
  width: 272px;
  border: solid 1px #E8E8E8;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  overflow: visibility;
  transform: translateZ(0);
  background-color: white;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.07);
}
.card-element .inp[data-v-2817f162],
  .card-element .area[data-v-2817f162] {
    display: block;
}
.card-element .inp[disabled][data-v-2817f162],
  .card-element .area[disabled][data-v-2817f162] {
    color: #9B9B9B;
    -webkit-text-fill-color: #9B9B9B;
}
.card-element.text-template[data-v-2817f162] {
    background-color: #E8E8E8;
}
.card-element.text-template .card-element-text-description .area[data-v-2817f162] {
      border-color: transparent;
      background-color: transparent;
}
.card-element.text-template .card-element-text-description .area[data-v-2817f162]:hover, .card-element.text-template .card-element-text-description .area[data-v-2817f162]:focus {
        border-color: #ACACAC;
}
.card-element.card-element--has-quick-replies[data-v-2817f162] {
    position: relative;
    z-index: 1;
    border-bottom: solid 1px #E8E8E8;
}
.card-element .product-image[data-v-2817f162] {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.card-element .product-image img[data-v-2817f162] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 100%;
      height: 100%;
}
.card-element-uploader-wrap[data-v-2817f162] {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.card-element-uploader-wrap.disabled[data-v-2817f162] {
    cursor: default;
}
.card-element-uploader-wrap .icon-item[data-v-2817f162] {
    position: absolute;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    z-index: 1;
    color: #ACACAC;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
}
.card-element-uploader-wrap .icon-item.error[data-v-2817f162] {
      color: #f25f8b;
}
.card-element-uploader-wrap .icon-item i.fa[data-v-2817f162] {
      display: block;
      width: 100%;
      font-size: 2.4em;
      margin-bottom: .2em;
      line-height: 1;
}
.card-element-uploader-wrap .icon-item span.text[data-v-2817f162] {
      display: block;
      width: 100%;
      font-size: .9em;
      margin-top: .6em;
      line-height: 1;
}
.card-element-user-input[data-v-2817f162] {
  font-size: .9em;
  border: solid 1px #E8E8E8;
  border-radius: 0;
  overflow: visible;
  padding: 0 8px;
  background-color: white;
  position: relative;
  color: #424242;
}
.card-element-user-input.error[data-v-2817f162] {
    color: #EF5350;
}
.card-element-text[data-v-2817f162] {
  margin: 8px 0;
}
.card-element-text .inp[data-v-2817f162],
  .card-element-text .area[data-v-2817f162],
  .card-element-text .name-input-tips[data-v-2817f162] {
    width: 256px;
    margin-left: auto;
    margin-right: auto;
}
.card-element-text-description .name-input-tips[data-v-2817f162] {
  margin-top: .4em;
  color: #9B9B9B;
  font-size: .8em;
  line-height: 1.4;
  display: block;
}
.card-element-text-description .name-input-tips > p.tip[data-v-2817f162] {
    padding-left: .5em;
    text-indent: -.5em;
}
.card-element-text-description .name-input-tips > .button-box[data-v-2817f162] {
    display: block;
    text-align: right;
    position: relative;
}
.card-element-text-description .name-input-tips > .button-box > .button-list[data-v-2817f162] {
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 100%;
      padding: .6em .8em;
      border-radius: 4px;
      background-color: #424242;
      font-size: .9em;
      position: absolute;
      top: 0;
      left: 100%;
      margin-left: 0;
      margin-top: .4em;
      transition: .3s ease opacity, .3s ease visibility, .3s ease margin-top;
}
.card-element-text-description .name-input-tips > .button-box > .button-list[data-v-2817f162]:hover {
        margin-top: 0;
        opacity: 1;
        visibility: visible;
}
.card-element-text-description .name-input-tips > .button-box > .button-list > .btn[data-v-2817f162] {
        color: white;
        transition: .3s linear color;
}
.card-element-text-description .name-input-tips > .button-box > .button-list > .btn + .btn[data-v-2817f162] {
          margin-top: .6em;
}
.card-element-text-description .name-input-tips > .button-box > .button-list > .btn[data-v-2817f162]:hover {
          color: #B1D978;
}
.card-element-text-description .name-input-tips > .button-box > .button-toggle[data-v-2817f162] {
      display: inline-block;
      cursor: pointer;
      transition: .3s linear color;
}
.card-element-text-description .name-input-tips > .button-box > .button-toggle[data-v-2817f162]:hover {
        color: #424242;
}
.card-element-text-description .name-input-tips > .button-box > .button-toggle:hover + .button-list[data-v-2817f162] {
          margin-top: 0;
          opacity: 1;
          visibility: visible;
}
.card-element-text-description .inp[data-v-2817f162] {
  font-weight: bold;
}
.card-element-text-description .area[data-v-2817f162] {
  height: 100px;
}
.tips-style[data-v-2817f162] {
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  color: #739E66;
}
.tips-style .explanation[data-v-2817f162] {
    min-width: 400px;
}

.uploader-common[data-v-722ca7fc] {
  position: relative;
  transition: background-color .4s;
  z-index: 2;
  width: 100%;
  height: 0;
  padding-bottom: 51.851851%;
}
.uploader-common.single-image.active[data-v-722ca7fc], .uploader-common.single-video.active[data-v-722ca7fc] {
    padding-bottom: 0;
    height: auto;
}
.uploader-common.portfolio-image.active .image[data-v-722ca7fc] {
    position: absolute;
    z-index: -1;
}
.uploader-common .image[data-v-722ca7fc] {
    width: 100%;
    height: 100%;
}
.uploader-common .video[data-v-722ca7fc],
  .uploader-common .audio[data-v-722ca7fc] {
    width: 100%;
    height: auto;
}
.uploader-common .inp[data-v-722ca7fc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.uploader-common .extra-function[data-v-722ca7fc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s linear opacity;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.uploader-common .extra-function.active[data-v-722ca7fc] {
      visibility: visible;
}
.uploader-common .extra-function .replace[data-v-722ca7fc] {
      position: relative;
      z-index: 3;
      color: #ACACAC;
      cursor: pointer;
      transition: color .3s linear;
}
.uploader-common .extra-function .replace[data-v-722ca7fc]:hover {
        color: white;
}
.uploader-common .extra-function .btn[data-v-722ca7fc] {
      margin-left: 3em;
      position: relative;
      z-index: 4;
      color: #ACACAC;
      transition: color .3s linear;
}
.uploader-common .extra-function .btn[data-v-722ca7fc]:hover {
        color: white;
}
.uploader-common .extra-function .fa[data-v-722ca7fc] {
      display: block;
      font-size: 1.6em;
}
.uploader-common .extra-function .text[data-v-722ca7fc] {
      margin-top: 1em;
}
.uploader-common .file-uploader-back[data-v-722ca7fc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: center;
    opacity: 1;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    transition: .3s linear opacity;
}
.uploader-common .file-uploader-back i.fa[data-v-722ca7fc] {
      color: #C7C7C7;
      font-size: 2.6em;
      margin-bottom: .2em;
}
.uploader-common .file-uploader-back h3[data-v-722ca7fc] {
      word-break: break-all;
      word-wrap: break-word;
      color: #ACACAC;
      font-size: .9em;
      padding: 0 1em;
      width: 100%;
      line-height: 1.4;
}
.uploader-common .progress-bar[data-v-722ca7fc] {
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: opacity .4s;
}
.uploader-common .progress-bar .i[data-v-722ca7fc] {
      border-radius: 0;
}
.uploader-common .progress-bar.active[data-v-722ca7fc] {
      opacity: 1;
}
.uploader-common .drop-item[data-v-722ca7fc] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
    margin: auto;
    background-color: rgba(255, 255, 255, 0.7);
    border: dashed 2px gray;
    border-radius: 10px;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0;
}
.uploader-common.prepare .drop-item[data-v-722ca7fc] {
    visibility: visible;
    opacity: 1;
}
.uploader-common.hover[data-v-722ca7fc] {
    background-color: #FFF9C4;
}
.uploader-common:hover .extra-function[data-v-722ca7fc] {
    opacity: 1;
}
.uploader-common.active[data-v-722ca7fc] {
    background-color: white;
}
.uploader-common.error[data-v-722ca7fc] {
    border: solid 2px #EF5350;
    border-radius: 6px 6px 0 0;
}

.uploader-common[data-v-435354e2] {
  position: relative;
  transition: background-color .4s;
  z-index: 2;
  width: 100%;
  height: 0;
  padding-bottom: 51.851851%;
}
.uploader-common.single-image.active[data-v-435354e2], .uploader-common.single-video.active[data-v-435354e2] {
    padding-bottom: 0;
    height: auto;
}
.uploader-common.portfolio-image.active .image[data-v-435354e2] {
    position: absolute;
    z-index: -1;
}
.uploader-common .image[data-v-435354e2] {
    width: 100%;
    height: 100%;
}
.uploader-common .video[data-v-435354e2],
  .uploader-common .audio[data-v-435354e2] {
    width: 100%;
    height: auto;
}
.uploader-common .inp[data-v-435354e2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.uploader-common .extra-function[data-v-435354e2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s linear opacity;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.uploader-common .extra-function.active[data-v-435354e2] {
      visibility: visible;
}
.uploader-common .extra-function .replace[data-v-435354e2] {
      position: relative;
      z-index: 3;
      color: #ACACAC;
      cursor: pointer;
      transition: color .3s linear;
}
.uploader-common .extra-function .replace[data-v-435354e2]:hover {
        color: white;
}
.uploader-common .extra-function .btn[data-v-435354e2] {
      margin-left: 3em;
      position: relative;
      z-index: 4;
      color: #ACACAC;
      transition: color .3s linear;
}
.uploader-common .extra-function .btn[data-v-435354e2]:hover {
        color: white;
}
.uploader-common .extra-function .fa[data-v-435354e2] {
      display: block;
      font-size: 1.6em;
}
.uploader-common .extra-function .text[data-v-435354e2] {
      margin-top: 1em;
}
.uploader-common .file-uploader-back[data-v-435354e2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: center;
    opacity: 1;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    transition: .3s linear opacity;
}
.uploader-common .file-uploader-back i.fa[data-v-435354e2] {
      color: #C7C7C7;
      font-size: 2.6em;
      margin-bottom: .2em;
}
.uploader-common .file-uploader-back h3[data-v-435354e2] {
      word-break: break-all;
      word-wrap: break-word;
      color: #ACACAC;
      font-size: .9em;
      padding: 0 1em;
      width: 100%;
      line-height: 1.4;
}
.uploader-common .progress-bar[data-v-435354e2] {
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: opacity .4s;
}
.uploader-common .progress-bar .i[data-v-435354e2] {
      border-radius: 0;
}
.uploader-common .progress-bar.active[data-v-435354e2] {
      opacity: 1;
}
.uploader-common .drop-item[data-v-435354e2] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
    margin: auto;
    background-color: rgba(255, 255, 255, 0.7);
    border: dashed 2px gray;
    border-radius: 10px;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0;
}
.uploader-common.prepare .drop-item[data-v-435354e2] {
    visibility: visible;
    opacity: 1;
}
.uploader-common.hover[data-v-435354e2] {
    background-color: #FFF9C4;
}
.uploader-common:hover .extra-function[data-v-435354e2] {
    opacity: 1;
}
.uploader-common.active[data-v-435354e2] {
    background-color: white;
}
.uploader-common.error[data-v-435354e2] {
    border: solid 2px #EF5350;
    border-radius: 6px 6px 0 0;
}

.uploader-common[data-v-52bfd967] {
  position: relative;
  transition: background-color .4s;
  z-index: 2;
  width: 100%;
  height: 0;
  padding-bottom: 51.851851%;
}
.uploader-common.single-image.active[data-v-52bfd967], .uploader-common.single-video.active[data-v-52bfd967] {
    padding-bottom: 0;
    height: auto;
}
.uploader-common.portfolio-image.active .image[data-v-52bfd967] {
    position: absolute;
    z-index: -1;
}
.uploader-common .image[data-v-52bfd967] {
    width: 100%;
    height: 100%;
}
.uploader-common .video[data-v-52bfd967],
  .uploader-common .audio[data-v-52bfd967] {
    width: 100%;
    height: auto;
}
.uploader-common .inp[data-v-52bfd967] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.uploader-common .extra-function[data-v-52bfd967] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s linear opacity;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.uploader-common .extra-function.active[data-v-52bfd967] {
      visibility: visible;
}
.uploader-common .extra-function .replace[data-v-52bfd967] {
      position: relative;
      z-index: 3;
      color: #ACACAC;
      cursor: pointer;
      transition: color .3s linear;
}
.uploader-common .extra-function .replace[data-v-52bfd967]:hover {
        color: white;
}
.uploader-common .extra-function .btn[data-v-52bfd967] {
      margin-left: 3em;
      position: relative;
      z-index: 4;
      color: #ACACAC;
      transition: color .3s linear;
}
.uploader-common .extra-function .btn[data-v-52bfd967]:hover {
        color: white;
}
.uploader-common .extra-function .fa[data-v-52bfd967] {
      display: block;
      font-size: 1.6em;
}
.uploader-common .extra-function .text[data-v-52bfd967] {
      margin-top: 1em;
}
.uploader-common .file-uploader-back[data-v-52bfd967] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: center;
    opacity: 1;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    transition: .3s linear opacity;
}
.uploader-common .file-uploader-back i.fa[data-v-52bfd967] {
      color: #C7C7C7;
      font-size: 2.6em;
      margin-bottom: .2em;
}
.uploader-common .file-uploader-back h3[data-v-52bfd967] {
      word-break: break-all;
      word-wrap: break-word;
      color: #ACACAC;
      font-size: .9em;
      padding: 0 1em;
      width: 100%;
      line-height: 1.4;
}
.uploader-common .progress-bar[data-v-52bfd967] {
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: opacity .4s;
}
.uploader-common .progress-bar .i[data-v-52bfd967] {
      border-radius: 0;
}
.uploader-common .progress-bar.active[data-v-52bfd967] {
      opacity: 1;
}
.uploader-common .drop-item[data-v-52bfd967] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
    margin: auto;
    background-color: rgba(255, 255, 255, 0.7);
    border: dashed 2px gray;
    border-radius: 10px;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0;
}
.uploader-common.prepare .drop-item[data-v-52bfd967] {
    visibility: visible;
    opacity: 1;
}
.uploader-common.hover[data-v-52bfd967] {
    background-color: #FFF9C4;
}
.uploader-common:hover .extra-function[data-v-52bfd967] {
    opacity: 1;
}
.uploader-common.active[data-v-52bfd967] {
    background-color: white;
}
.uploader-common.error[data-v-52bfd967] {
    border: solid 2px #EF5350;
    border-radius: 6px 6px 0 0;
}

.uploader-common[data-v-3f2e66ad] {
  position: relative;
  transition: background-color .4s;
  z-index: 2;
  width: 100%;
  height: 0;
  padding-bottom: 51.851851%;
}
.uploader-common.single-image.active[data-v-3f2e66ad], .uploader-common.single-video.active[data-v-3f2e66ad] {
    padding-bottom: 0;
    height: auto;
}
.uploader-common.portfolio-image.active .image[data-v-3f2e66ad] {
    position: absolute;
    z-index: -1;
}
.uploader-common .image[data-v-3f2e66ad] {
    width: 100%;
    height: 100%;
}
.uploader-common .video[data-v-3f2e66ad],
  .uploader-common .audio[data-v-3f2e66ad] {
    width: 100%;
    height: auto;
}
.uploader-common .inp[data-v-3f2e66ad] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.uploader-common .extra-function[data-v-3f2e66ad] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s linear opacity;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.uploader-common .extra-function.active[data-v-3f2e66ad] {
      visibility: visible;
}
.uploader-common .extra-function .replace[data-v-3f2e66ad] {
      position: relative;
      z-index: 3;
      color: #ACACAC;
      cursor: pointer;
      transition: color .3s linear;
}
.uploader-common .extra-function .replace[data-v-3f2e66ad]:hover {
        color: white;
}
.uploader-common .extra-function .btn[data-v-3f2e66ad] {
      margin-left: 3em;
      position: relative;
      z-index: 4;
      color: #ACACAC;
      transition: color .3s linear;
}
.uploader-common .extra-function .btn[data-v-3f2e66ad]:hover {
        color: white;
}
.uploader-common .extra-function .fa[data-v-3f2e66ad] {
      display: block;
      font-size: 1.6em;
}
.uploader-common .extra-function .text[data-v-3f2e66ad] {
      margin-top: 1em;
}
.uploader-common .file-uploader-back[data-v-3f2e66ad] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: center;
    opacity: 1;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    transition: .3s linear opacity;
}
.uploader-common .file-uploader-back i.fa[data-v-3f2e66ad] {
      color: #C7C7C7;
      font-size: 2.6em;
      margin-bottom: .2em;
}
.uploader-common .file-uploader-back h3[data-v-3f2e66ad] {
      word-break: break-all;
      word-wrap: break-word;
      color: #ACACAC;
      font-size: .9em;
      padding: 0 1em;
      width: 100%;
      line-height: 1.4;
}
.uploader-common .progress-bar[data-v-3f2e66ad] {
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: opacity .4s;
}
.uploader-common .progress-bar .i[data-v-3f2e66ad] {
      border-radius: 0;
}
.uploader-common .progress-bar.active[data-v-3f2e66ad] {
      opacity: 1;
}
.uploader-common .drop-item[data-v-3f2e66ad] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
    margin: auto;
    background-color: rgba(255, 255, 255, 0.7);
    border: dashed 2px gray;
    border-radius: 10px;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0;
}
.uploader-common.prepare .drop-item[data-v-3f2e66ad] {
    visibility: visible;
    opacity: 1;
}
.uploader-common.hover[data-v-3f2e66ad] {
    background-color: #FFF9C4;
}
.uploader-common:hover .extra-function[data-v-3f2e66ad] {
    opacity: 1;
}
.uploader-common.active[data-v-3f2e66ad] {
    background-color: white;
}
.uploader-common.error[data-v-3f2e66ad] {
    border: solid 2px #EF5350;
    border-radius: 6px 6px 0 0;
}

.card-buttons[data-v-5bf5dd54] {
  border-top: solid 1px #E8E8E8;
  border-radius: 0;
  overflow: visible;
}
.card-buttons + .card-buttons[data-v-5bf5dd54] {
    border-top: 0px;
}
.card-buttons .item[data-v-5bf5dd54] {
    border-bottom: solid 1px #E8E8E8;
    min-height: 36px;
    padding: 0 8px;
    background-color: white;
}
.card-buttons .item-nogap[data-v-5bf5dd54] {
    padding: 0;
}
.card-buttons .inp[data-v-5bf5dd54] {
    margin: 0 .4em;
}
.card-buttons .inp[data-v-5bf5dd54],
  .card-buttons .area[data-v-5bf5dd54] {
    display: block;
}
.card-buttons .inp.title[data-v-5bf5dd54],
    .card-buttons .area.title[data-v-5bf5dd54] {
      color: #4A90E2;
      text-align: center;
      width: 201px;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      border-color: transparent;
      transition: border .2s;
}
.card-buttons .inp.title[data-v-5bf5dd54]:hover, .card-buttons .inp.title[data-v-5bf5dd54]:focus,
      .card-buttons .area.title[data-v-5bf5dd54]:hover,
      .card-buttons .area.title[data-v-5bf5dd54]:focus {
        border-color: #E8E8E8;
}
.card-buttons .inp.title[disabled][data-v-5bf5dd54],
      .card-buttons .area.title[disabled][data-v-5bf5dd54] {
        border-color: transparent;
}
.card-buttons .inp.sticky[data-v-5bf5dd54],
    .card-buttons .area.sticky[data-v-5bf5dd54] {
      width: 100%;
      color: #ACACAC;
}
.card-buttons .btn[data-v-5bf5dd54] {
    width: 14px;
    height: 16px;
    color: #9B9B9B;
    transition: color .4s;
    padding: 0;
}
.card-buttons .btn + .btn[data-v-5bf5dd54] {
      margin-left: .4em;
}
.card-buttons .btn .fa[data-v-5bf5dd54] {
      display: block;
      color: #ACACAC;
      transition: color .4s;
}
.card-buttons .btn .fa.small[data-v-5bf5dd54] {
        font-size: .9em;
}
.card-buttons .btn.url[data-v-5bf5dd54] {
      width: 16px;
}
.card-buttons .btn.add[data-v-5bf5dd54] {
      width: 100%;
      height: 100%;
}
.card-buttons .btn.add .comp-icon[data-v-5bf5dd54],
      .card-buttons .btn.add span[data-v-5bf5dd54] {
        vertical-align: middle;
}
.card-buttons .btn.add .comp-icon[data-v-5bf5dd54] {
        width: 12px;
        height: 22px;
        display: inline;
        margin-right: 4px;
}
.card-buttons .btn[data-v-5bf5dd54]:hover {
      color: #424242;
}
.card-buttons .btn:hover .fa[data-v-5bf5dd54] {
        color: #424242;
}
.card-buttons .btn.active .fa[data-v-5bf5dd54] {
      color: #B1D978;
}
.card-buttons .btn.error .fa[data-v-5bf5dd54] {
      color: #EF5350;
}
.card-buttons .btn.move[data-v-5bf5dd54] {
      text-align: center;
      position: absolute;
      left: 100%;
      margin-left: .1em;
      cursor: pointer;
      opacity: 0;
      visible: hidden;
      transition: .2s linear opacity, .2s linear visible;
}
.card-buttons .item:hover .btn.move[data-v-5bf5dd54] {
    opacity: 1;
    visible: visible;
}
.inp.title[data-v-5bf5dd54] {
  min-width: 0;
}

.svg[data-v-1e93e247] {
  display: block;
}
.icon[data-v-1e93e247] {
  width: 100%;
  height: 100%;
}
.stroke[data-v-1e93e247] {
  stroke: currentColor;
}
.fill[data-v-1e93e247] {
  fill: currentColor;
}

.input-item[data-v-e8ca1f76] {
  position: relative;
  height: 100%;
  width: 100%;
  padding-right: 2em;
  line-height: 36px;
  display: block;
  color: #424242;
}
.input-item.error[data-v-e8ca1f76] {
    color: #EF5350;
}
.input-item.error > input[data-v-e8ca1f76]:-ms-input-placeholder {
      color: #EF5350;
      opacity: .6;
}
.input-item.error > input[data-v-e8ca1f76]::placeholder {
      color: #EF5350;
      opacity: .6;
}
.input-item > input[data-v-e8ca1f76] {
    font-size: 1em;
    padding: 0;
    border: 0;
    margin: 0;
    display: inline-block;
    width: auto;
    position: relative;
    height: 100%;
    line-height: 36px;
    max-width: calc(100% - 3em);
}
.input-item > .view-input-content[data-v-e8ca1f76] {
    background-color: #f25f8b;
    opacity: 0;
    width: auto;
    max-width: calc(100% - 3em);
    display: inline-block;
    position: absolute;
    z-index: -1;
}
.input-item > .fields-tag[data-v-e8ca1f76] {
    height: 28px;
    line-height: 28px;
    padding: 0 .4em;
    color: white;
    background-color: #4A90E2;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    transition: .3s linear opacity;
}
.input-item > .fields-tag > i[data-v-e8ca1f76] {
      margin-left: .6em;
}
.input-item > .fields-tag[data-v-e8ca1f76]:hover {
      opacity: .8;
}

.tips[data-v-3c98391a] {
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.tips .fa.help[data-v-3c98391a] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: help;
}
.tips .explanation[data-v-3c98391a] {
    position: absolute;
    top: 0;
    left: 16px;
    transform: translate(6px, calc(-50% + 8px));
    width: auto;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s, transform .4s;
    color: white;
}
.tips .explanation .fa[data-v-3c98391a] {
      display: inline-block;
      position: relative;
      width: auto;
}
.tips .explanation .fa.fa-caret-left[data-v-3c98391a] {
      display: none;
}
.tips .explanation[data-v-3c98391a]::before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: solid 1px #E8E8E8;
      box-shadow: 0 0 0.4em 0 rgba(199, 199, 199, 0.4);
}
.tips .tip-content[data-v-3c98391a] {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 1em;
    border: solid 1px transparent;
    border-radius: 3px;
    background-color: #4A4A4A;
    background-clip: padding-box;
    text-align: left;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.tips .tip-content .img + .text[data-v-3c98391a] {
      margin: 8px 0 0;
}
.tips .tip-content .text[data-v-3c98391a] {
      text-align: left;
      font-size: 12px;
      line-height: 1.4;
}
.tips .tip-content .text + .text[data-v-3c98391a] {
        margin-top: .6em;
}
.tips .tip-content .text .fa[data-v-3c98391a] {
        margin-right: .4em;
}
.tips .tip-content .url[data-v-3c98391a] {
      color: #B1D978;
}
.tips:hover .explanation[data-v-3c98391a] {
    opacity: 1;
    visibility: visible;
}
.tips.left .explanation[data-v-3c98391a] {
    left: auto;
    right: 16px;
}
.tips.left .explanation .fa[data-v-3c98391a] {
      left: auto;
      right: 4px;
      transform: translateY(-50%) rotate(180deg);
}
ul.card-category li.item:hover > .tips > .explanation[data-v-3c98391a] {
  opacity: 1;
  visibility: visible;
}
.tips.json-api .explanation[data-v-3c98391a] {
  width: 265px;
}
.tips.json-api .explanation .tip-content p[data-v-3c98391a] {
  letter-spacing: 1.1px;
}
.tips.json-api .explanation .json-api-addon-message[data-v-3c98391a] {
  font-size: 1em;
  margin-top: 20px;
}
.tips.json-api .explanation .json-api-addon-message span[data-v-3c98391a] {
  border: 1.4px solid white;
  height: 1.2em;
  width: 1.2em;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  font-weight: 700;
  font-style: normal;
  margin-right: .25em;
}

.svg[data-v-81cc0fda] {
  display: block;
}
.icon[data-v-81cc0fda] {
  width: 100%;
  height: 100%;
}
.stroke[data-v-81cc0fda] {
  stroke: currentColor;
}
.fill[data-v-81cc0fda] {
  fill: currentColor;
}

.card-postback-wrapper[data-v-0ea44844] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s;
  transition: backdrop-filter .4s, -webkit-backdrop-filter .4s;
  overflow: auto;
}
.card-postback-wrapper.active[data-v-0ea44844] {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.card-postback-wrapper.active .card-postback[data-v-0ea44844] {
      transform: translateY(0);
}
.card-postback[data-v-0ea44844] {
  position: absolute;
  width: 300px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(199, 199, 199, 0.4);
  transform: translateY(8px);
  transition: transform .4s;
  padding: .4em;
  margin-bottom: 8px;
}
.card-postback .btn[data-v-0ea44844] {
    display: inline-block;
}
.card-postback .inp[data-v-0ea44844] {
    display: block;
    width: 100%;
    border-radius: 0;
    border: solid 1px #ACACAC;
    margin: 0 auto;
}
.card-postback .inp.postback_filter[data-v-0ea44844] {
      border-radius: 3px;
      margin-bottom: .4em;
}
.card-postback.url[data-v-0ea44844] {
    padding: .7em;
    width: 350px;
}
.card-postback.url .title[data-v-0ea44844] {
      color: #739E66;
      font-size: .8em;
      margin: 1.2em 0;
}
.card-postback.url .title .fa[data-v-0ea44844] {
        margin-right: .5em;
}
.card-postback.url input[data-v-0ea44844] {
      color: #ACACAC;
      border-color: #E8E8E8;
}
.card-postback.url label[data-v-0ea44844] {
      display: block;
      font-size: .75em;
      color: #747474;
      margin: 1.2em 0 .8em;
}
.card-postback.url .label-group[data-v-0ea44844] {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      border: solid 1px #E8E8E8;
      border-radius: 2px;
}
.card-postback.url .label-group.disabled[data-v-0ea44844] {
        background-color: #F1F1F1;
}
.card-postback.url .label-group input[data-v-0ea44844] {
        display: block;
        width: 100%;
        line-height: 20px;
        padding: 3px 4px 3px 13px;
        border: none;
        background-color: transparent;
        cursor: pointer;
}
.card-postback.url .label-group input[data-v-0ea44844]:disabled, .card-postback.url .label-group input.disabled[data-v-0ea44844] {
          background-color: #F1F1F1;
}
.card-postback.url .tip[data-v-0ea44844] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.postback_tags[data-v-0ea44844] {
  min-height: 26px;
  margin-bottom: .4em;
}
.postback_tags .tag[data-v-0ea44844],
  .postback_tags .btn[data-v-0ea44844] {
    font-size: 14px;
}
.postback_tags .tag[data-v-0ea44844] {
    color: #424242;
    background-color: #E8E8E8;
    padding: 0 2px 0 4px;
    margin: 0 0 3px 3px;
}
.postback_tags .tag.tag--btnless[data-v-0ea44844] {
      padding-right: 4px;
}
.postback_tags .btn[data-v-0ea44844] {
    color: #ACACAC;
    width: 14px;
    height: 14px;
    background-color: transparent;
    box-shadow: none;
    margin-top: 3px;
}
.postback_tags .btn .fa[data-v-0ea44844] {
      width: 14px;
      height: 14px;
}
.postback_tags .btn[data-v-0ea44844]:hover {
      color: #424242;
}
.postback_tags[data-v-0ea44844]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #ACACAC;
}
.postback_options[data-v-0ea44844] {
  overflow-y: auto;
  max-height: 236px;
}
.postback_options .item[data-v-0ea44844] {
    display: block;
    overflow: hidden;
}
.postback_options .item.order-search[data-v-0ea44844] {
      position: relative;
      overflow: visible;
}
.postback_options .item.order-search .btn[data-v-0ea44844] {
        background-color: #F1F1F1;
}
.postback_options .item .btn[data-v-0ea44844] {
      color: #4A4A4A;
      width: 100%;
      height: 36px;
      line-height: 36px;
      padding: 0 .46em;
      text-align: left;
      transition: background-color .4s;
      font-size: .9em;
      transition: .16s linear opacity;
}
.postback_options .item .btn[data-v-0ea44844]:focus {
        background-color: #E8E8E8;
}
.postback_options .item .btn span[data-v-0ea44844] {
        vertical-align: middle;
}
.postback_options .item .btn[data-v-0ea44844]:disabled {
        opacity: .6;
        cursor: default;
}
.postback_options[data-v-0ea44844]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}
.postback_add_button[data-v-0ea44844] {
  margin-top: .4em;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  background-color: #E9E9E9;
  border: 0px;
  width: 100%;
  padding: .4em;
  border-radius: 4px;
  transition: .2s linear background-color, .2s linear box-shadow;
}
.postback_add_button[data-v-0ea44844]:hover:not(:disabled) {
    background-color: #C7C7C7;
}
.postback_add_button[data-v-0ea44844]:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.16);
}
.postback_add_button span[data-v-0ea44844] {
    padding: 0 .2em;
}
.card-postback-layer[data-v-0ea44844] {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.info[data-v-0ea44844] {
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  color: #739E66;
}

.svg[data-v-6ea39ea2] {
  display: block;
}
.icon[data-v-6ea39ea2] {
  width: 100%;
  height: 100%;
}
.fill[data-v-6ea39ea2] {
  fill: currentColor;
}

.pagination[data-v-668e7c12] {
  text-align: center;
}
.pagination .item[data-v-668e7c12] {
    display: inline-block;
}
.pagination .item.active .btn[data-v-668e7c12] {
      background: rgba(115, 158, 102, 0.2);
}
.pagination .item + .item[data-v-668e7c12] {
      margin-left: 8px;
}
.pagination .btn[data-v-668e7c12] {
    width: 36px;
    height: 36px;
    font-size: 12px;
    color: #739E66;
    border-radius: 99em;
    transition: opacity .4s;
}
.pagination .btn .fa[data-v-668e7c12] {
      display: block;
}
.pagination .btn[disabled][data-v-668e7c12] {
      color: #E8E8E8;
}
.pagination .first-one[data-v-668e7c12],
  .pagination .previous-one[data-v-668e7c12],
  .pagination .next-one[data-v-668e7c12],
  .pagination .last-one[data-v-668e7c12] {
    width: 50px;
}

.bot-is-not-linked-container[data-v-4a48a4e8] {
  position: relative;
  width: 272px;
  padding: 2.6em 0;
}
.bot-is-not-linked-container > a[data-v-4a48a4e8] {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    height: 16px;
}
.bot-is-not-linked-container > a > span[data-v-4a48a4e8] {
      transition: .16s linear opacity;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-decoration: underline;
}
.bot-is-not-linked-container > a > .no-link[data-v-4a48a4e8] {
      color: #ACACAC;
}
.bot-is-not-linked-container > a > .to-link[data-v-4a48a4e8] {
      color: #4A90E2;
      opacity: 0;
}
.bot-is-not-linked-container > a > .to-link i[data-v-4a48a4e8] {
        margin-left: .1em;
        vertical-align: middle;
}
.bot-is-not-linked-container > a:hover > .no-link[data-v-4a48a4e8] {
      opacity: 0;
}
.bot-is-not-linked-container > a:hover > .to-link[data-v-4a48a4e8] {
      opacity: 1;
}

div[data-v-4ed9f37e] {
  position: fixed;
  z-index: 100;
}
.processAndFinished-enter-active[data-v-4ed9f37e] {
  opacity: 1;
  visibility: visible;
  transition: all .4s ease;
}
.processAndFinished-enter[data-v-4ed9f37e] {
  opacity: 0;
  visibility: hidden;
}
.processAndFinished-leave[data-v-4ed9f37e] {
  opacity: 1;
  visibility: visible;
}
.processAndFinished-leave-active[data-v-4ed9f37e] {
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}

.lightbox[data-v-22ddd634] {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
}
.lightbox .board-wrapper[data-v-22ddd634] {
    transform: translate(0, 0);
    width: 100%;
    margin: 1em auto;
    padding: 0 1em;
    min-height: calc(100% - 2em);
}
.lightbox .board[data-v-22ddd634] {
    min-height: 300px;
    height: auto;
    max-height: 100%;
    width: 100%;
    max-width: 600px;
    padding: 2em;
    overflow: hidden;
    position: relative;
    background-color: white;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
    color: #424242;
}
.lightbox .content[data-v-22ddd634] {
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    position: relative;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: stretch;
        justify-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.lightbox .btn-close[data-v-22ddd634] {
    width: 24px;
    min-width: auto;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #9B9B9B;
    z-index: 2;
    border: 0;
    background-color: transparent;
}
.lightbox .btn-close .css-icon[data-v-22ddd634] {
      display: block;
      right: 12px;
      position: relative;
}
.lightbox .btn-close .css-icon[data-v-22ddd634]::before, .lightbox .btn-close .css-icon[data-v-22ddd634]::after {
        top: 0;
        width: 24px;
}
.lightbox .btn-close[data-v-22ddd634]:hover {
      color: #B1D978;
}
.lightbox.active[data-v-22ddd634] {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    visibility: visible;
    opacity: 1;
}
.lightbox .btn-box[data-v-22ddd634] {
    position: relative;
    margin-top: 2em;
    text-align: right;
}
.lightbox .btn-box .btn[data-v-22ddd634] {
      display: inline-block;
      width: auto;
      min-width: 70px;
      margin-left: 1em;
      padding: .6em 1.2em;
      border-radius: 2px;
      background-color: #739E66;
      color: white;
      text-decoration: none;
      border: 1px solid #739E66;
      transition: .3s linear color, .3s linear background-color;
}
.lightbox .btn-box .btn[data-v-22ddd634]:hover(:not:disabled) {
        background-color: white;
        color: #739E66;
}
.lightbox .btn-box .btn.secondary[data-v-22ddd634] {
        background-color: #f25f8b;
        border: 1px solid #f25f8b;
}
.lightbox .btn-box .btn.secondary[data-v-22ddd634]:hover(:not:disabled) {
          background-color: white;
          color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-header .title[data-v-22ddd634] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
  margin-bottom: 0.8em;
}
.lightbox.lightbox-common .lightbox-body .icon[data-v-22ddd634] {
  display: inline-block;
  margin-right: .2em;
  font-size: 3em;
  line-height: 1;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .title[data-v-22ddd634] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .description[data-v-22ddd634] {
  width: 100%;
  margin-top: 1.5em;
  line-height: 1.4;
}
.lightbox.lightbox-common .lightbox-body .description > span[data-v-22ddd634] {
    word-break: break-all;
}
.lightbox.lightbox-common .lightbox-body .description .para[data-v-22ddd634],
  .lightbox.lightbox-common .lightbox-body .description .divide[data-v-22ddd634] {
    display: block;
    margin: 1em 0;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-22ddd634] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #ACACAC;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: .2em .6em;
    margin-top: 0.6rem;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-22ddd634]:focus {
      border: 1px solid #B1D978;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-22ddd634] {
      border-color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-22ddd634]:focus {
      border-color: #f25f8b;
      box-shadow: 0 0 0 3px rgba(242, 95, 139, 0.26);
}
.lightbox.lightbox-common .lightbox-body .description .tip[data-v-22ddd634] {
    display: block;
    font-size: .9em;
    margin-top: .6em;
    color: #f25f8b;
}
.lightbox.lightbox-common .texts[data-v-22ddd634] {
  font-size: 0.95em;
  margin: 1em 0;
  line-height: 1.4;
}
.lightbox.lightbox-common .mark[data-v-22ddd634] {
  padding: 0 .2em;
  color: #f25f8b;
}
.lightbox.lightbox-common .btn-box[data-v-22ddd634],
.lightbox.lightbox-common .btns-box[data-v-22ddd634] {
  text-align: right;
  margin-top: 5em;
}
.lightbox.lightbox-common .btn-box .btn-new[data-v-22ddd634],
  .lightbox.lightbox-common .btns-box .btn-new[data-v-22ddd634] {
    margin-left: 1em;
}
.lightbox.lightbox-common.lightbox-tag-delete .description[data-v-22ddd634] {
  line-height: 1.6em;
}
.lightbox[data-v-22ddd634] {
  text-align: center;
}
.lightbox .percentage[data-v-22ddd634] {
    font-size: 2rem;
}
.lightbox .progress-bar[data-v-22ddd634] {
    height: 0.5rem;
    margin-top: 1.5rem;
    background-color: #E8E8E8;
}
.lightbox .progress-bar .i[data-v-22ddd634] {
      transform: translateX(-100%);
}
.lightbox .progress-bar.active .i[data-v-22ddd634] {
      transform: translateX(-10%);
}
.lightbox .progress-bar.processFinished .i[data-v-22ddd634] {
      transform: translateX(0%);
}
.lightbox .description[data-v-22ddd634],
  .lightbox .warning[data-v-22ddd634] {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.lightbox .description[data-v-22ddd634] {
    margin-top: 1.5rem;
}
.lightbox .warning[data-v-22ddd634] {
    color: #f25f8b;
    margin-top: 1rem;
}

.lightbox[data-v-11d10166] {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s;
  transition: backdrop-filter .4s, visibility .4s, opacity .4s, -webkit-backdrop-filter .4s;
}
.lightbox .board-wrapper[data-v-11d10166] {
    transform: translate(0, 0);
    width: 100%;
    margin: 1em auto;
    padding: 0 1em;
    min-height: calc(100% - 2em);
}
.lightbox .board[data-v-11d10166] {
    min-height: 300px;
    height: auto;
    max-height: 100%;
    width: 100%;
    max-width: 600px;
    padding: 2em;
    overflow: hidden;
    position: relative;
    background-color: white;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
    color: #424242;
}
.lightbox .content[data-v-11d10166] {
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    position: relative;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: stretch;
        justify-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.lightbox .btn-close[data-v-11d10166] {
    width: 24px;
    min-width: auto;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #9B9B9B;
    z-index: 2;
    border: 0;
    background-color: transparent;
}
.lightbox .btn-close .css-icon[data-v-11d10166] {
      display: block;
      right: 12px;
      position: relative;
}
.lightbox .btn-close .css-icon[data-v-11d10166]::before, .lightbox .btn-close .css-icon[data-v-11d10166]::after {
        top: 0;
        width: 24px;
}
.lightbox .btn-close[data-v-11d10166]:hover {
      color: #B1D978;
}
.lightbox.active[data-v-11d10166] {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    visibility: visible;
    opacity: 1;
}
.lightbox .btn-box[data-v-11d10166] {
    position: relative;
    margin-top: 2em;
    text-align: right;
}
.lightbox .btn-box .btn[data-v-11d10166] {
      display: inline-block;
      width: auto;
      min-width: 70px;
      margin-left: 1em;
      padding: .6em 1.2em;
      border-radius: 2px;
      background-color: #739E66;
      color: white;
      text-decoration: none;
      border: 1px solid #739E66;
      transition: .3s linear color, .3s linear background-color;
}
.lightbox .btn-box .btn[data-v-11d10166]:hover(:not:disabled) {
        background-color: white;
        color: #739E66;
}
.lightbox .btn-box .btn.secondary[data-v-11d10166] {
        background-color: #f25f8b;
        border: 1px solid #f25f8b;
}
.lightbox .btn-box .btn.secondary[data-v-11d10166]:hover(:not:disabled) {
          background-color: white;
          color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-header .title[data-v-11d10166] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
  margin-bottom: 0.8em;
}
.lightbox.lightbox-common .lightbox-body .icon[data-v-11d10166] {
  display: inline-block;
  margin-right: .2em;
  font-size: 3em;
  line-height: 1;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .title[data-v-11d10166] {
  display: inline-block;
  vertical-align: super;
  color: #739E66;
}
.lightbox.lightbox-common .lightbox-body .description[data-v-11d10166] {
  width: 100%;
  margin-top: 1.5em;
  line-height: 1.4;
}
.lightbox.lightbox-common .lightbox-body .description > span[data-v-11d10166] {
    word-break: break-all;
}
.lightbox.lightbox-common .lightbox-body .description .para[data-v-11d10166],
  .lightbox.lightbox-common .lightbox-body .description .divide[data-v-11d10166] {
    display: block;
    margin: 1em 0;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-11d10166] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #ACACAC;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    padding: .2em .6em;
    margin-top: 0.6rem;
}
.lightbox.lightbox-common .lightbox-body .description input[data-v-11d10166]:focus {
      border: 1px solid #B1D978;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-11d10166] {
      border-color: #f25f8b;
}
.lightbox.lightbox-common .lightbox-body .description input.error[data-v-11d10166]:focus {
      border-color: #f25f8b;
      box-shadow: 0 0 0 3px rgba(242, 95, 139, 0.26);
}
.lightbox.lightbox-common .lightbox-body .description .tip[data-v-11d10166] {
    display: block;
    font-size: .9em;
    margin-top: .6em;
    color: #f25f8b;
}
.lightbox.lightbox-common .texts[data-v-11d10166] {
  font-size: 0.95em;
  margin: 1em 0;
  line-height: 1.4;
}
.lightbox.lightbox-common .mark[data-v-11d10166] {
  padding: 0 .2em;
  color: #f25f8b;
}
.lightbox.lightbox-common .btn-box[data-v-11d10166],
.lightbox.lightbox-common .btns-box[data-v-11d10166] {
  text-align: right;
  margin-top: 5em;
}
.lightbox.lightbox-common .btn-box .btn-new[data-v-11d10166],
  .lightbox.lightbox-common .btns-box .btn-new[data-v-11d10166] {
    margin-left: 1em;
}
.lightbox.lightbox-common.lightbox-tag-delete .description[data-v-11d10166] {
  line-height: 1.6em;
}
.lightbox[data-v-11d10166] {
  text-align: center;
}
.icon[data-v-11d10166] {
  font-size: 54px;
  max-height: 54px;
  color: #739E66;
  margin-bottom: 1.6rem;
}
.title[data-v-11d10166] {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 2.8rem;
}

.fill[data-v-6f275d17] {
  fill: currentColor;
}

.facebook-message-tag-card[data-v-a77605d4] {
  position: relative;
  text-align: center;
  width: 272px;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  padding: 26px 0 16px 0;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
  margin: 32px 0 0 0;
}
.facebook-message-tag-card.is-published[data-v-a77605d4] {
    padding: 42px 0 42px 0;
}
.facebook-message-tag-card > h3[data-v-a77605d4] {
    position: relative;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    color: #9B9B9B;
    margin: 0 0 16px 0;
}
.facebook-message-tag-card > .selector[data-v-a77605d4] {
    padding: 0 14px;
    margin: 0 0 16px 0;
}
.facebook-message-tag-card > .selector > span[data-v-a77605d4] {
      font-size: 13px;
      display: block;
      color: #9B9B9B;
      text-align: left;
      margin: 0 0 8px 0;
}
.facebook-message-tag-card > .selector > button[data-v-a77605d4] {
      position: relative;
      font-size: 13px;
      display: block;
      width: 100%;
      border-radius: 5px;
      border: 1px solid #ACACAC;
      padding: 8px 10px;
      color: #9B9B9B;
      text-align: left;
      transition: border .2s;
      background-color: white;
}
.facebook-message-tag-card > .selector > button[data-v-a77605d4]:hover {
        border: 1px solid #f25f8b;
}
.facebook-message-tag-card > .selector > button > i.fa[data-v-a77605d4] {
        font-size: 20px;
        position: absolute;
        top: 6px;
        right: 10px;
        color: #ACACAC;
}
.facebook-message-tag-card > span.is-published[data-v-a77605d4] {
    display: block;
    font-size: 12px;
    color: #424242;
    margin: 20px 0 0 0;
}
.facebook-message-tag-card > p.warning[data-v-a77605d4] {
    color: #f25f8b;
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
    padding: 0 13px;
}

.lightbox .lightbox-header .title[data-v-56daedee] {
  color: #739E66;
  text-align: left;
  margin-bottom: 1rem;
  font-size: 22px;
}
.lightbox .lightbox-body[data-v-56daedee] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.lightbox .lightbox-footer[data-v-56daedee] {
  text-align: right;
}

.warning-text-wrapper[data-v-1dfb1a56] {
  border-radius: 6px;
  border: 1px solid #f25f8b;
  background-color: #fee2ea;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
}
.warning-text-wrapper a[data-v-1dfb1a56] {
    color: #4A90E2;
    text-decoration: underline;
}

.lightbox .lightbox-header[data-v-95e6d312] {
  margin-bottom: 30px;
}
.lightbox .lightbox-body[data-v-95e6d312] {
  margin-bottom: 35px;
}
.lightbox .lightbox-header[data-v-95e6d312] {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.lightbox .lightbox-header .icon[data-v-95e6d312] {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-right: 14px;
    color: #739E66;
    text-align: center;
}
.lightbox .lightbox-header .headline[data-v-95e6d312] {
    line-height: 1.3;
}
.lightbox .lightbox-header .headline .title[data-v-95e6d312] {
      font-size: 24px;
      color: #739E66;
      margin-bottom: 5px;
}
.lightbox .lightbox-header .headline .subtitle[data-v-95e6d312] {
      font-size: 14px;
      color: #424242;
}
.lightbox .lightbox-body .mark[data-v-95e6d312] {
  color: #f25f8b;
}
.lightbox .lightbox-footer[data-v-95e6d312] {
  text-align: right;
}
.lightbox .lightbox-footer button[data-v-95e6d312]:nth-child(2) {
    margin-left: 1em;
}

i.fa.fa-pencil-square-o[data-v-4c6a9e63] {
  margin-left: 7px;
}
i.fa.fa-spinner.fa-pulse[data-v-4c6a9e63] {
  margin-right: 7px;
}

.AudiencesCountExceededLimitLightbox[data-v-d0ee8674] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  transition: opacity 0.5s;
}
.AudiencesCountExceededLimitLightbox.fade-opacity-enter[data-v-d0ee8674], .AudiencesCountExceededLimitLightbox.fade-opacity-leave-to[data-v-d0ee8674] {
    opacity: 0;
}
.AudiencesCountExceededLimitLightbox > div[data-v-d0ee8674] {
    position: relative;
    max-width: 720px;
    max-height: 720px;
    width: 80%;
    height: 80%;
    text-align: center;
    background-color: white;
    color: #424242;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 1em 1em;
    position: relative;
}
@media screen and (min-width: 576px) {
.AudiencesCountExceededLimitLightbox > div[data-v-d0ee8674] {
        padding: 8em 2em;
        height: auto;
}
}
.AudiencesCountExceededLimitLightbox > div span.close-btn[data-v-d0ee8674] {
      color: #9B9B9B;
      position: absolute;
      font-size: 1.4em;
      right: 0.8em;
      top: 0.8em;
      cursor: pointer;
}
.AudiencesCountExceededLimitLightbox > div p[data-v-d0ee8674] {
      display: block;
      font-size: 1em;
      color: #739E66;
      letter-spacing: 1px;
}
.AudiencesCountExceededLimitLightbox > div p + p[data-v-d0ee8674] {
        margin-top: 1em;
}
.AudiencesCountExceededLimitLightbox > div p span[data-v-d0ee8674],
      .AudiencesCountExceededLimitLightbox > div p a[data-v-d0ee8674] {
        color: #f25f8b;
}

.ConfirmToSendPushNotificationLightbox > p[data-v-69c32934] {
  margin: 12px 0 0 0;
}
.ConfirmToSendPushNotificationLightbox > p[data-v-69c32934]:first-child {
    margin: 0 0 0 0;
}
.ConfirmToSendPushNotificationLightbox .pink[data-v-69c32934] {
  color: #f25f8b;
}

.ConfirmModal[data-v-1752f0ee] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 0.4s;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.ConfirmModal.fade-opacity-enter[data-v-1752f0ee], .ConfirmModal.fade-opacity-leave-active[data-v-1752f0ee] {
    opacity: 0;
}
.ConfirmModal > div[data-v-1752f0ee] {
    width: 100%;
    max-width: 400px;
    padding: 32px;
    background-color: white;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    color: #424242;
}

.action[data-v-53f9d872] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-top: 32px;
}
.action > button[data-v-53f9d872] {
    width: 70px;
    height: 39px;
    margin-left: 16px;
    text-align: center;
    border-radius: 2px;
    background-color: #739E66;
    color: white;
    text-decoration: none;
    border: 1px solid #739E66;
    transition: 0.3s linear color, 0.3s linear background-color;
}
.action > button[data-v-53f9d872]:hover {
      background-color: white;
      color: #739E66;
}
.action > button.delete[data-v-53f9d872] {
      border: 1px solid #f25f8b;
      background-color: #f25f8b;
}
.action > button.delete[data-v-53f9d872]:hover {
        background-color: white;
        color: #f25f8b;
}

h2[data-v-5b773949] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  color: #739E66;
  margin-bottom: 28px;
}
h2 > .fa[data-v-5b773949] {
    font-size: 48px;
    margin-right: 10px;
}

.view-iframe[data-v-1db8071e] {
  width: 100%;
  height: 100%;
  position: relative;
  border: 0;
}
section.form-content[data-v-1db8071e] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 3em;
  color: #424242;
}
.btn[data-v-1db8071e] {
  cursor: pointer;
  background-color: #739E66;
  color: white;
  transition: .3s linear color, .3s linear background-color, border .3s linear;
}
.btn[data-v-1db8071e]:hover {
    color: #4A4A4A;
    background-color: #B1D978;
}
.form-index-add-wrap .add-form-btn[data-v-1db8071e] {
  display: inline-block;
  border-radius: 4px;
  font-size: .8em;
  text-decoration: none;
  color: #4A4A4A;
  background-color: white;
  border: solid 1px #B1D978;
  padding: 0 3em;
  line-height: 2.4em;
  height: 2.4em;
  cursor: pointer;
  transition: .3s linear all;
}
.form-index-add-wrap .add-form-btn[data-v-1db8071e]:hover {
    background-color: #B1D978;
    color: #4A4A4A;
    background-color: #B1D978;
}
.form-index-add-wrap .add-form-btn.limit[data-v-1db8071e] {
    color: #4A4A4A;
    background-color: white;
    border: solid 1px #EF5350;
    cursor: default;
}
.form-index-list-table-wrap .table[data-v-1db8071e] {
  text-align: center;
  font-size: .8em;
}
.form-index-list-table-wrap .table .btn[data-v-1db8071e] {
    display: inline-block;
    border-radius: 2px;
    padding: 0 1em;
}
.form-index-list-table-wrap .table .btn-icon[data-v-1db8071e] {
    cursor: pointer;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    color: #9B9B9B;
    transition: opacity .3s linear;
}
.form-index-list-table-wrap .table .btn-icon[data-v-1db8071e]:hover {
      opacity: .8;
}
.form-index-list-table-wrap .table .btn-icon + .btn-icon[data-v-1db8071e] {
      margin-left: 4px;
}
.form-index-list-table-wrap .table .thead .tr[data-v-1db8071e] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 1.6;
}
.form-index-list-table-wrap .table .thead .tr .th[data-v-1db8071e] {
      height: 1.6em;
      color: white;
      background-color: #739E66;
}
.form-index-list-table-wrap .table .thead .tr .th + .th[data-v-1db8071e] {
        margin-left: 2px;
}
.form-index-list-table-wrap .table .tbody .tr[data-v-1db8071e] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 1.6;
    padding: 4em 0;
    position: relative;
}
.form-index-list-table-wrap .table .tbody .tr + .tr[data-v-1db8071e]::before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #ACACAC;
}
.form-index-list-table-wrap .table .tbody .tr .td + .td[data-v-1db8071e] {
      margin-left: 2px;
}
.form-index-list-table-wrap .table .th[data-v-1db8071e], .form-index-list-table-wrap .table .td[data-v-1db8071e] {
    width: 5%;
}
.form-index-list-table-wrap .table .nocode[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .nocode[data-v-1db8071e]::before {
      content: "#";
      padding-right: .2em;
}
.form-index-list-table-wrap .table .name[data-v-1db8071e] {
    -ms-flex: 4 4 auto;
        flex: 4 4 auto;
    word-break: break-word;
}
.form-index-list-table-wrap .table .count-click[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .count-finishi[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .count-unfinishi[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .time-creat[data-v-1db8071e] {
    -ms-flex: 3 3 auto;
        flex: 3 3 auto;
}
.form-index-list-table-wrap .table .time-creat span[data-v-1db8071e] {
      display: inline-block;
      word-break: keep-all;
}
.form-index-list-table-wrap .table .time-creat span + span[data-v-1db8071e] {
      padding-left: .4em;
}
.form-index-list-table-wrap .table .time-modify[data-v-1db8071e] {
    -ms-flex: 3 3 auto;
        flex: 3 3 auto;
}
.form-index-list-table-wrap .table .time-modify span[data-v-1db8071e] {
      display: inline-block;
      word-break: keep-all;
}
.form-index-list-table-wrap .table .time-modify span + span[data-v-1db8071e] {
      padding-left: .4em;
}
.form-index-list-table-wrap .table .status[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .view[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .result[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-index-list-table-wrap .table .action[data-v-1db8071e] {
    -ms-flex: 2 2 auto;
        flex: 2 2 auto;
}
.form-index-list-table-wrap .table .action .trash[data-v-1db8071e] {
      opacity: 0;
}
.form-index-list-table-wrap .table .action:hover .trash[data-v-1db8071e] {
      opacity: 1;
}
.form-index-list-table-wrap .table .export[data-v-1db8071e] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.lightbox.lightbox-form-export h2[data-v-1db8071e] {
  color: #739E66;
  margin-bottom: .6em;
}
.lightbox.lightbox-form-export h2 i[data-v-1db8071e] {
    font-size: 2em;
    line-height: 1;
    margin-right: .2em;
    vertical-align: sub;
}
.lightbox.lightbox-form-export p[data-v-1db8071e] {
  font-size: 1em;
  line-height: 1.4;
}
.lightbox.lightbox-form-export p span[data-v-1db8071e] {
    color: #f25f8b;
}
.lightbox.lightbox-form-export p + p[data-v-1db8071e] {
    margin-top: 1em;
}
.lightbox.lightbox-form-export input[data-v-1db8071e] {
  color: #ACACAC;
}
.lightbox.lightbox-form-export .btn-box[data-v-1db8071e] {
  text-align: right;
  margin-top: 2em;
}
.lightbox.lightbox-form-export .btn-box .btn[data-v-1db8071e] {
    width: auto;
    min-width: 70px;
    display: inline-block;
    margin-left: 1em;
    padding: .6em 1.2em;
    border-radius: 2px;
    background-color: #739E66;
    color: white;
    text-decoration: none;
    border: 1px solid #739E66;
    transition: .3s linear color, .3s linear background-color;
}
.lightbox.lightbox-form-export .btn-box .btn[data-v-1db8071e]:hover {
      background-color: white;
      color: #739E66;
}
.lightbox.lightbox-form-export .btn-box .btn.delete[data-v-1db8071e] {
      border: 1px solid #f25f8b;
      background-color: #f25f8b;
}
.lightbox.lightbox-form-export .btn-box .btn.delete[data-v-1db8071e]:hover {
        background-color: white;
        color: #f25f8b;
}

.svg[data-v-3ba20694] {
  display: block;
}
.icon[data-v-3ba20694] {
  width: 100%;
  height: 100%;
}
.fill[data-v-3ba20694] {
  fill: currentColor;
}

.svg[data-v-2e4d0f6d] {
  display: block;
}
.icon[data-v-2e4d0f6d] {
  width: 100%;
  height: 100%;
}
.fill[data-v-2e4d0f6d] {
  fill: currentColor;
}

hr[data-v-319bec35],
.hr[data-v-319bec35] {
  display: block;
  width: 100%;
  height: 1px;
  margin: 2em auto;
  background-color: #C7C7C7;
  border: none;
}
.column-spacing[data-v-319bec35] {
  padding: 0;
}
.detail-header[data-v-319bec35] {
  left: 0;
  z-index: 5;
  width: 100%;
  height: 50px;
  background-color: #4A4A4A;
  padding: 0 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.detail-header .btns[data-v-319bec35] {
    max-width: 1040px;
    width: 100%;
    text-align: right;
}
.detail-header .btns .btn[data-v-319bec35] {
      display: inline-block;
      width: 120px;
      height: 28px;
      padding: 0;
      line-height: 26px;
      text-align: center;
      text-decoration: none;
      border: solid 1px white;
      border-radius: 5px;
      font-size: 12px;
      color: white;
      background-color: #4A4A4A;
}
.detail-header .btns .btn .fa + .text[data-v-319bec35] {
        margin-left: 4px;
}
.detail-header .btns .btn + .btn[data-v-319bec35] {
        margin-left: 20px;
}
.detail-header .btns .btn.btn--print[data-v-319bec35], .detail-header .btns .btn.btn--cancel[data-v-319bec35] {
        width: 84px;
}
.detail-header .btns .btn.btn--print[data-v-319bec35] {
        float: left;
}
.detail-header .btns .btn.btn--confirm[data-v-319bec35] {
        position: relative;
}
.detail-header .btns .btn.btn--confirm .fa[data-v-319bec35] {
          position: absolute;
          top: 7px;
          right: 8px;
          visibility: hidden;
}
.detail-header .btns .btn.btn--confirm[data-v-319bec35]:disabled {
          color: #9B9B9B;
          border-color: #9B9B9B;
          cursor: default;
}
.detail-header .btns .btn.btn--confirm:disabled .fa[data-v-319bec35] {
            visibility: visible;
}
.detail-header .btns .btn.btn--cancel[data-v-319bec35] {
        margin-right: 0;
        color: #ACACAC;
        border-color: currentColor;
}
.detail-header .btns .btn[data-v-319bec35]:hover {
        border-color: #B1D978;
        color: #B1D978;
}
.detail-wrapper[data-v-319bec35] {
  position: relative;
  height: 100%;
  padding: 40px 0;
}
.detail-content .inp[data-v-319bec35] {
  height: 26px;
}
.form-detail section.form-content[data-v-319bec35] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  color: #424242;
}
.form-detail .edit-form-header-wrap[data-v-319bec35] {
  padding-top: 40px;
  font-size: 1em;
  margin-bottom: 1em;
}
.form-detail .edit-form-header-wrap[data-v-319bec35]::after {
    content: "";
    display: block;
    margin-top: .4em;
    width: 100%;
    height: 1px;
    background-color: #B1D978;
}
.form-detail .edit-form-header-wrap h1[data-v-319bec35] {
    color: #739E66;
    font-size: 1.2em;
    margin-bottom: 0;
}
.form-detail .edit-form-header-wrap h1 span[data-v-319bec35] {
      margin-left: .4em;
      color: #4A4A4A;
      overflow-wrap: break-word;
}
.form-detail .edit-form-header-wrap .time-box[data-v-319bec35] {
    margin: 1.2em auto;
    color: #739E66;
}
.form-detail .edit-form-header-wrap .time-box h2[data-v-319bec35] {
      font-size: 1em;
}
.form-detail .edit-form-header-wrap .time-box span[data-v-319bec35] {
      color: #ACACAC;
      display: inline-block;
}
.form-detail .edit-form-header-wrap .time-box span + span[data-v-319bec35] {
        margin-left: .4em;
}
.form-detail .edit-form-header-wrap .time-box h2 + h2[data-v-319bec35] {
      margin-top: .8em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box[data-v-319bec35] {
  margin-bottom: 4em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box li[data-v-319bec35] {
    height: 2em;
    -ms-flex-pack: start;
        justify-content: flex-start;
    transition: .16s linear height, .16s linear opacity;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box li.disabled[data-v-319bec35] {
      height: 0em;
      opacity: 0;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box li + li[data-v-319bec35] {
    margin-top: 1em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box .toggle[data-v-319bec35] {
    margin-right: 1em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box .tips.info[data-v-319bec35] {
    display: inline-block;
    color: #739E66;
    width: 1em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box h2[data-v-319bec35] {
    color: #739E66;
    font-size: 1em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box label[data-v-319bec35] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin-right: .4em;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box input[data-v-319bec35] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    border-radius: 4px;
    padding: 0 1em;
    line-height: 2;
    height: 2.2em;
    transition: .3s linear box-shadow;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box input[data-v-319bec35]:focus {
      box-shadow: 0 0 4px #739E66;
}
.form-detail .edit-form-body-wrap .form-name-instruction-box input.error[data-v-319bec35] {
      border-color: #fba1bc;
      box-shadow: 0 0 1em #fba1bc;
}
.form-detail .edit-form-body-wrap .form-question-box .fade-enter[data-v-319bec35],
.form-detail .edit-form-body-wrap .form-question-box .fade-leave-active[data-v-319bec35] {
  opacity: 0;
  transform: translateY(-30px);
}
.form-detail .edit-form-body-wrap .form-question-box li.question[data-v-319bec35] {
  margin-bottom: 4em;
  position: relative;
  display: block;
  transition: .2s linear opacity, .2s linear transform;
}
.form-detail .edit-form-body-wrap .form-question-box li.question:hover .move-block[data-v-319bec35] {
    opacity: 1;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .move-block[data-v-319bec35] {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: .2em;
    margin-top: .5em;
    opacity: 0;
    transition: .2s linear opacity;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .move-block .btn-icon[data-v-319bec35] {
      cursor: ns-resize;
      display: block;
      width: .8em;
      color: #9B9B9B;
      transition: color .2s linear, transform .2s linear;
      font-size: 1.4em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .move-block .btn-icon[data-v-319bec35]:hover {
        color: #4A4A4A;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .move-block .btn-icon[data-v-319bec35]:focus {
        transform: scale(1.26);
}
.form-detail .edit-form-body-wrap .form-question-box li.question .action-block[data-v-319bec35] {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 100%;
    margin-right: .2em;
    margin-bottom: .2em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .action-block .btn-icon[data-v-319bec35] {
      cursor: pointer;
      display: inline-block;
      width: .8em;
      color: #9B9B9B;
      transition: color .3s linear;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .action-block .btn-icon[data-v-319bec35]:hover {
        color: #4A4A4A;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .action-block .btn-icon + .btn-icon[data-v-319bec35] {
        margin-left: .8em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block[data-v-319bec35] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block > li + li[data-v-319bec35] {
      margin-top: 1em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .question-input[data-v-319bec35] {
      width: 100%;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .question-input input[data-v-319bec35] {
        display: block;
        width: 100%;
        border-radius: 8px;
        background-color: #E8E8E8;
        line-height: 3;
        height: 3em;
        padding: 0 1em;
        color: #4A4A4A;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block h3[data-v-319bec35] {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      font-size: .9em;
      margin-right: .6em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .select-item[data-v-319bec35] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .select-item select[data-v-319bec35] {
        height: 2em;
        display: block;
        width: 100%;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .ans-tag-item[data-v-319bec35] {
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .ans-tag-item .tags-input[data-v-319bec35] {
        width: 100%;
        width: 100%;
        margin-bottom: .4em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .ans-tag-item .tags-input input[data-v-319bec35] {
          height: 2em;
          line-height: 2;
          border: 0;
          border-radius: 0;
          margin-left: .2em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .ans-tag-item p.ans-tag-tip[data-v-319bec35] {
        width: 100%;
        font-size: .9em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .tip-item[data-v-319bec35] {
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .tip-error[data-v-319bec35] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: .9em;
      color: #f25f8b;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .required-check[data-v-319bec35] {
      font-size: .9em;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      text-align: right;
      cursor: pointer;
      color: #739E66;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .required-check p[data-v-319bec35] {
        display: inline-block;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .required-check span[data-v-319bec35]::before {
        display: inline-block;
        font-size: 1.2em;
        font-family: FontAwesome;
        content: "\F096";
        position: relative;
        top: .1em;
        margin-right: .34em;
}
.form-detail .edit-form-body-wrap .form-question-box li.question .detail-block .required-check span.active[data-v-319bec35]::before {
        content: "\F046";
        margin-right: .2em;
}
.form-detail .edit-form-body-wrap .add-question-box[data-v-319bec35] {
  text-align: center;
  margin-bottom: 4em;
}
.form-detail .edit-form-body-wrap .add-question-box a[data-v-319bec35] {
    cursor: pointer;
    display: inline-block;
    color: #ACACAC;
    text-decoration: none;
    transition: color .3s linear;
}
.form-detail .edit-form-body-wrap .add-question-box a .plus[data-v-319bec35] {
      display: block;
      width: 2.8em;
      height: 2.8em;
      border-radius: 99em;
      background-color: #ACACAC;
      margin: 0 auto .8em;
      position: relative;
      border: 1px solid #ACACAC;
      transition: background-color .3s linear , border-color .3s linear;
}
.form-detail .edit-form-body-wrap .add-question-box a .plus[data-v-319bec35]::before {
        content: "";
        display: block;
        width: 2px;
        height: 1.6em;
        border-radius: 1em;
        background-color: white;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
}
.form-detail .edit-form-body-wrap .add-question-box a .plus[data-v-319bec35]::after {
        content: "";
        display: block;
        height: 2px;
        width: 1.6em;
        border-radius: 1em;
        background-color: white;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
}
.form-detail .edit-form-body-wrap .add-question-box a span[data-v-319bec35] {
      display: block;
}
.form-detail .edit-form-body-wrap .add-question-box a[data-v-319bec35]:hover {
      opacity: 1;
      color: #C7C7C7;
}
.form-detail .edit-form-body-wrap .add-question-box a:hover .plus[data-v-319bec35] {
        background-color: white;
        border-color: #C7C7C7;
}
.form-detail .edit-form-body-wrap .add-question-box a:hover .plus[data-v-319bec35]::before, .form-detail .edit-form-body-wrap .add-question-box a:hover .plus[data-v-319bec35]::after {
          background-color: #C7C7C7;
}
.form-detail .edit-form-body-wrap .add-question-box.error a[data-v-319bec35] {
    color: #f25f8b;
}
.form-detail .edit-form-body-wrap .add-question-box.error .plus[data-v-319bec35] {
    background-color: #f25f8b;
    border-color: #f25f8b;
}
.form-detail .edit-form-body-wrap .add-question-box.error:hover a[data-v-319bec35] {
    color: #fba1bc;
}
.form-detail .edit-form-body-wrap .add-question-box.error:hover .plus[data-v-319bec35] {
    border-color: #fba1bc;
}
.form-detail .edit-form-body-wrap .add-question-box.error:hover .plus[data-v-319bec35]::before, .form-detail .edit-form-body-wrap .add-question-box.error:hover .plus[data-v-319bec35]::after {
      background-color: #fba1bc;
}
.form-detail .edit-form-footer-wrap[data-v-319bec35] {
  margin-bottom: 20em;
}
.form-detail .edit-form-footer-wrap h1[data-v-319bec35] {
    font-size: 1.2em;
    color: #739E66;
    margin-bottom: 1em;
}
.form-detail .edit-form-footer-wrap h1[data-v-319bec35]::after {
      content: "";
      display: block;
      margin-top: .4em;
      width: 100%;
      height: 1px;
      background-color: #B1D978;
}
.form-detail .edit-form-footer-wrap p[data-v-319bec35] {
    font-size: .9em;
    color: #4A4A4A;
}
.form-detail .input-postback-box[data-v-319bec35] {
  margin-top: 1.4em;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.form-detail .input-postback-box p[data-v-319bec35] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin-right: .8em;
}
.form-detail .input-postback-box .tags-input[data-v-319bec35] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-detail .input-postback-box .tags-input.postback .tag[data-v-319bec35] {
      background-color: #C7C7C7;
      color: #4A4A4A;
}
.form-detail .input-postback-box .tags-input.postback .btn[data-v-319bec35] {
      color: #4A4A4A;
}
.form-detail .input-postback-box .tags-input.postback .btn[data-v-319bec35]:hover {
        background-color: #9e9e9e;
        color: #424242;
        box-shadow: 0 0 0 1px #949494;
}

@charset "UTF-8";
hr[data-v-4d4ad601],
.hr[data-v-4d4ad601] {
  display: block;
  width: 100%;
  height: 1px;
  margin: 2em auto;
  background-color: #C7C7C7;
  border: none;
}
.column-spacing[data-v-4d4ad601] {
  padding: 0;
}
.detail-header[data-v-4d4ad601] {
  left: 0;
  z-index: 5;
  width: 100%;
  height: 50px;
  background-color: #4A4A4A;
  padding: 0 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.detail-header .btns[data-v-4d4ad601] {
    max-width: 1040px;
    width: 100%;
    text-align: right;
}
.detail-header .btns .btn[data-v-4d4ad601] {
      display: inline-block;
      width: 120px;
      height: 28px;
      padding: 0;
      line-height: 26px;
      text-align: center;
      text-decoration: none;
      border: solid 1px white;
      border-radius: 5px;
      font-size: 12px;
      color: white;
      background-color: #4A4A4A;
}
.detail-header .btns .btn .fa + .text[data-v-4d4ad601] {
        margin-left: 4px;
}
.detail-header .btns .btn + .btn[data-v-4d4ad601] {
        margin-left: 20px;
}
.detail-header .btns .btn.btn--print[data-v-4d4ad601], .detail-header .btns .btn.btn--cancel[data-v-4d4ad601] {
        width: 84px;
}
.detail-header .btns .btn.btn--print[data-v-4d4ad601] {
        float: left;
}
.detail-header .btns .btn.btn--confirm[data-v-4d4ad601] {
        position: relative;
}
.detail-header .btns .btn.btn--confirm .fa[data-v-4d4ad601] {
          position: absolute;
          top: 7px;
          right: 8px;
          visibility: hidden;
}
.detail-header .btns .btn.btn--confirm[data-v-4d4ad601]:disabled {
          color: #9B9B9B;
          border-color: #9B9B9B;
          cursor: default;
}
.detail-header .btns .btn.btn--confirm:disabled .fa[data-v-4d4ad601] {
            visibility: visible;
}
.detail-header .btns .btn.btn--cancel[data-v-4d4ad601] {
        margin-right: 0;
        color: #ACACAC;
        border-color: currentColor;
}
.detail-header .btns .btn[data-v-4d4ad601]:hover {
        border-color: #B1D978;
        color: #B1D978;
}
.detail-wrapper[data-v-4d4ad601] {
  position: relative;
  height: 100%;
  padding: 40px 0;
}
.detail-content .inp[data-v-4d4ad601] {
  height: 26px;
}
.filter-box > .filter > .sub[data-v-4d4ad601] {
  display: inline-block;
  color: #ACACAC;
  font-size: .9em;
  margin-right: 0em;
}
.filter-box > .filter > .filter-item[data-v-4d4ad601] {
  display: inline-block;
  margin-left: 5px;
}
.filter-box > .filter > .filter-item > select[data-v-4d4ad601] {
    min-width: 10em;
}
.filter-box > .filter > .filter-item > .checkbox > .item[data-v-4d4ad601] {
    display: inline-block;
    border: 1px solid white;
    background-color: #ACACAC;
    color: white;
    font-size: .8em;
    padding: .2em .8em;
    border-radius: 4px;
    cursor: pointer;
    margin-right: .6em;
    opacity: .4;
    transition: .2s linear opacity, .3s linear border-color;
}
.filter-box > .filter > .filter-item > .checkbox > .item.checked[data-v-4d4ad601] {
      opacity: 1;
}
.filter-box > .filter > .filter-item > .checkbox > .item.all[data-v-4d4ad601] {
      background-color: #f25f8b;
}
.filter-box > .filter > .filter-item > .checkbox > .item.facebook[data-v-4d4ad601] {
      background-color: #3a5998;
}
.filter-box > .filter > .filter-item > .checkbox > .item.line[data-v-4d4ad601] {
      background-color: #00b900;
}
.filter-box > .filter > .filter-item > .checkbox > .item.instagram[data-v-4d4ad601] {
      background-image: linear-gradient(218deg, #8a3ab9 -21%, #a70fe9 7%, #eb3167 45%, #ff8400 80%, #fbad50 120%);
}
section.form-content[data-v-4d4ad601] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 3em;
  color: #424242;
}
.btn[data-v-4d4ad601] {
  cursor: pointer;
  background-color: #739E66;
  color: white;
  border-radius: 2px;
  transition: .3s linear color, .3s linear background-color, border .3s linear;
}
.btn[data-v-4d4ad601]:hover {
    color: #4A4A4A;
    background-color: #B1D978;
}
.btn.export-btn[data-v-4d4ad601] {
    display: inline-block;
    padding: .4em 1.4em;
    font-size: .8em;
}
.form-header-wrap[data-v-4d4ad601] {
  position: relative;
}
.form-header-wrap h1[data-v-4d4ad601] {
    font-size: 1em;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 1em;
}
.form-header-wrap h1 span.form-name[data-v-4d4ad601] {
      color: #739E66;
      font-size: 1.2em;
      margin-right: .8em;
      word-break: break-all;
}
.form-header-wrap .count-box[data-v-4d4ad601] {
    margin-top: 1em;
}
.form-header-wrap .time-box h2[data-v-4d4ad601],
  .form-header-wrap .count-box h2[data-v-4d4ad601] {
    font-size: .9em;
    color: #9B9B9B;
}
.form-header-wrap .time-box span.date[data-v-4d4ad601],
  .form-header-wrap .time-box span.time[data-v-4d4ad601],
  .form-header-wrap .count-box span.date[data-v-4d4ad601],
  .form-header-wrap .count-box span.time[data-v-4d4ad601] {
    color: #739E66;
    display: inline-block;
}
.form-header-wrap .time-box span.date + span[data-v-4d4ad601],
    .form-header-wrap .time-box span.time + span[data-v-4d4ad601],
    .form-header-wrap .count-box span.date + span[data-v-4d4ad601],
    .form-header-wrap .count-box span.time + span[data-v-4d4ad601] {
      margin-left: .4em;
}
.form-header-wrap .time-box span.count[data-v-4d4ad601],
  .form-header-wrap .count-box span.count[data-v-4d4ad601] {
    color: #f25f8b;
    margin: 0 .2em;
    display: inline-block;
}
.export-btn-box[data-v-4d4ad601] {
  position: absolute;
  text-align: right;
  right: 0;
  bottom: 0;
}
.form-detail-wrap[data-v-4d4ad601] {
  text-align: center;
}
.form-detail-wrap .table .tbody > .tr[data-v-4d4ad601]:nth-child(odd) {
    background-color: #E9E9E9;
}
.form-detail-wrap .table .tr[data-v-4d4ad601] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 1em 0;
    position: relative;
    font-size: .8em;
    min-height: 5em;
}
.form-detail-wrap .table .th[data-v-4d4ad601], .form-detail-wrap .table .td[data-v-4d4ad601] {
    width: 10%;
    padding: 0 .4em;
}
.form-detail-wrap .table .th[data-v-4d4ad601]:first-child,
  .form-detail-wrap .table .td[data-v-4d4ad601]:first-child {
    padding: 0;
}
.form-detail-wrap .table .customer[data-v-4d4ad601] {
    -ms-flex: 4 4 auto;
        flex: 4 4 auto;
}
.form-detail-wrap .table .customer img[data-v-4d4ad601] {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-right: .6em;
      width: 36px;
      height: 36px;
      border-radius: 99em;
}
.form-detail-wrap .table .customer .name[data-v-4d4ad601] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      color: #4A90E2;
}
.form-detail-wrap .table .customer .name span + span[data-v-4d4ad601] {
        margin-left: .4em;
}
.form-detail-wrap .table .gender[data-v-4d4ad601] {
    -ms-flex: 0 1 70px;
        flex: 0 1 70px;
}
.form-detail-wrap .table .time[data-v-4d4ad601] {
    -ms-flex: 2 2 auto;
        flex: 2 2 auto;
}
.form-detail-wrap .table .time span[data-v-4d4ad601] {
      display: block;
      line-height: 1;
}
.form-detail-wrap .table .time span + span[data-v-4d4ad601] {
      margin-top: .2em;
}
.form-detail-wrap .table .platform[data-v-4d4ad601] {
    width: 5em;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.form-detail-wrap .table .platform a[data-v-4d4ad601] {
      display: inline-block;
      width: 1em;
}
.form-detail-wrap .table .platform a + a[data-v-4d4ad601] {
        margin-left: .2em;
}
.form-detail-wrap .table .platform .icon[data-v-4d4ad601] {
      width: 100%;
      background-color: white;
}
.form-detail-wrap .table .platform .icon.facebook[data-v-4d4ad601] {
        color: #3a5998;
}
.form-detail-wrap .table .platform .icon.line[data-v-4d4ad601] {
        color: #00b900;
}
.form-detail-wrap .table .question[data-v-4d4ad601] {
    -ms-flex: 8 8 30%;
        flex: 8 8 30%;
    padding: 0;
}
.form-detail-wrap .table .question > span[data-v-4d4ad601] {
      display: block;
      padding: 0 .2em;
      width: 33.3333%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}
.form-detail-wrap .table .status[data-v-4d4ad601] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.form-detail-wrap .table .status span.finishied[data-v-4d4ad601] {
      color: #739E66;
}
.form-detail-wrap .table .status span.unfinishied[data-v-4d4ad601] {
      color: #f25f8b;
}
.form-detail-wrap .table .view[data-v-4d4ad601] {
    width: 80px;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    font-size: .9em;
}
.form-detail-wrap .table .view .btn[data-v-4d4ad601] {
      display: inline-block;
      padding: .2em 1em;
}
.lightbox.lightbox-form-export h2[data-v-4d4ad601] {
  color: #739E66;
  margin-bottom: .6em;
}
.lightbox.lightbox-form-export h2 i[data-v-4d4ad601] {
    font-size: 2em;
    line-height: 1;
    margin-right: .2em;
    vertical-align: sub;
}
.lightbox.lightbox-form-export p[data-v-4d4ad601] {
  font-size: 1em;
  line-height: 1.4;
}
.lightbox.lightbox-form-export p span[data-v-4d4ad601] {
    color: #f25f8b;
}
.lightbox.lightbox-form-export p + p[data-v-4d4ad601] {
    margin-top: 1em;
}
.lightbox.lightbox-form-export input[data-v-4d4ad601] {
  color: #ACACAC;
}
.lightbox.lightbox-form-export .btn-box[data-v-4d4ad601] {
  text-align: right;
  margin-top: 2em;
}
.lightbox.lightbox-form-export .btn-box .btn[data-v-4d4ad601] {
    display: inline-block;
    margin-left: 1em;
    padding: .6em 1.2em;
    border-radius: 2px;
    background-color: #739E66;
    color: white;
    text-decoration: none;
    border: 1px solid #739E66;
    transition: .3s linear color, .3s linear background-color;
}
.lightbox.lightbox-form-export .btn-box .btn[data-v-4d4ad601]:hover {
      background-color: white;
      color: #739E66;
}
.lightbox.lightbox-form-export .btn-box .btn.delete[data-v-4d4ad601] {
      border: 1px solid #f25f8b;
      background-color: #f25f8b;
}
.lightbox.lightbox-form-export .btn-box .btn.delete[data-v-4d4ad601]:hover {
        background-color: white;
        color: #f25f8b;
}
.lightbox.view-form-lightbox .view-form-wrap[data-v-4d4ad601] {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header[data-v-4d4ad601] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    text-align: left;
    padding-bottom: 1em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box[data-v-4d4ad601] {
      margin-bottom: 1em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box .icon[data-v-4d4ad601] {
        height: 1em;
        display: inline-block;
        margin-right: .4em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box .icon.facebook[data-v-4d4ad601] {
          color: #3a5998;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box .icon.line[data-v-4d4ad601] {
          color: #00b900;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box .form-name[data-v-4d4ad601] {
        font-size: 1.2em;
        display: inline-block;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header .title-box .form-name[data-v-4d4ad601]::before {
          content: "-";
          padding: 0 .4em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box[data-v-4d4ad601] {
      font-size: .9em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box li + li[data-v-4d4ad601] {
        margin-top: .8em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box .title[data-v-4d4ad601]::after {
        content: "\FF1A";
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box .sub[data-v-4d4ad601] {
        color: #739E66;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box .sub.unfinishied[data-v-4d4ad601] {
          color: #f25f8b;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-header ul.detail-box .sub + .sub[data-v-4d4ad601] {
          margin-left: .6em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body[data-v-4d4ad601] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    text-align: left;
    overflow-y: scroll;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body ul.form-detail li[data-v-4d4ad601] {
      padding: 1em;
      word-wrap: break-word;
      word-break: break-all;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body ul.form-detail li[data-v-4d4ad601]:nth-child(odd) {
        background-color: #E9E9E9;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body ul.form-detail li h1[data-v-4d4ad601] {
        font-size: .8em;
        margin-bottom: .8em;
        color: #739E66;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body ul.form-detail li h1 span[data-v-4d4ad601] {
          margin-left: .6em;
          font-size: .9em;
          color: #f25f8b;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-body ul.form-detail li p[data-v-4d4ad601] {
        color: #424242;
        line-height: 1.4;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-footer[data-v-4d4ad601] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    text-align: right;
    padding-top: 1em;
}
.lightbox.view-form-lightbox .view-form-wrap .view-form-footer a.btn[data-v-4d4ad601] {
      display: inline-block;
      padding: .4em 1em;
      font-size: .84em;
      text-decoration: none;
}

.index-content[data-v-3cfdcba1] {
  width: 1040px;
  margin: 0 auto;
}
.index-content.index-content--search[data-v-3cfdcba1] {
    text-align: center;
}
.index-content.index-content--search .text[data-v-3cfdcba1],
    .index-content.index-content--search .inp[data-v-3cfdcba1],
    .index-content.index-content--search .btn[data-v-3cfdcba1] {
      vertical-align: middle;
}
.index-content.index-content--search .text[data-v-3cfdcba1] {
      color: #739E66;
      font-size: 18px;
      line-height: 32px;
}
.index-content.index-content--search .inp[data-v-3cfdcba1] {
      display: inline-block;
      border-color: #ACACAC;
      width: 640px;
      height: 32px;
      margin: 0 10px 0 32px;
      transition: box-shadow .4s;
}
.index-content.index-content--search .inp[data-v-3cfdcba1]:focus {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.index-content.index-content--search .btn[data-v-3cfdcba1] {
      display: inline-block;
      width: auto;
      min-width: 60px;
      height: 32px;
      line-height: 1;
      border-radius: 4px;
      color: white;
      background-color: #739E66;
      padding: 0 2em;
      transition: .3s linear background-color, .3s linear color;
}
.index-content.index-content--search .btn[data-v-3cfdcba1]:hover {
        color: #4A4A4A;
        background-color: #B1D978;
}
.index-content.index-content--result[data-v-3cfdcba1] {
    margin-top: 40px;
}
.index-content.index-content--result .tb[data-v-3cfdcba1] {
    width: 100%;
    border-collapse: collapse;
    color: #424242;
    font-size: 12px;
    text-align: center;
}
.index-content.index-content--result .tbd .tr:hover .td[data-v-3cfdcba1] {
    background-color: #F7F7F7;
}
.index-content.index-content--result .tbd .td[data-v-3cfdcba1] {
    transition: background-color .4s;
}
.index-content.index-content--result .tr + .tr .td[data-v-3cfdcba1] {
    border-top: solid 1px #9B9B9B;
}
.index-content.index-content--result .th[data-v-3cfdcba1] {
    border: solid 1px white;
    padding: 3px 0;
    background-color: #739E66;
    color: white;
    padding: .4em .2em;
}
.index-content.index-content--result .th.th--action[data-v-3cfdcba1] {
      width: 72px;
}
.index-content.index-content--result .td[data-v-3cfdcba1] {
    padding: 1em 0;
}
.index-content.index-content--result .td .img[data-v-3cfdcba1] {
      width: 64px;
      height: 78px;
      margin: 0 auto;
      border-radius: 3px;
}
.index-content.index-content--result .td .btn[data-v-3cfdcba1] {
      width: 22px;
      height: 22px;
      font-size: 16px;
      color: #9B9B9B;
      border: solid 1px transparent;
      border-radius: 4px;
      transition: opacity .4s;
      padding: 3px;
}
.index-content.index-content--result .td .btn.btn--edit[data-v-3cfdcba1] {
        margin: 0 auto;
        text-decoration: none;
        display: block;
        background-color: transparent;
}
.index-content.index-content--result .td .btn[data-v-3cfdcba1]:hover {
        background-color: white;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.07);
}
.index-content.index-content--result .td .inp[data-v-3cfdcba1] {
      width: 100%;
}
.index-content.index-content--result .td .icon[data-v-3cfdcba1] {
      width: 1em;
      background-color: white;
}
.index-content.index-content--result .td .icon.facebook[data-v-3cfdcba1] {
        color: #3a5998;
}
.index-content.index-content--result .td .icon.line[data-v-3cfdcba1] {
        color: #00b900;
}
.index-content.index-content--result .td.td-status[data-v-3cfdcba1] {
      width: 80px;
      color: #4A90E2;
      font-weight: 400;
}
.index-content.index-content--result .td.td-action[data-v-3cfdcba1] {
      position: relative;
}
.setting-content[data-v-3cfdcba1] {
  width: 1040px;
  margin: 0 auto;
}
.setting-content + .setting-content[data-v-3cfdcba1] {
    margin-top: 54px;
}
.distribution .title[data-v-3cfdcba1] {
  font-size: 18px;
  margin: 0 auto 40px;
  color: #739E66;
}
.distribution .add-sales[data-v-3cfdcba1] {
  font-size: 14px;
  padding: 10px 25px;
  background: #739E66;
  color: white;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  float: right;
  margin-top: -65px;
}
.index-content.index-content--result[data-v-3cfdcba1] {
  border-bottom: solid 1px #9B9B9B;
}
.index-content.index-content--result .tr .showDistribute[data-v-3cfdcba1] {
    display: none;
}
.index-content.index-content--result .tr.active[data-v-3cfdcba1] {
    background: #f7f7f7;
}
.index-content.index-content--result .tr.active .showDistribute[data-v-3cfdcba1] {
      display: block;
}
.index-content.index-content--result .td[data-v-3cfdcba1] {
    padding: 30px 10px;
}
.index-content.index-content--result .td.td-manager[data-v-3cfdcba1] {
      text-align: left;
      padding-left: 20px;
}
.index-content.index-content--result .td .btn[data-v-3cfdcba1] {
      cursor: pointer;
}
.index-content.index-content--result .td .btn.btn-staff[data-v-3cfdcba1] {
        font-size: 12px;
        width: 55px;
        height: 23px;
        color: #4990e2;
        margin-left: 10px;
        transition: background-color .4s, border-color .4s, color .4s;
}
.index-content.index-content--result .td .btn.btn-staff[data-v-3cfdcba1]:hover {
        border: solid 1px #4990e2;
        border-radius: 5px;
}
.index-content.index-content--result .td .btn.btn-not-staff[data-v-3cfdcba1] {
        font-size: 12px;
        width: 55px;
        height: 23px;
        color: #EF5350;
        margin-left: 10px;
        transition: background-color .4s, border-color .4s, color .4s;
}
.index-content.index-content--result .td .btn.btn-not-staff[data-v-3cfdcba1]:hover {
        border: solid 1px #EF5350;
        border-radius: 5px;
}
.index-content.index-content--result .td .btn.btn--edit[data-v-3cfdcba1] {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
}
.index-content.index-content--result .td .btn.btn--show-delete[data-v-3cfdcba1] {
        display: inline-block;
        vertical-align: middle;
}
.index-content.index-content--result .arrow[data-v-3cfdcba1] {
    color: #333;
}
.show-distritube[data-v-3cfdcba1] {
  display: none;
}
.show-distritube.active[data-v-3cfdcba1] {
    display: table-row;
}
.distribute-tb[data-v-3cfdcba1] {
  width: 100%;
  border-top: solid 1px #eaeaea;
  border-collapse: collapse;
  background: #f7f7f7;
}
.distribute-tb .tr[data-v-3cfdcba1] {
    border-bottom: solid 1px #eaeaea;
    position: relative;
}
.distribute-tb .tr[data-v-3cfdcba1]:last-child {
      border-bottom: none;
}
.distribute-tb .tr[data-v-3cfdcba1]:hover {
      background: #fcfcea;
}
.distribute-tb .td-item-name[data-v-3cfdcba1] {
    text-align: left;
    padding: 15px 0;
}
.distribute-tb .td-item-name .txt[data-v-3cfdcba1] {
      min-width: 300px;
}
.distribute-tb .td-item-name .grey[data-v-3cfdcba1] {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.distribute-tb .td-status[data-v-3cfdcba1] {
    border-top: none !important;
    padding: 0 2em;
}
.distribute-tb .td-statistic[data-v-3cfdcba1] {
    width: 105px;
    padding: 1em 0;
}
.distribute-tb .td-amount[data-v-3cfdcba1] {
    width: 120px;
}
.distribute-tb .pic[data-v-3cfdcba1] {
    margin-left: 70px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    border: solid  1px #dcdcdc;
    float: left;
}
.distribute-tb .pic .img[data-v-3cfdcba1] {
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.distribute-tb .txt[data-v-3cfdcba1] {
    padding: 0 10px;
    border-right: solid 1px #eaeaea;
    position: relative;
}
.distribute-tb .txt[data-v-3cfdcba1]:after {
      content: '';
      border-left: solid 1px #fff;
      width: 1px;
      height: 100%;
      position: absolute;
      right: -2px;
      top: 0;
}
.distribute-tb .green[data-v-3cfdcba1] {
    color: #739E66;
    margin: 5px 0;
    display: block;
}
.distribute-tb .grey[data-v-3cfdcba1] {
    color: #999;
    display: block;
}
.distribute-tb .btn.btn-staff[data-v-3cfdcba1] {
    font-size: 12px;
    width: 55px;
    height: 23px;
    color: #4990e2;
    margin-left: 10px;
    transition: background-color .4s, border-color .4s, color .4s;
}
.distribute-tb .btn.btn-staff[data-v-3cfdcba1]:hover {
    border: solid 1px #4990e2;
    border-radius: 5px;
}
.distribute-tb .btn.btn-not-staff[data-v-3cfdcba1] {
    font-size: 12px;
    width: 55px;
    height: 23px;
    color: #EF5350;
    margin-left: 10px;
    transition: background-color .4s, border-color .4s, color .4s;
}
.distribute-tb .btn.btn-not-staff[data-v-3cfdcba1]:hover {
    border: solid 1px #EF5350;
    border-radius: 5px;
}

.index-content.index-content--result .arrow i:before {
  content: '\F078';
  cursor: pointer;
}
.index-content.index-content--result .tr.active .arrow i:before {
  content: '\F077';
  cursor: pointer;
}

.common-content[data-v-53e3012d],
.index-content[data-v-53e3012d] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
.common-content .content_title[data-v-53e3012d],
  .index-content .content_title[data-v-53e3012d] {
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #739E66;
}
.common-content .content_title.hide[data-v-53e3012d],
    .index-content .content_title.hide[data-v-53e3012d] {
      opacity: 0;
}
.common-content .content_title[data-v-53e3012d]::after,
    .index-content .content_title[data-v-53e3012d]::after {
      content: "";
      display: block;
      margin-top: .4em;
      width: 100%;
      height: 1px;
      background-color: #B1D978;
}
.common-content + .common-content[data-v-53e3012d],
  .index-content + .common-content[data-v-53e3012d] {
    margin-top: 4em;
}
.toastr-link[data-v-53e3012d] {
  display: none;
}
.column-spacing[data-v-53e3012d] {
  padding: 0;
}
.detail-header[data-v-53e3012d] {
  z-index: 5;
  width: 100%;
  height: 50px;
  left: 0;
  background-color: #4A4A4A;
  padding: 0 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.detail-header .btns[data-v-53e3012d] {
    width: 100%;
}
.detail-header .btn[data-v-53e3012d] {
    padding: 0;
    width: auto;
    min-width: 120px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    float: right;
    border: solid 1px white;
    border-radius: 5px;
    font-size: 12px;
    color: white;
}
.detail-header .btn .fa + .text[data-v-53e3012d] {
      margin-left: 4px;
}
.detail-header .btn + .btn[data-v-53e3012d] {
      margin-right: 20px;
}
.detail-header .btn.btn--print[data-v-53e3012d], .detail-header .btn.btn--cancel[data-v-53e3012d] {
      width: 84px;
}
.detail-header .btn.btn--print[data-v-53e3012d] {
      float: left;
}
.detail-header .btn.btn--confirm[data-v-53e3012d] {
      position: relative;
}
.detail-header .btn.btn--confirm .fa[data-v-53e3012d] {
        position: absolute;
        top: 7px;
        right: 8px;
        visibility: hidden;
}
.detail-header .btn.btn--confirm[data-v-53e3012d]:disabled {
        color: #9B9B9B;
        border-color: #9B9B9B;
        cursor: default;
}
.detail-header .btn.btn--confirm:disabled .fa[data-v-53e3012d] {
          visibility: visible;
}
.detail-header .btn.btn--cancel[data-v-53e3012d] {
      margin-right: 0;
      color: #ACACAC;
      border-color: currentColor;
}
.detail-header .btn[data-v-53e3012d]:hover {
      border-color: #B1D978;
      color: #B1D978;
}
.detail-wrapper[data-v-53e3012d] {
  position: relative;
  height: 100%;
  padding: 40px 0;
}
.detail-content .inp[data-v-53e3012d] {
  height: 26px;
}
.tb--list[data-v-53e3012d] {
  width: 100%;
  border-collapse: collapse;
}
.tb--list .btn[data-v-53e3012d] {
    width: auto;
    min-width: 60px;
    padding: .4em .6em;
    height: auto;
    background-color: #739E66;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 auto;
}
.tb--list .btn.btn--warning[data-v-53e3012d] {
      background-color: #D0011B;
}
.tb--list .inp[data-v-53e3012d] {
    line-height: 1;
    padding: .2e;
    height: auto;
    text-align: center;
    border-color: #C7C7C7;
    width: 98%;
}
.tb--list .inp[data-v-53e3012d]:hover {
      border-color: #9B9B9B;
}
.tb--list .thd[data-v-53e3012d] {
    border: solid 1px #B1D978;
}
.tb--list .th[data-v-53e3012d],
  .tb--list .td[data-v-53e3012d] {
    text-align: center;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: .6em .4em;
    word-break: break-all;
    word-wrap: break-word;
}
.tb--list .th.spec[data-v-53e3012d],
    .tb--list .td.spec[data-v-53e3012d] {
      width: 20%;
}
.tb--list .th.price[data-v-53e3012d],
    .tb--list .td.price[data-v-53e3012d] {
      width: 20%;
}
.tb--list .th.special_offer[data-v-53e3012d],
    .tb--list .td.special_offer[data-v-53e3012d] {
      width: 20%;
}
.tb--list .th.quantity[data-v-53e3012d],
    .tb--list .td.quantity[data-v-53e3012d] {
      width: 20%;
}
.tb--list .th.status[data-v-53e3012d],
    .tb--list .td.status[data-v-53e3012d] {
      width: 20%;
}
.tb--list .th .img[data-v-53e3012d],
    .tb--list .td .img[data-v-53e3012d] {
      width: 64px;
      height: 78px;
      margin: 0 auto;
      border-radius: 3px;
}
.tb--list .th p.tip[data-v-53e3012d],
    .tb--list .td p.tip[data-v-53e3012d] {
      font-size: .8em;
      color: #ACACAC;
}
.tb--list .tr.for-tip[data-v-53e3012d] {
    margin-top: .6em;
}
.tb--list .tr.for-tip .td.spec[data-v-53e3012d] {
      color: transparent;
}
.tb--list .tr.for-tip .td[data-v-53e3012d] {
      padding: 0;
}
.tb--list .tft[data-v-53e3012d] {
    border-top: solid 1px #9B9B9B;
}
.tb--list .tft .tr.tr-shipping .td[data-v-53e3012d] {
      padding: 22px 0;
}
.tb--list .tft .tr.tr-shipping .td[data-v-53e3012d]:last-child {
        font-size: 12px;
}
.tb--list .tft .tr.tr-total .td[data-v-53e3012d]:nth-last-child(2) {
      border: solid 1px currentColor;
}
.tb--list .tft .tr.tr-total .td[data-v-53e3012d]:last-child {
      font-size: 18px;
}
ul.primary-wrap[data-v-53e3012d] {
  width: 100%;
  color: #4A4A4A;
}
ul.primary-wrap li[data-v-53e3012d] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    height: auto;
}
ul.primary-wrap li + li[data-v-53e3012d] {
      margin-top: 1.4em;
}
ul.primary-wrap li.align-items-center[data-v-53e3012d] {
      -ms-flex-align: center;
          align-items: center;
}
ul.primary-wrap li.align-items-flex-start[data-v-53e3012d] {
      -ms-flex-align: start;
          align-items: flex-start;
}
ul.primary-wrap li .img[data-v-53e3012d] {
      width: 4em;
      height: 4em;
      margin-right: 1em;
      border-radius: 99em;
}
ul.primary-wrap li .title[data-v-53e3012d] {
      color: #739E66;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
ul.primary-wrap li .detail[data-v-53e3012d] {
      margin-left: .6em;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      word-wrap: break-word;
      word-break: break-all;
}
ul.primary-wrap li .detail .icon[data-v-53e3012d] {
        margin-left: .6em;
        height: 1em;
        vertical-align: middle;
}
ul.primary-wrap li .detail .icon.facebook[data-v-53e3012d] {
          color: #3a5998;
}
ul.primary-wrap li .detail .icon.line[data-v-53e3012d] {
          color: #00b900;
}
ul.primary-wrap li .detail .lbl[data-v-53e3012d] {
        display: inline-block;
}
ul.primary-wrap li .detail .lbl + .lbl[data-v-53e3012d] {
          margin-left: 1em;
}
ul.primary-wrap li .detail .lbl .inp[data-v-53e3012d] {
          display: none;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-53e3012d] {
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
          width: auto;
          min-width: 120px;
          border-radius: 4px;
          text-align: center;
          padding: .8em 1em;
          position: relative;
          cursor: pointer;
          transition: background-color .3s , border-color .3s , color .3s, opacity .3s;
          line-height: 1;
          display: inline-block;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-53e3012d]::before {
            font-family: FontAwesome;
            content: '\F10C';
            font-size: .8em;
            margin-right: .6em;
}
ul.primary-wrap li .detail .lbl .inp + span[data-v-53e3012d]:hover {
            color: white;
            border-color: #739E66;
            background-color: #739E66;
            opacity: .7;
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-53e3012d] {
          color: white;
          border-color: #739E66;
          background-color: #739E66;
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-53e3012d]::before {
            content: '\F192';
}
ul.primary-wrap li .detail .lbl .inp:checked + span[data-v-53e3012d]:hover {
            opacity: 1;
}
ul.primary-wrap li .detail .lbl .inp.danger + span[data-v-53e3012d]:hover {
          background-color: #f25f8b;
          border-color: #f25f8b;
}
ul.primary-wrap li .detail .lbl .inp.danger:checked + span[data-v-53e3012d] {
          border-color: #f25f8b;
          background-color: #f25f8b;
}
ul.primary-wrap li .detail .lbl .inp:disabled + span[data-v-53e3012d] {
          opacity: .6;
          cursor: default;
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp:disabled + span[data-v-53e3012d]:hover {
            opacity: .6;
            background-color: white;
            color: #ACACAC;
            border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.danger:disabled + span[data-v-53e3012d] {
          opacity: .6;
          cursor: default;
          background-color: white;
          color: #ACACAC;
          border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.danger:disabled + span[data-v-53e3012d]:hover {
            opacity: .6;
            background-color: white;
            color: #ACACAC;
            border: 1px solid #ACACAC;
}
ul.primary-wrap li .detail .lbl .inp.pay_failure + span[data-v-53e3012d] {
          border-color: #dc567e;
          color: #dc567e;
          background-color: white;
          opacity: .8;
          cursor: default;
}
ul.primary-wrap li .detail .lbl .inp.pay_failure + span[data-v-53e3012d]:hover {
            opacity: .8;
            background-color: white;
}
ul.primary-wrap .td[data-v-53e3012d] {
    vertical-align: top;
    padding: 10px 0 10px 12px;
}
ul.primary-wrap .td[data-v-53e3012d]:nth-child(odd) {
      width: 92px;
      position: relative;
}
ul.primary-wrap .td[data-v-53e3012d]:nth-child(odd)::after {
        content: "";
        display: block;
        border-right: solid 1px currentColor;
        height: 14px;
        position: absolute;
        right: 0;
        top: 10px;
}
ul.primary-wrap .td[data-v-53e3012d]:nth-child(2) {
      width: 412px;
}
ul.primary-wrap .td[data-v-53e3012d]:last-child::after {
      display: none;
}
ul.order-detail-wrap[data-v-53e3012d] {
  width: 100%;
  color: #4A4A4A;
}
ul.order-detail-wrap > li[data-v-53e3012d] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 1em 0;
    border-bottom: 1px solid #ACACAC;
}
ul.order-detail-wrap > li.header[data-v-53e3012d] {
      border: 1px solid #B1D978;
      padding: 1em 0;
}
ul.order-detail-wrap > li .item[data-v-53e3012d] {
      padding: 0 .4em;
      text-align: center;
      word-break: break-all;
      word-wrap: break-word;
}
ul.order-detail-wrap > li .item.photo[data-v-53e3012d] {
        width: 160px;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
ul.order-detail-wrap > li .item.name[data-v-53e3012d] {
        width: 30%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.spec[data-v-53e3012d] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.qty[data-v-53e3012d] {
        width: 120px;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.price[data-v-53e3012d] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item.subtotal[data-v-53e3012d] {
        width: 20%;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
ul.order-detail-wrap > li .item .img[data-v-53e3012d] {
        width: 100%;
}
ul.order-detail-wrap li.footer[data-v-53e3012d] {
    -ms-flex-pack: end;
        justify-content: flex-end;
    text-align: right;
    border-bottom: none;
    padding: 2em 2em 0;
}
ul.order-detail-wrap li.footer .title[data-v-53e3012d] {
      color: #739E66;
}
ul.order-detail-wrap li.footer .detail[data-v-53e3012d] {
      font-size: 1.2em;
      margin-left: 1em;
}
ul.order-detail-wrap li.footer.total .title[data-v-53e3012d] {
      font-size: 1.6em;
}
ul.order-detail-wrap li.footer.total .detail[data-v-53e3012d] {
      font-size: 2em;
}
.index-content[data-v-53e3012d] {
  width: 1040px;
  margin: 0 auto;
}
.index-content.index-content--search[data-v-53e3012d] {
    text-align: center;
}
.index-content.index-content--search .text[data-v-53e3012d],
    .index-content.index-content--search .inp[data-v-53e3012d],
    .index-content.index-content--search .btn[data-v-53e3012d] {
      vertical-align: middle;
}
.index-content.index-content--search .text[data-v-53e3012d] {
      color: #739E66;
      font-size: 18px;
      line-height: 32px;
}
.index-content.index-content--search .inp[data-v-53e3012d] {
      display: inline-block;
      border-color: #ACACAC;
      width: 640px;
      height: 32px;
      margin: 0 10px 0 32px;
      transition: box-shadow .4s;
}
.index-content.index-content--search .inp[data-v-53e3012d]:focus {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.index-content.index-content--search .btn[data-v-53e3012d] {
      display: inline-block;
      width: auto;
      min-width: 60px;
      height: 32px;
      line-height: 1;
      border-radius: 4px;
      color: white;
      background-color: #739E66;
      padding: 0 2em;
      transition: .3s linear background-color, .3s linear color;
}
.index-content.index-content--search .btn[data-v-53e3012d]:hover {
        color: #4A4A4A;
        background-color: #B1D978;
}
.index-content.index-content--result[data-v-53e3012d] {
    margin-top: 40px;
}
.index-content.index-content--result .tb[data-v-53e3012d] {
    width: 100%;
    border-collapse: collapse;
    color: #424242;
    font-size: 12px;
    text-align: center;
}
.index-content.index-content--result .tbd .tr:hover .td[data-v-53e3012d] {
    background-color: #F7F7F7;
}
.index-content.index-content--result .tbd .td[data-v-53e3012d] {
    transition: background-color .4s;
}
.index-content.index-content--result .tr + .tr .td[data-v-53e3012d] {
    border-top: solid 1px #9B9B9B;
}
.index-content.index-content--result .th[data-v-53e3012d] {
    border: solid 1px white;
    padding: 3px 0;
    background-color: #739E66;
    color: white;
    padding: .4em .2em;
}
.index-content.index-content--result .th.th--action[data-v-53e3012d] {
      width: 72px;
}
.index-content.index-content--result .td[data-v-53e3012d] {
    padding: 1em 0;
}
.index-content.index-content--result .td .img[data-v-53e3012d] {
      width: 64px;
      height: 78px;
      margin: 0 auto;
      border-radius: 3px;
}
.index-content.index-content--result .td .btn[data-v-53e3012d] {
      width: 22px;
      height: 22px;
      font-size: 16px;
      color: #9B9B9B;
      border: solid 1px transparent;
      border-radius: 4px;
      transition: opacity .4s;
      padding: 3px;
}
.index-content.index-content--result .td .btn.btn--edit[data-v-53e3012d] {
        margin: 0 auto;
        text-decoration: none;
        display: block;
        background-color: transparent;
}
.index-content.index-content--result .td .btn[data-v-53e3012d]:hover {
        background-color: white;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.07);
}
.index-content.index-content--result .td .inp[data-v-53e3012d] {
      width: 100%;
}
.index-content.index-content--result .td .icon[data-v-53e3012d] {
      width: 1em;
      background-color: white;
}
.index-content.index-content--result .td .icon.facebook[data-v-53e3012d] {
        color: #3a5998;
}
.index-content.index-content--result .td .icon.line[data-v-53e3012d] {
        color: #00b900;
}
.index-content.index-content--result .td.td-status[data-v-53e3012d] {
      width: 80px;
      color: #4A90E2;
      font-weight: 400;
}
.index-content.index-content--result .td.td-action[data-v-53e3012d] {
      position: relative;
}
.setting-content[data-v-53e3012d] {
  width: 1040px;
  margin: 0 auto;
}
.setting-content + .setting-content[data-v-53e3012d] {
    margin-top: 54px;
}
.distribution .title[data-v-53e3012d] {
  font-size: 18px;
  margin: 0 auto 40px;
  color: #739E66;
}
.salesData-tb[data-v-53e3012d] {
  border-top: solid 1px #739E66;
  width: 100%;
  margin: 20px 0 70px;
  text-align: left;
  padding-top: 10px;
  font-size: 15px;
  color: #999;
}
.salesData-tb .th[data-v-53e3012d] {
    height: 45px;
    padding: 5px 0;
    font-weight: normal;
    width: 80px;
}
.salesData-tb .td[data-v-53e3012d] {
    color: #333;
}
.salesData-tb .ipt-txt[data-v-53e3012d] {
    border-radius: 3px;
    border: solid 1px #e8e8e8;
    padding: 5px 10px;
    line-height: 1;
    height: auto;
    width: 420px;
}
.salesData-tb .ipt-txt.error[data-v-53e3012d] {
      color: #EF5350 !important;
      box-shadow: 0 0 2px 1px #EF5350 !important;
}
.salesData-tb .btn.btn-staff[data-v-53e3012d] {
    font-size: 12px;
    width: 55px;
    height: 24px;
    color: #4990e2;
    margin-left: 10px;
    transition: background-color .4s, border-color .4s, color .4s;
}
.salesData-tb .btn.btn-staff[data-v-53e3012d]:hover {
    border: solid 1px #4990e2;
    border-radius: 5px;
}
.salesData-tb .btn.btn-not-staff[data-v-53e3012d] {
    font-size: 12px;
    width: 55px;
    height: 24px;
    color: #EF5350;
    margin-left: 10px;
    transition: background-color .4s, border-color .4s, color .4s;
}
.salesData-tb .btn.btn-not-staff[data-v-53e3012d]:hover {
    border: solid 1px #EF5350;
    border-radius: 5px;
}
.btn-distribute[data-v-53e3012d] {
  font-size: 14px;
  padding: 10px 25px;
  background: white;
  color: #739E66;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  float: right;
  margin-top: -9px;
  border: solid 1px #739E66;
  cursor: pointer;
}
.index-content.index-content--result[data-v-53e3012d] {
  border-bottom: solid 1px #9B9B9B;
}
.index-content.index-content--result .td[data-v-53e3012d] {
    padding: 20px 10px;
}
.index-content.index-content--result .td.td-manager[data-v-53e3012d] {
      text-align: left;
      padding-left: 20px;
}
.index-content.index-content--result .td .btn.btn-staff[data-v-53e3012d] {
      font-size: 12px;
      width: 55px;
      height: 24px;
      color: #4990e2;
      margin-left: 10px;
      transition: background-color .4s, border-color .4s, color .4s;
}
.index-content.index-content--result .td .btn.btn-staff[data-v-53e3012d]:hover {
      border: solid 1px #4990e2;
      border-radius: 5px;
}
.index-content.index-content--result .td .btn.btn-not-staff[data-v-53e3012d] {
      font-size: 12px;
      width: 55px;
      height: 24px;
      color: #EF5350;
      margin-left: 10px;
      transition: background-color .4s, border-color .4s, color .4s;
}
.index-content.index-content--result .td .btn.btn-not-staff[data-v-53e3012d]:hover {
      border: solid 1px #EF5350;
      border-radius: 5px;
}
.index-content.index-content--result .td .btn.btn--edit[data-v-53e3012d] {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px;
}
.index-content.index-content--result .td .btn.btn--show-delete[data-v-53e3012d] {
      display: inline-block;
      vertical-align: middle;
}
.index-content.index-content--result .pic[data-v-53e3012d] {
    width: 40px;
    height: 40px;
    border: solid  1px #dcdcdc;
    margin: auto;
}
.index-content.index-content--result .pic .img[data-v-53e3012d] {
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.index-content.index-content--result .prod-name[data-v-53e3012d] {
    text-align: left;
}
.copy-link[data-v-53e3012d] {
  position: relative;
  overflow: hidden;
}
.copy-link .ipt-txt[data-v-53e3012d] {
    padding-right: 30px;
    padding-left: 10px;
    height: 28px;
    border: solid 1px #ccc;
}
.copy-link .btn-copy[data-v-53e3012d] {
    font-size: 12px;
    color: #fff;
    background: #b0da73;
    border: none;
    position: absolute;
    top: 1px;
    right: 1px;
    height: 26px;
    border-left: solid 1px #ccc;
    border-radius: 0 2px 2px 0;
    transition: background-color .4s, border-color .4s, color .4s;
}
.copy-link .btn-copy[data-v-53e3012d]:hover {
      background: #729f64;
}
.products-selector.active .products-selector_wrapper.active[data-v-53e3012d],
.products-selector.active .products-selector_loading.active[data-v-53e3012d] {
  visibility: visible;
  opacity: 1;
}
.products-selector_wrapper[data-v-53e3012d],
.products-selector_loading[data-v-53e3012d] {
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
}
.products-selector_wrapper[data-v-53e3012d] {
  height: 100%;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.products-selector_title[data-v-53e3012d] {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: .6em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #739E66;
}
.products-selector_total[data-v-53e3012d] {
  padding: 1em;
  background-color: #E9E9E9;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-size: .9em;
  margin-bottom: 1.4em;
  text-align: right;
  width: 100%;
}
.products-selector_total .mark[data-v-53e3012d] {
    background-color: transparent;
    padding: 0 4px;
    font-weight: bold;
    color: #739E66;
}
.products-selector_total .mark.error[data-v-53e3012d] {
      color: #f25f8b;
}
.products-selector_products[data-v-53e3012d] {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.products-selector_products .product[data-v-53e3012d] {
    width: 136px;
    float: left;
    margin-left: 31px;
    margin-bottom: 14px;
    padding-bottom: 2px;
    border-bottom: solid 1px #9B9B9B;
}
.products-selector_products .product[data-v-53e3012d]:nth-child(3n+1) {
      margin-left: 0;
}
.products-selector_products .lbl[data-v-53e3012d] {
    display: block;
}
.products-selector_products .inp[data-v-53e3012d] {
    display: none;
}
.products-selector_products .inp:checked + .fig[data-v-53e3012d] {
      background-color: #739E66;
      color: white;
}
.products-selector_products .fig[data-v-53e3012d] {
    margin: 0;
    padding: 4px;
    border-radius: 3px;
}
.products-selector_products .img[data-v-53e3012d],
  .products-selector_products .text[data-v-53e3012d] {
    float: left;
}
.products-selector_products .img[data-v-53e3012d] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-top: 10px;
}
.products-selector_products .text[data-v-53e3012d] {
    font-size: 14px;
    line-height: 18px;
    margin-left: 22px;
    width: 72px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -moz-line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}
.btn-box[data-v-53e3012d] {
  width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.products-selector_loading[data-v-53e3012d] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@charset "UTF-8";
.filter-box > .filter > .sub {
  display: inline-block;
  color: #ACACAC;
  font-size: .9em;
  margin-right: 0em;
}
.filter-box > .filter > .filter-item {
  display: inline-block;
  margin-left: 5px;
}
.filter-box > .filter > .filter-item > select {
    min-width: 10em;
}
.filter-box > .filter > .filter-item > .checkbox > .item {
    display: inline-block;
    border: 1px solid white;
    background-color: #ACACAC;
    color: white;
    font-size: .8em;
    padding: .2em .8em;
    border-radius: 4px;
    cursor: pointer;
    margin-right: .6em;
    opacity: .4;
    transition: .2s linear opacity, .3s linear border-color;
}
.filter-box > .filter > .filter-item > .checkbox > .item.checked {
      opacity: 1;
}
.filter-box > .filter > .filter-item > .checkbox > .item.all {
      background-color: #f25f8b;
}
.filter-box > .filter > .filter-item > .checkbox > .item.facebook {
      background-color: #3a5998;
}
.filter-box > .filter > .filter-item > .checkbox > .item.line {
      background-color: #00b900;
}
.filter-box > .filter > .filter-item > .checkbox > .item.instagram {
      background-image: linear-gradient(218deg, #8a3ab9 -21%, #a70fe9 7%, #eb3167 45%, #ff8400 80%, #fbad50 120%);
}
.analytics {
  /* TIPS 樣式 */
}
.analytics .content-header.flex {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.analytics .content-header.flex .btn {
      cursor: pointer;
      position: relative;
      text-decoration: underline;
      background: none;
      color: #739E66;
      display: inline-block;
      margin: 0 .4em;
      min-width: 6em;
      padding: 0;
}
.analytics .content-header.flex .btn.submit {
        background-color: #739E66;
        color: white;
        font-size: .8rem;
        text-decoration: none;
        border-radius: 2px;
        border: 1px solid #739E66;
        padding: .2em .6em;
        transition: .3s linear background-color ,.3s linear color;
}
.analytics .content-header.flex .btn.submit:not(:disabled):hover {
          background-color: white;
          color: #739E66;
}
.analytics .content-header.flex .btn.submit:disabled {
          opacity: .6;
          cursor: default;
}
.analytics .content-header.flex .data_filter {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      text-align: right;
      font-size: .86em;
      color: #ACACAC;
      position: relative;
}
.analytics .content-header.flex .detail_calendar {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_box {
        background-color: white;
        color: #424242;
        padding: 1em;
        border-radius: 4px;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
}
.analytics .content-header.flex .detail_calendar .detail_calendar_header {
        text-align: right;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_header .btn-close {
          display: inline-block;
          position: relative;
          min-width: auto;
          width: 24px;
          height: 24px;
          margin: 0;
          padding: 0;
          color: #ACACAC;
          z-index: 2;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_header .btn-close .css-icon {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_header .btn-close .css-icon:before, .analytics .content-header.flex .detail_calendar .detail_calendar_header .btn-close .css-icon:after {
              right: 0;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_footer {
        margin-top: 1em;
}
.analytics .content-header.flex .detail_calendar .detail_calendar_footer button.btn.submit {
          width: 100%;
          font-size: 1em;
          margin: 0;
          padding: .6em 0;
}
.analytics .content-header.flex .detail_calendar:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
}
.analytics .content-header.flex .export-box {
      width: 100%;
      margin-top: .6rem;
      text-align: right;
}
.analytics .content-header.flex .export-box .btn.submit {
        text-align: center;
        min-width: 4em;
}
.analytics .vue-chart-container {
    margin-left: -8%;
}
.analytics .content_info_body {
    position: relative;
    font-size: .9em;
    line-height: 1.2;
    color: #4A4A4A;
}
.analytics .content_info_body.loading::before {
      font-family: FontAwesome;
      content: "\F110";
      color: #ACACAC;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      z-index: 2;
      font-size: 1.4em;
      width: 1em;
      height: 1em;
      animation: fa-spin 2s infinite linear;
}
.analytics .content_info_body.loading::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      background-color: white;
      opacity: .6;
}
.analytics .content_info_body .table {
      text-align: center;
      position: relative;
      padding-top: 3.4em;
}
.analytics .content_info_body .table .thead {
        border: 1px solid #B1D978;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 100%;
}
.analytics .content_info_body .table .tbody {
        max-height: 35em;
        overflow-y: scroll;
}
.analytics .content_info_body .table .tbody::-webkit-scrollbar {
          opacity: 0;
          width: 0;
          display: none;
}
.analytics .content_info_body .table .tr {
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.analytics .content_info_body .table .td {
        padding: 1em .2em;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.analytics .content_info_body .table .td.date {
          width: 15%;
}
.analytics .content_info_body .table .td.new-customers {
          width: 15%;
}
.analytics .content_info_body .table .td.day-list {
          width: 70%;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.analytics .content_info_body .table .td.day-list > .day {
            width: 14.286%;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
}
.analytics .content_info_body .table .td.rank-list {
          width: 45%;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
}
.analytics .content_info_body .table .td.rank-list > .data {
            width: 33.3%;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
}
.analytics .content_info_body .table .td.rank-list > .data:not(:nth-child(3)) {
              overflow: hidden;
              text-overflow: ellipsis;
}
.analytics .content_info_body .table .td.bar {
          width: 55%;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
}
.analytics .content_info_body .table .td.bar span {
            display: block;
            width: 0;
            height: .6em;
            background-color: #B1D978;
            transition: 2s ease-out width;
}
.analytics .content_info_body .table .tbody .td.rank-list {
        border-bottom: 1px solid #E9E9E9;
}
.analytics section.content-customers-alive .table .tbody > .tr:nth-child(2n) {
    background-color: #E9E9E9;
    border-radius: 99em;
}
.analytics section.content-customers-alive .table .tbody .day.disabled {
    opacity: 0;
    visibility: hidden;
}
.analytics section.content-popular-blocks .table .tbody .tr:nth-child(2n) .bar span,
  .analytics section.content-popular-buttons .table .tbody .tr:nth-child(2n) .bar span {
    background-color: #739E66;
}
.analytics .analytics-chart-legends {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 35px 0 0 30px;
}
.analytics .analytics-chart-legends .legend {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
}
.analytics .analytics-chart-legends .legend .legend-icon {
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background-color: #ccc;
        margin-right: 5px;
}
.analytics .analytics-chart-legends .legend .legend-icon.sent {
          background-color: #739E66;
}
.analytics .analytics-chart-legends .legend .legend-icon.userRead {
          background-color: #EF5350;
}
.analytics .analytics-chart-legends .legend .legend-icon.botResTimes {
          background-color: #4A90E2;
}
.analytics .tips.tips-style {
    position: relative;
    margin-left: .8em;
    width: 1em;
    height: 1em;
    color: #739E66;
    z-index: auto;
}
.analytics .tips.tips-style .sub {
      color: #B1D978;
      padding-bottom: 6px;
}
.analytics .export-lightbox h2.title {
    color: #739E66;
    margin-bottom: 1em;
}
.analytics .export-lightbox p + p {
    margin-top: 1rem;
    line-height: 1.5em;
    letter-spacing: .5px;
}
.analytics .export-lightbox p span.sub {
    color: #f25f8b;
}
.analytics .export-lightbox p.description {
    font-size: .9em;
    color: #9B9B9B;
}
.analytics .export-lightbox p.description span.sub {
      color: #739E66;
}

@charset "UTF-8";
input.webhookurl-input[data-v-202ba430] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.column-spacing[data-v-202ba430] {
  font-size: 15px;
  color: #424242;
}
.setting-content[data-v-202ba430] {
  width: 1040px;
  margin: 0 auto;
  padding: 0 1em;
}
.setting-content + .setting-content[data-v-202ba430] {
    margin-top: 5em;
}
.row[data-v-202ba430] {
  margin: 0 -1em;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.row > .col-7[data-v-202ba430] {
    width: 58.3%;
    padding: 0 1em;
}
.row > .col-6[data-v-202ba430] {
    width: 50%;
    padding: 0 1em;
}
.row > .col-5[data-v-202ba430] {
    width: 41.7%;
    padding: 0 1em;
}
hr[data-v-202ba430],
.hr[data-v-202ba430] {
  display: block;
  height: 1px;
  width: 100%;
  margin: 2em auto;
  background-color: #C7C7C7;
  border: 0;
}
.btn[data-v-202ba430] {
  color: white;
  width: auto;
  min-width: 160px;
  max-width: 100%;
  height: auto;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  border-radius: 4px;
  padding: .8em 1em;
  display: inline-block;
  background-color: #739E66;
  border: 1px solid #739E66;
  transition: .3s linear color , .3s linear background-color , .3s linear opacity;
}
.btn[data-v-202ba430]:hover {
    background-color: white;
    color: #739E66;
}
.btn[disabled][data-v-202ba430] {
    opacity: .5;
    cursor: default;
}
.btn[disabled][data-v-202ba430]:hover {
      background-color: #739E66;
      color: white;
}
.btn.secondary[data-v-202ba430] {
    border-color: #f25f8b;
    background-color: #f25f8b;
}
.btn.secondary[data-v-202ba430]:hover {
      background-color: white;
      color: #f25f8b;
}
.btn.secondary[disabled][data-v-202ba430] {
      background-color: #f25f8b;
      color: white;
}
.btn.invite[data-v-202ba430] {
    border-color: #4990e2;
    background-color: #4990e2;
}
.btn.invite[data-v-202ba430]:hover {
      color: #4990e2;
      background-color: white;
}
.btn.invite > i[data-v-202ba430] {
      margin-right: .2em;
}
.setting-lightbox_wrapper .title[data-v-202ba430] {
  color: #739E66;
  font-size: 1.6em;
  margin-bottom: 1.2em;
}
.setting-lightbox_wrapper .text[data-v-202ba430] {
  font-size: 1em;
  line-height: 1.4;
  color: #424242;
}
.setting-lightbox_wrapper .text + .inp[data-v-202ba430],
  .setting-lightbox_wrapper .text + .text[data-v-202ba430] {
    margin-top: .4em;
}
.setting-lightbox_wrapper .text .focus-start[data-v-202ba430] {
    color: #f25f8b;
    margin-left: .2em;
}
.setting-lightbox_wrapper .sub[data-v-202ba430] {
  font-size: .9em;
  color: #4A4A4A;
  margin-top: .6em;
  margin-bottom: 2em;
}
.setting-lightbox_wrapper .inp[data-v-202ba430] {
  width: 100%;
  border: solid 1px #B1D978;
  border-radius: 4px;
  height: auto;
  line-height: 1;
  padding: .6em 1em;
  background-color: transparent;
  color: #9B9B9B;
  font-size: 1em;
  font-size: .9em;
  display: block;
}
.setting-lightbox_wrapper .inp.gray[data-v-202ba430] {
    border-color: #C7C7C7;
}
.setting-lightbox_wrapper .inp[disabled][data-v-202ba430] {
    opacity: .6;
}
.setting-lightbox_wrapper .inp.textarea[data-v-202ba430] {
    height: auto;
    min-height: 4.8em;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.4;
    resize: vertical;
    overflow: hidden;
}
.setting-lightbox_wrapper .inp.error[data-v-202ba430] {
    border: 1px solid #f25f8b;
    box-shadow: none;
}
.setting-lightbox_wrapper span.icon + .inp[data-v-202ba430] {
  padding: .6em 1em .6em 2.2em;
}
.setting-lightbox_wrapper .btn-box[data-v-202ba430] {
  margin-top: 3em;
  text-align: right;
}
.setting-lightbox_wrapper .btn-box .btn[data-v-202ba430] {
    text-align: center;
    display: inline-block;
}
.setting-lightbox_wrapper .webhook-url-block[data-v-202ba430] {
  background-color: #E9E9E9;
  position: relative;
  padding: .6em .6em;
  border-radius: 4px;
}
.setting-lightbox_wrapper .webhook-url-block p[data-v-202ba430] {
    display: block;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 0;
    height: auto;
    border: 0;
    background-color: transparent;
}
.setting-lightbox_wrapper .webhook-url-block p.http[data-v-202ba430] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper .webhook-url-block .click[data-v-202ba430] {
    color: #4A4A4A;
    cursor: pointer;
    transition: .3s linear color;
}
.setting-lightbox_wrapper .webhook-url-block .click[data-v-202ba430]:hover {
      color: #739E66;
}
.setting-lightbox_wrapper.delete-flatform > .title[data-v-202ba430] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1em;
}
.setting-lightbox_wrapper.delete-flatform > .title > i[data-v-202ba430] {
    font-size: 3.2em;
    margin-right: .2em;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header[data-v-202ba430] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-title[data-v-202ba430] {
      font-size: 1.2em;
      line-height: 1.2;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-description[data-v-202ba430] {
      font-size: 1.2em;
      line-height: 1.2;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-description span.platform-name[data-v-202ba430] {
        color: #f25f8b;
}
.setting-lightbox_wrapper.edit-line ul.edit-box li + li[data-v-202ba430] {
  margin-top: 1em;
}
.setting-lightbox_wrapper.edit-line ul.edit-box li > p[data-v-202ba430] {
  margin-bottom: .4em;
}
.setting-lightbox_wrapper.connect-platform[data-v-202ba430] {
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.setting-lightbox_wrapper.connect-platform .lightbox-header[data-v-202ba430] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper.connect-platform .lightbox-body[data-v-202ba430] {
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 2em 0;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer[data-v-202ba430] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer p[data-v-202ba430] {
      font-size: .9em;
      line-height: 1.4;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box[data-v-202ba430] {
      margin-top: 0;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box.text-align-center[data-v-202ba430] {
        text-align: center;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box.text-align-center .btn[data-v-202ba430] {
          min-width: 200px;
          font-size: 1.2em;
}
.setting-lightbox_wrapper.connect-platform h2.step-box b[data-v-202ba430] {
    display: inline-block;
    margin-right: .6em;
    font-weight: bold;
    font-size: .6em;
    color: #ACACAC;
}
.setting-lightbox_wrapper.connect-platform h2.step-box span.icon-step[data-v-202ba430] {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 99rem;
    border: 4px solid #739E66;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    color: #739E66;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 1rem;
    vertical-align: middle;
}
.setting-lightbox_wrapper.connect-platform h2.step-box span[data-v-202ba430] {
    display: inline-block;
    color: #739E66;
    font-size: 1em;
    vertical-align: middle;
}
.setting-lightbox_wrapper.connect-platform h2.step-box .click-down[data-v-202ba430] {
    color: #739E66;
    text-decoration: underline;
    cursor: pointer;
}
.setting-lightbox_wrapper.connect-platform .detail-content[data-v-202ba430] {
    font-size: .9em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li[data-v-202ba430] {
      line-height: 1.2;
      padding-left: 1em;
      text-indent: -1em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li + li[data-v-202ba430] {
        margin-top: .8em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li[data-v-202ba430]::before {
        content: "\FF0E";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list[data-v-202ba430]::before {
        opacity: 0;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-202ba430],
      .setting-lightbox_wrapper.connect-platform .detail-content li span[data-v-202ba430] {
        color: #739E66;
        transition: .3s linear color;
        padding: 0 .2em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-202ba430] {
        text-decoration: none;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-202ba430]:hover {
        color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.tip[data-v-202ba430] {
        color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.tip[data-v-202ba430]::before {
          content: "\FF0A";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list-type[data-v-202ba430] {
        text-indent: 0;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list-type[data-v-202ba430]::before {
          content: "";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.line-two-zero-point[data-v-202ba430] {
        margin-top: 1.6rem;
}
.setting-lightbox_wrapper.connect-platform .img-content[data-v-202ba430] {
    margin-top: 2em;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.setting-lightbox_wrapper.connect-platform .img-content img[data-v-202ba430], .setting-lightbox_wrapper.connect-platform .img-content video[data-v-202ba430] {
      width: 100%;
      height: auto;
      max-height: 500px;
      object-fit: contain;
}
.setting-lightbox_wrapper.connect-platform .input-content[data-v-202ba430] {
    margin-top: 2em;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    position: relative;
}
.setting-lightbox_wrapper.connect-platform .input-content span.icon[data-v-202ba430] {
      position: absolute;
      top: 50%;
      left: 9px;
      transform: translateY(-50%);
      color: #9B9B9B;
}
.setting-lightbox_wrapper.connect-platform .input-content .error[data-v-202ba430] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .input-content + .input-content[data-v-202ba430] {
    margin-top: 1em;
}
.setting-lightbox_wrapper.composer-input-disalbed img[data-v-202ba430] {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.setting-lightbox_wrapper.composer-input-disalbed p[data-v-202ba430] {
  font-size: .9em;
  line-height: 1.26;
  margin-top: 1em;
}
.container.container--menu[data-v-202ba430], .container.container--fanspage[data-v-202ba430], .container.container--administrator[data-v-202ba430] {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.container.container--menu[data-v-202ba430] {
  width: 50%;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.container.container--administrator[data-v-202ba430] {
  width: 50%;
}
.container_main[data-v-202ba430] {
  padding: 0;
  font-size: .9em;
}
.container_main p[data-v-202ba430] {
    line-height: 1.4;
}
.container_main.container_main--status[data-v-202ba430] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
}
.container_main.container_main--fanspage[data-v-202ba430] {
    position: relative;
}
.container_main.container_main--fanspage .item[data-v-202ba430] {
      color: #4A90E2;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.container_main.container_main--fanspage .item .icon[data-v-202ba430] {
        width: 1em;
        margin-right: 1em;
        padding: 0;
        margin-left: 0;
}
.container_main.container_main--fanspage .item .icon.facebook[data-v-202ba430] {
          color: #3a5998;
}
.container_main.container_main--fanspage .item .icon.line[data-v-202ba430] {
          color: #00b900;
}
.container_main.container_main--fanspage .item .fa.fa-caret-right[data-v-202ba430] {
        color: #4990e2;
        margin-right: .6em;
        opacity: 0;
        transition: opacity .4s linear;
}
.container_main.container_main--fanspage .item + .item[data-v-202ba430]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        opacity: .3;
        background-color: #C7C7C7;
        margin: 1.4em 0;
}
.container_main.container_main--fanspage .item:hover .fa.fa-caret-right[data-v-202ba430] {
        opacity: 1;
}
.container_main.container_main--fanspage .item.active .fa.fa-caret-right[data-v-202ba430] {
        opacity: 0;
}
.container_main.container_main--fanspage .item.active .btn[data-v-202ba430] {
        cursor: default;
        border-color: #4990e2;
        background-color: white;
}
.container_main.container_main--fanspage .item .img[data-v-202ba430] {
        width: 50px;
        height: 50px;
        margin-right: 1em;
        border-radius: 2px;
}
.container_main.container_main--fanspage .item .text_link[data-v-202ba430] {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        text-decoration: none;
        margin-right: 1em;
}
.container_main.container_main--fanspage .item .text_link > a[data-v-202ba430] {
          display: inline-block;
          vertical-align: middle;
          color: inherit;
          text-decoration: none;
          margin-right: 1em;
}
.container_main.container_main--fanspage .item .text_link > a > span[data-v-202ba430] {
            font-size: 12px;
            color: #ACACAC;
            line-height: 1.7;
}
.container_main.container_main--fanspage .item .text_link > a.goto-livechat span[data-v-202ba430] {
          color: #f25f8b;
}
.container_main.container_main--fanspage .item .text_link > a.goto-livechat .fa[data-v-202ba430] {
          margin-left: 5px;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-202ba430],
      .container_main.container_main--fanspage .item .icon-line-delete[data-v-202ba430] {
        cursor: pointer;
        display: inline-block;
        font-size: 1.2em;
        border: 0;
        background-color: none;
        transtion: .3s linear color;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-202ba430]:hover,
        .container_main.container_main--fanspage .item .icon-line-delete[data-v-202ba430]:hover {
          color: #4990e2;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-202ba430] {
        vertical-align: middle;
        margin-left: 0.65em;
}
.container_main.container_main--fanspage .item .icon-line-delete[data-v-202ba430] {
        margin-left: .4em;
        margin-right: auto;
}
.container_main.container_main--fanspage .item .svg[data-v-202ba430] {
        margin-left: .6em;
}
.container_main.container_main--fanspage .item .btn[data-v-202ba430] {
        min-width: 120px;
        width: auto;
        height: auto;
        border: solid 1px #4990e2;
        padding: .4em 1em;
        margin-left: 1em;
        border-radius: 4px;
        background-color: white;
        color: #4990e2;
        transition: background-color .4s, border-color .4s, color .4s;
}
.container_main.container_main--fanspage .item .btn[data-v-202ba430]:not(:disabled):hover {
          background-color: #4990e2;
          border-color: #2f80de;
          color: white;
}
.container_main.container_main--fanspage .item .btn.btn-ghost[data-v-202ba430] {
          border-color: transparent;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
}
.container_main.container_main--fanspage .item .btn.btn-ghost .fa[data-v-202ba430]::before {
            margin-right: 0;
}
.container_main.container_main--fanspage .item .btn.btn-ghost .fa ~ span[data-v-202ba430] {
            margin-left: 5px;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active[data-v-202ba430] {
          color: transparent;
          background-color: #4990e2;
          position: relative;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active .fa[data-v-202ba430] {
            color: white;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active .fa ~ span[data-v-202ba430] {
            display: none;
}
.container_main.container_main--fanspage .item .text[data-v-202ba430] {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.container_main.container_main--fanspage .item .text span[data-v-202ba430] {
          display: block;
          color: #4A90E2;
}
.container_main.container_main--fanspage .item .text span.tip[data-v-202ba430] {
            font-size: .9em;
            color: #ACACAC;
}
.container_main.container_main--fanspage .item .text.text_link[data-v-202ba430] {
          color: #4990e2;
          text-decoration: none;
}
.container_main.container_main--fanspage .item.disabled img.img[data-v-202ba430] {
      filter: grayscale(1);
}
.container_main.container_main--fanspage .item.disabled .fa.fa-caret-right[data-v-202ba430] {
      color: #ACACAC;
}
.container_main.container_main--fanspage .item.disabled .text span[data-v-202ba430]:not(.tip) {
      color: #4A4A4A;
}
.container_main.container_main--fanspage .item.disabled .btn[data-v-202ba430] {
      border-color: #9B9B9B;
      color: #9B9B9B;
}
.container_main.container_main--timezone .ddl[data-v-202ba430] {
    width: 356px;
    height: 32px;
    margin-top: 24px;
}
.container_main.container_main--opentime .container--settime[data-v-202ba430] {
    margin-top: 15px;
}
.container_main.container_main--opentime .container--settime .inp--settime[data-v-202ba430] {
      text-align: right;
      border-radius: 4px;
      border: solid 1px #acacac;
}
.container_main.container_main--opentime .container--settime .text--settime[data-v-202ba430] {
      display: inline-block;
      color: #4A4A4A;
      margin: 0 .6em;
}
.container_main.container_main--opentime .container--settime .btn[data-v-202ba430] {
      display: inline-block;
}
.workhours .condition[data-v-202ba430] {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  color: #424242;
}
.workhours .condition + .condition[data-v-202ba430] {
    margin-top: 2em;
}
.workhours .condition .condition_title[data-v-202ba430] {
    font-size: 1em;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 100%;
}
.workhours .condition .condition_inputs[data-v-202ba430] {
    margin-top: .6em;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 100%;
}
.workhours .condition .condition_inputs .timezon[data-v-202ba430] {
      width: 55px;
}
.workhours .condition .condition_inputs.tags-input[data-v-202ba430] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.workhours .condition .condition_inputs.tags-input div.tag[data-v-202ba430] {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: auto;
      max-width: 33%;
}
.workhours .condition .condition_inputs.tags-input div.tag p.text[data-v-202ba430] {
        line-height: 20px;
}
.workhours .condition .condition_inputs.tags-input input.inp[data-v-202ba430] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      max-width: 100%;
}
.disconnect-title span[data-v-202ba430]:nth-child(1) {
  color: #f25f8b;
  margin: 0 0.4em;
}
.text_link .icon-line-edit[data-v-202ba430] {
  vertical-align: middle;
  margin-left: 0.65em;
}
.btn-prefix[data-v-202ba430] {
  position: relative;
}
.btn-prefix[data-v-202ba430]::before {
    content: attr(data-prefix);
    position: absolute;
    top: 50%;
    left: -15%;
    white-space: nowrap;
    color: #f25f8b;
    transform: translate(-100%, -50%);
}
.btn-prefix.btn-prefix-large[data-v-202ba430]::before {
    font-size: 2em;
}

.svg[data-v-3aaf3ab8] {
  border-radius: 2px;
}
.fill[data-v-3aaf3ab8] {
  fill: currentColor;
}

.svg[data-v-606912ec] {
  border-radius: 2px;
}
.fill[data-v-606912ec] {
  fill: currentColor;
}

.loading-wrap[data-v-20f4389d] {
  color: #ACACAC;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 6;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.6);
  transition: .1s linear visibility, .1s linear opacity;
}
.loading-wrap.active[data-v-20f4389d] {
    transition: .2s linear visibility, .2s linear opacity;
    visibility: visible;
    opacity: 1;
}

.card-postback-wrapper[data-v-66a17edc] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter .4s;
  transition: backdrop-filter .4s;
  transition: backdrop-filter .4s, -webkit-backdrop-filter .4s;
  overflow: auto;
}
.card-postback-wrapper.active[data-v-66a17edc] {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.card-postback-wrapper.active .card-postback[data-v-66a17edc] {
      transform: translateY(0);
}
.card-postback[data-v-66a17edc] {
  position: relative;
  width: 300px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(199, 199, 199, 0.4);
  transform: translateY(8px);
  transition: transform .4s;
  padding: 4px 0;
  margin-bottom: 8px;
}
.card-postback .btn[data-v-66a17edc] {
    display: inline-block;
}
.card-postback .inp[data-v-66a17edc] {
    display: block;
    width: 292px;
    border-radius: 0;
    border: solid 1px #ACACAC;
    margin: 0 auto;
}
.card-postback .inp.postback_filter[data-v-66a17edc] {
      border-radius: 3px;
      margin-bottom: 4px;
}
.postback_tags[data-v-66a17edc] {
  min-height: 26px;
  padding: 0 4px 1px 1px;
}
.postback_tags .tag[data-v-66a17edc],
  .postback_tags .btn[data-v-66a17edc] {
    font-size: 14px;
}
.postback_tags .tag[data-v-66a17edc] {
    color: #424242;
    background-color: #E8E8E8;
    padding: 0 2px 0 4px;
    margin: 0 0 3px 3px;
}
.postback_tags .tag.tag--btnless[data-v-66a17edc] {
      padding-right: 4px;
}
.postback_tags .btn[data-v-66a17edc] {
    color: #ACACAC;
    width: 14px;
    height: 14px;
    background-color: transparent;
    box-shadow: none;
    margin-top: 3px;
}
.postback_tags .btn .fa[data-v-66a17edc] {
      width: 14px;
      height: 14px;
}
.postback_tags .btn[data-v-66a17edc]:hover {
      color: #424242;
}
.postback_tags[data-v-66a17edc]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}
.postback_options[data-v-66a17edc] {
  overflow-y: auto;
  max-height: 236px;
}
.postback_options .item[data-v-66a17edc] {
    display: block;
    overflow: hidden;
}
.postback_options .btn[data-v-66a17edc] {
    color: #4A4A4A;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: left;
    transition: background-color .4s;
    font-size: 14px;
}
.postback_options .btn[data-v-66a17edc]:focus {
      background-color: #E8E8E8;
}
.postback_options[data-v-66a17edc]:empty::before {
    content: attr(data-empty);
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-left: 4px;
    color: #ACACAC;
}

@charset "UTF-8";
input.webhookurl-input[data-v-19214fc5] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.column-spacing[data-v-19214fc5] {
  font-size: 15px;
  color: #424242;
}
.setting-content[data-v-19214fc5] {
  width: 1040px;
  margin: 0 auto;
  padding: 0 1em;
}
.setting-content + .setting-content[data-v-19214fc5] {
    margin-top: 5em;
}
.row[data-v-19214fc5] {
  margin: 0 -1em;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.row > .col-7[data-v-19214fc5] {
    width: 58.3%;
    padding: 0 1em;
}
.row > .col-6[data-v-19214fc5] {
    width: 50%;
    padding: 0 1em;
}
.row > .col-5[data-v-19214fc5] {
    width: 41.7%;
    padding: 0 1em;
}
hr[data-v-19214fc5],
.hr[data-v-19214fc5] {
  display: block;
  height: 1px;
  width: 100%;
  margin: 2em auto;
  background-color: #C7C7C7;
  border: 0;
}
.btn[data-v-19214fc5] {
  color: white;
  width: auto;
  min-width: 160px;
  max-width: 100%;
  height: auto;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  border-radius: 4px;
  padding: .8em 1em;
  display: inline-block;
  background-color: #739E66;
  border: 1px solid #739E66;
  transition: .3s linear color , .3s linear background-color , .3s linear opacity;
}
.btn[data-v-19214fc5]:hover {
    background-color: white;
    color: #739E66;
}
.btn[disabled][data-v-19214fc5] {
    opacity: .5;
    cursor: default;
}
.btn[disabled][data-v-19214fc5]:hover {
      background-color: #739E66;
      color: white;
}
.btn.secondary[data-v-19214fc5] {
    border-color: #f25f8b;
    background-color: #f25f8b;
}
.btn.secondary[data-v-19214fc5]:hover {
      background-color: white;
      color: #f25f8b;
}
.btn.secondary[disabled][data-v-19214fc5] {
      background-color: #f25f8b;
      color: white;
}
.btn.invite[data-v-19214fc5] {
    border-color: #4990e2;
    background-color: #4990e2;
}
.btn.invite[data-v-19214fc5]:hover {
      color: #4990e2;
      background-color: white;
}
.btn.invite > i[data-v-19214fc5] {
      margin-right: .2em;
}
.setting-lightbox_wrapper .title[data-v-19214fc5] {
  color: #739E66;
  font-size: 1.6em;
  margin-bottom: 1.2em;
}
.setting-lightbox_wrapper .text[data-v-19214fc5] {
  font-size: 1em;
  line-height: 1.4;
  color: #424242;
}
.setting-lightbox_wrapper .text + .inp[data-v-19214fc5],
  .setting-lightbox_wrapper .text + .text[data-v-19214fc5] {
    margin-top: .4em;
}
.setting-lightbox_wrapper .text .focus-start[data-v-19214fc5] {
    color: #f25f8b;
    margin-left: .2em;
}
.setting-lightbox_wrapper .sub[data-v-19214fc5] {
  font-size: .9em;
  color: #4A4A4A;
  margin-top: .6em;
  margin-bottom: 2em;
}
.setting-lightbox_wrapper .inp[data-v-19214fc5] {
  width: 100%;
  border: solid 1px #B1D978;
  border-radius: 4px;
  height: auto;
  line-height: 1;
  padding: .6em 1em;
  background-color: transparent;
  color: #9B9B9B;
  font-size: 1em;
  font-size: .9em;
  display: block;
}
.setting-lightbox_wrapper .inp.gray[data-v-19214fc5] {
    border-color: #C7C7C7;
}
.setting-lightbox_wrapper .inp[disabled][data-v-19214fc5] {
    opacity: .6;
}
.setting-lightbox_wrapper .inp.textarea[data-v-19214fc5] {
    height: auto;
    min-height: 4.8em;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.4;
    resize: vertical;
    overflow: hidden;
}
.setting-lightbox_wrapper .inp.error[data-v-19214fc5] {
    border: 1px solid #f25f8b;
    box-shadow: none;
}
.setting-lightbox_wrapper span.icon + .inp[data-v-19214fc5] {
  padding: .6em 1em .6em 2.2em;
}
.setting-lightbox_wrapper .btn-box[data-v-19214fc5] {
  margin-top: 3em;
  text-align: right;
}
.setting-lightbox_wrapper .btn-box .btn[data-v-19214fc5] {
    text-align: center;
    display: inline-block;
}
.setting-lightbox_wrapper .webhook-url-block[data-v-19214fc5] {
  background-color: #E9E9E9;
  position: relative;
  padding: .6em .6em;
  border-radius: 4px;
}
.setting-lightbox_wrapper .webhook-url-block p[data-v-19214fc5] {
    display: block;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 0;
    height: auto;
    border: 0;
    background-color: transparent;
}
.setting-lightbox_wrapper .webhook-url-block p.http[data-v-19214fc5] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper .webhook-url-block .click[data-v-19214fc5] {
    color: #4A4A4A;
    cursor: pointer;
    transition: .3s linear color;
}
.setting-lightbox_wrapper .webhook-url-block .click[data-v-19214fc5]:hover {
      color: #739E66;
}
.setting-lightbox_wrapper.delete-flatform > .title[data-v-19214fc5] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1em;
}
.setting-lightbox_wrapper.delete-flatform > .title > i[data-v-19214fc5] {
    font-size: 3.2em;
    margin-right: .2em;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header[data-v-19214fc5] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-title[data-v-19214fc5] {
      font-size: 1.2em;
      line-height: 1.2;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-description[data-v-19214fc5] {
      font-size: 1.2em;
      line-height: 1.2;
}
.setting-lightbox_wrapper.delete-flatform > .title > .disconnect-header .disconnect-description span.platform-name[data-v-19214fc5] {
        color: #f25f8b;
}
.setting-lightbox_wrapper.edit-line ul.edit-box li + li[data-v-19214fc5] {
  margin-top: 1em;
}
.setting-lightbox_wrapper.edit-line ul.edit-box li > p[data-v-19214fc5] {
  margin-bottom: .4em;
}
.setting-lightbox_wrapper.connect-platform[data-v-19214fc5] {
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.setting-lightbox_wrapper.connect-platform .lightbox-header[data-v-19214fc5] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper.connect-platform .lightbox-body[data-v-19214fc5] {
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 2em 0;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer[data-v-19214fc5] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer p[data-v-19214fc5] {
      font-size: .9em;
      line-height: 1.4;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box[data-v-19214fc5] {
      margin-top: 0;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box.text-align-center[data-v-19214fc5] {
        text-align: center;
}
.setting-lightbox_wrapper.connect-platform .lightbox-footer .btn-box.text-align-center .btn[data-v-19214fc5] {
          min-width: 200px;
          font-size: 1.2em;
}
.setting-lightbox_wrapper.connect-platform h2.step-box b[data-v-19214fc5] {
    display: inline-block;
    margin-right: .6em;
    font-weight: bold;
    font-size: .6em;
    color: #ACACAC;
}
.setting-lightbox_wrapper.connect-platform h2.step-box span.icon-step[data-v-19214fc5] {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 99rem;
    border: 4px solid #739E66;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    color: #739E66;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 1rem;
    vertical-align: middle;
}
.setting-lightbox_wrapper.connect-platform h2.step-box span[data-v-19214fc5] {
    display: inline-block;
    color: #739E66;
    font-size: 1em;
    vertical-align: middle;
}
.setting-lightbox_wrapper.connect-platform h2.step-box .click-down[data-v-19214fc5] {
    color: #739E66;
    text-decoration: underline;
    cursor: pointer;
}
.setting-lightbox_wrapper.connect-platform .detail-content[data-v-19214fc5] {
    font-size: .9em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li[data-v-19214fc5] {
      line-height: 1.2;
      padding-left: 1em;
      text-indent: -1em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li + li[data-v-19214fc5] {
        margin-top: .8em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li[data-v-19214fc5]::before {
        content: "\FF0E";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list[data-v-19214fc5]::before {
        opacity: 0;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-19214fc5],
      .setting-lightbox_wrapper.connect-platform .detail-content li span[data-v-19214fc5] {
        color: #739E66;
        transition: .3s linear color;
        padding: 0 .2em;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-19214fc5] {
        text-decoration: none;
}
.setting-lightbox_wrapper.connect-platform .detail-content li a[data-v-19214fc5]:hover {
        color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.tip[data-v-19214fc5] {
        color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.tip[data-v-19214fc5]::before {
          content: "\FF0A";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list-type[data-v-19214fc5] {
        text-indent: 0;
}
.setting-lightbox_wrapper.connect-platform .detail-content li.no-list-type[data-v-19214fc5]::before {
          content: "";
}
.setting-lightbox_wrapper.connect-platform .detail-content li.line-two-zero-point[data-v-19214fc5] {
        margin-top: 1.6rem;
}
.setting-lightbox_wrapper.connect-platform .img-content[data-v-19214fc5] {
    margin-top: 2em;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.setting-lightbox_wrapper.connect-platform .img-content img[data-v-19214fc5], .setting-lightbox_wrapper.connect-platform .img-content video[data-v-19214fc5] {
      width: 100%;
      height: auto;
      max-height: 500px;
      object-fit: contain;
}
.setting-lightbox_wrapper.connect-platform .input-content[data-v-19214fc5] {
    margin-top: 2em;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    position: relative;
}
.setting-lightbox_wrapper.connect-platform .input-content span.icon[data-v-19214fc5] {
      position: absolute;
      top: 50%;
      left: 9px;
      transform: translateY(-50%);
      color: #9B9B9B;
}
.setting-lightbox_wrapper.connect-platform .input-content .error[data-v-19214fc5] {
      display: block;
      font-size: .9em;
      margin-top: .6em;
      color: #f25f8b;
}
.setting-lightbox_wrapper.connect-platform .input-content + .input-content[data-v-19214fc5] {
    margin-top: 1em;
}
.setting-lightbox_wrapper.composer-input-disalbed img[data-v-19214fc5] {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.setting-lightbox_wrapper.composer-input-disalbed p[data-v-19214fc5] {
  font-size: .9em;
  line-height: 1.26;
  margin-top: 1em;
}
.container.container--menu[data-v-19214fc5], .container.container--fanspage[data-v-19214fc5], .container.container--administrator[data-v-19214fc5] {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.container.container--menu[data-v-19214fc5] {
  width: 50%;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.container.container--administrator[data-v-19214fc5] {
  width: 50%;
}
.container_main[data-v-19214fc5] {
  padding: 0;
  font-size: .9em;
}
.container_main p[data-v-19214fc5] {
    line-height: 1.4;
}
.container_main.container_main--status[data-v-19214fc5] {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
}
.container_main.container_main--fanspage[data-v-19214fc5] {
    position: relative;
}
.container_main.container_main--fanspage .item[data-v-19214fc5] {
      color: #4A90E2;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.container_main.container_main--fanspage .item .icon[data-v-19214fc5] {
        width: 1em;
        margin-right: 1em;
        padding: 0;
        margin-left: 0;
}
.container_main.container_main--fanspage .item .icon.facebook[data-v-19214fc5] {
          color: #3a5998;
}
.container_main.container_main--fanspage .item .icon.line[data-v-19214fc5] {
          color: #00b900;
}
.container_main.container_main--fanspage .item .fa.fa-caret-right[data-v-19214fc5] {
        color: #4990e2;
        margin-right: .6em;
        opacity: 0;
        transition: opacity .4s linear;
}
.container_main.container_main--fanspage .item + .item[data-v-19214fc5]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        opacity: .3;
        background-color: #C7C7C7;
        margin: 1.4em 0;
}
.container_main.container_main--fanspage .item:hover .fa.fa-caret-right[data-v-19214fc5] {
        opacity: 1;
}
.container_main.container_main--fanspage .item.active .fa.fa-caret-right[data-v-19214fc5] {
        opacity: 0;
}
.container_main.container_main--fanspage .item.active .btn[data-v-19214fc5] {
        cursor: default;
        border-color: #4990e2;
        background-color: white;
}
.container_main.container_main--fanspage .item .img[data-v-19214fc5] {
        width: 50px;
        height: 50px;
        margin-right: 1em;
        border-radius: 2px;
}
.container_main.container_main--fanspage .item .text_link[data-v-19214fc5] {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        text-decoration: none;
        margin-right: 1em;
}
.container_main.container_main--fanspage .item .text_link > a[data-v-19214fc5] {
          display: inline-block;
          vertical-align: middle;
          color: inherit;
          text-decoration: none;
          margin-right: 1em;
}
.container_main.container_main--fanspage .item .text_link > a > span[data-v-19214fc5] {
            font-size: 12px;
            color: #ACACAC;
            line-height: 1.7;
}
.container_main.container_main--fanspage .item .text_link > a.goto-livechat span[data-v-19214fc5] {
          color: #f25f8b;
}
.container_main.container_main--fanspage .item .text_link > a.goto-livechat .fa[data-v-19214fc5] {
          margin-left: 5px;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-19214fc5],
      .container_main.container_main--fanspage .item .icon-line-delete[data-v-19214fc5] {
        cursor: pointer;
        display: inline-block;
        font-size: 1.2em;
        border: 0;
        background-color: none;
        transtion: .3s linear color;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-19214fc5]:hover,
        .container_main.container_main--fanspage .item .icon-line-delete[data-v-19214fc5]:hover {
          color: #4990e2;
}
.container_main.container_main--fanspage .item .icon-line-edit[data-v-19214fc5] {
        vertical-align: middle;
        margin-left: 0.65em;
}
.container_main.container_main--fanspage .item .icon-line-delete[data-v-19214fc5] {
        margin-left: .4em;
        margin-right: auto;
}
.container_main.container_main--fanspage .item .svg[data-v-19214fc5] {
        margin-left: .6em;
}
.container_main.container_main--fanspage .item .btn[data-v-19214fc5] {
        min-width: 120px;
        width: auto;
        height: auto;
        border: solid 1px #4990e2;
        padding: .4em 1em;
        margin-left: 1em;
        border-radius: 4px;
        background-color: white;
        color: #4990e2;
        transition: background-color .4s, border-color .4s, color .4s;
}
.container_main.container_main--fanspage .item .btn[data-v-19214fc5]:not(:disabled):hover {
          background-color: #4990e2;
          border-color: #2f80de;
          color: white;
}
.container_main.container_main--fanspage .item .btn.btn-ghost[data-v-19214fc5] {
          border-color: transparent;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
}
.container_main.container_main--fanspage .item .btn.btn-ghost .fa[data-v-19214fc5]::before {
            margin-right: 0;
}
.container_main.container_main--fanspage .item .btn.btn-ghost .fa ~ span[data-v-19214fc5] {
            margin-left: 5px;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active[data-v-19214fc5] {
          color: transparent;
          background-color: #4990e2;
          position: relative;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active .fa[data-v-19214fc5] {
            color: white;
}
.container_main.container_main--fanspage .item .btn.btn-ghost.active .fa ~ span[data-v-19214fc5] {
            display: none;
}
.container_main.container_main--fanspage .item .text[data-v-19214fc5] {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.container_main.container_main--fanspage .item .text span[data-v-19214fc5] {
          display: block;
          color: #4A90E2;
}
.container_main.container_main--fanspage .item .text span.tip[data-v-19214fc5] {
            font-size: .9em;
            color: #ACACAC;
}
.container_main.container_main--fanspage .item .text.text_link[data-v-19214fc5] {
          color: #4990e2;
          text-decoration: none;
}
.container_main.container_main--fanspage .item.disabled img.img[data-v-19214fc5] {
      filter: grayscale(1);
}
.container_main.container_main--fanspage .item.disabled .fa.fa-caret-right[data-v-19214fc5] {
      color: #ACACAC;
}
.container_main.container_main--fanspage .item.disabled .text span[data-v-19214fc5]:not(.tip) {
      color: #4A4A4A;
}
.container_main.container_main--fanspage .item.disabled .btn[data-v-19214fc5] {
      border-color: #9B9B9B;
      color: #9B9B9B;
}
.container_main.container_main--timezone .ddl[data-v-19214fc5] {
    width: 356px;
    height: 32px;
    margin-top: 24px;
}
.container_main.container_main--opentime .container--settime[data-v-19214fc5] {
    margin-top: 15px;
}
.container_main.container_main--opentime .container--settime .inp--settime[data-v-19214fc5] {
      text-align: right;
      border-radius: 4px;
      border: solid 1px #acacac;
}
.container_main.container_main--opentime .container--settime .text--settime[data-v-19214fc5] {
      display: inline-block;
      color: #4A4A4A;
      margin: 0 .6em;
}
.container_main.container_main--opentime .container--settime .btn[data-v-19214fc5] {
      display: inline-block;
}
.workhours .condition[data-v-19214fc5] {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  color: #424242;
}
.workhours .condition + .condition[data-v-19214fc5] {
    margin-top: 2em;
}
.workhours .condition .condition_title[data-v-19214fc5] {
    font-size: 1em;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 100%;
}
.workhours .condition .condition_inputs[data-v-19214fc5] {
    margin-top: .6em;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 100%;
}
.workhours .condition .condition_inputs .timezon[data-v-19214fc5] {
      width: 55px;
}
.workhours .condition .condition_inputs.tags-input[data-v-19214fc5] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.workhours .condition .condition_inputs.tags-input div.tag[data-v-19214fc5] {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: auto;
      max-width: 33%;
}
.workhours .condition .condition_inputs.tags-input div.tag p.text[data-v-19214fc5] {
        line-height: 20px;
}
.workhours .condition .condition_inputs.tags-input input.inp[data-v-19214fc5] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      max-width: 100%;
}
.inp[data-v-19214fc5] {
  margin: 1em auto;
}
.swtich-row[data-v-19214fc5] {
  margin-top: 1.4em;
  color: #739E66;
}
.swtich-row span[data-v-19214fc5] {
    margin-left: .6em;
}
.use-utm-wrap[data-v-19214fc5] {
  display: none;
}
a.facebook-developer-file[data-v-19214fc5] {
  color: #739E66;
  margin: 0 .2em;
  text-decoration: underline;
}

.ConnectFacebookGuideSpotlightOverlay_FixBodyStyle {
  position: relative;
}

/*# sourceMappingURL=app.2580664651243462ee5ed0e9308f51db.css.map*/