@charset "UTF-8";
@font-face {
  font-family: "helx";
  src: local("☺"), url("/assets/hg/DB-Helvethaica-X-Thin-v3.2-3dbe51c38f66793f50e25a1645bec791031127c9aa6636c2b6899483d486d5ce.woff") format("woff"), url("/assets/hg/DB-Helvethaica-X-Thin-v3.2-d3516da92ce3c4d9a696f7055ad4458cb4e6733672d9970f874ce7b30efc5b5b.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "helx";
  src: local("☺"), url("/assets/hg/DB-Helvethaica-X-v3.2-d2630813191bb250187745d8913f414585893765b0339102784e3c1e78890d6a.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "helx";
  src: local("☺"), url("/assets/hg/DB-Helvethaica-X-Med-v3.2-da2f3b7170744f83dc731c8435960a8561a42fa4be258e25fec5063dac327f5b.woff") format("woff"), url("/assets/hg/DB-Helvethaica-X-Med-v3.2-f388fa6bffa58f28805145e751732c7f22c33ab748e9fbf9269a165efb2fbf24.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "helx";
  src: local("☺"), url("/assets/hg/DB-Helvethaica-X-Blk-v3.2-adeb6ceb7fc2385f420d4f1ea451a92626974da2bbc26916c65a0a4a69b5b595.woff") format("woff"), url("/assets/hg/DB-Helvethaica-X-Blk-v3.2-1edaced954fc135fa5387ffc3e6ff1849f052fbcc8fecd65ff7a4629dcdde559.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "helx";
  src: local("☺"), url("/assets/hg/DB-Helvethaica-X-Bd-v3.2-c71cbe6ad187ed1e6b8df1f24ef1b0b8d0074a644852804d16741699f13735f9.woff") format("woff"), url("/assets/hg/DB-Helvethaica-X-Bd-v3.2-13444169038a24aa15c61c81d3a71fbb82f6269505cf449a7b7040bbd46b46d5.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/icons.css.sass */
.glyphicons {
  top: 0;
  padding-left: 48px;
  vertical-align: middle; }
  /* line 6, /drone/softbaked/page365/app/assets/stylesheets/hg/icons.css.sass */
  .glyphicons:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    margin: 0 5px 0 0;
    font: 24px/1em "Glyphicons Regular";
    text-transform: none; }
/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
section.main {
  position: relative; }

/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
#panel {
  overflow: visible; }

/* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
#menu.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  background-color: #3E4146; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
  #menu.slideout-menu a:hover {
    text-decoration: none; }
  /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
  #menu.slideout-menu header.menu-header {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #85888d;
    padding: 20px 0 20px 60px;
    background: no-repeat 15px 15px;
    background-size: 32px; }
    /* line 32, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
    #menu.slideout-menu header.menu-header .menu-title {
      padding: 0;
      max-width: 180px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #ddd; }
  /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
  #menu.slideout-menu .menu-section {
    margin: 25px 0;
    position: relative; }
  /* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
  #menu.slideout-menu .menu-title {
    color: #85888d;
    letter-spacing: 1px;
    padding: 0 20px;
    margin: 0; }
  /* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
  #menu.slideout-menu .menu-list {
    padding: 0;
    margin: 10px 0;
    list-style: none; }
    /* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
    #menu.slideout-menu .menu-list li {
      border-top: 1px solid #555; }
      /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
      #menu.slideout-menu .menu-list li.active {
        background-color: #3A3A3A; }
        /* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
        #menu.slideout-menu .menu-list li.active a {
          color: #fff; }
      /* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
      #menu.slideout-menu .menu-list li:last-child {
        border-bottom: 1px solid #555; }
      /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
      #menu.slideout-menu .menu-list li a {
        color: #AAAFB3;
        display: block;
        padding: 10px 20px; }
        /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
        #menu.slideout-menu .menu-list li a .badge {
          font-size: 14px;
          background-color: #ef4836; }
          /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
          #menu.slideout-menu .menu-list li a .badge.beta {
            background-color: #3498DB; }
      /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
      #menu.slideout-menu .menu-list li i.glyphicons {
        padding-left: 30px;
        top: -10px; }
        /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
        #menu.slideout-menu .menu-list li i.glyphicons:before {
          font-size: 17px; }

/* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/side-panel-menu.css.sass */
.slideout-open nav#menu.slideout-menu {
  display: block; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section, nav, header, footer {
  position: absolute;
  overflow: hidden; }

/* line 5, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
nav.navbar {
  overflow: visible; }

/* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.main {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.conversations {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0; }

/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.conversation-detail {
  top: 0;
  left: 100%;
  right: -100%;
  bottom: 0; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.messages {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

/* line 34, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.conversation-detail-order {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
section.order-sheet {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.account\.nav\.conversations\.detail section.conversation-detail,
body.account\.nav\.conversations\.detail\.order section.conversation-detail,
body.account\.nav\.conversations\.detail\.order\.item section.conversation-detail {
  left: 0;
  right: 0; }

/* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet.account\.nav\.orders\.detail section.main {
  height: auto; }

/* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.account\.nav\.conversations\.detail\.order\.item section.order-item,
body.account\.nav\.orders\.detail\.item section.order-item {
  z-index: 10; }

/* line 63, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.phone section.main {
  position: fixed; }
/* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.phone section.conversation-detail-order {
  display: none; }

/* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet section.main {
  position: fixed;
  height: 100vh; }
/* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet section.conversations {
  width: 50%; }
/* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet.account\.nav\.conversations section.conversation-detail, body.tablet.account\.nav\.conversations\.detail section.conversation-detail {
  left: 50%;
  right: 0; }
/* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet.account\.nav\.conversations\.detail\.order section.conversation-detail {
  left: 0; }
/* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet.account\.nav\.conversations\.detail\.order section.messages {
  width: 50%; }
/* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.tablet.account\.nav\.conversations\.detail\.order section.conversation-detail-order {
  left: 50%; }

/* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.desktop section.conversations {
  width: 33.3%; }
/* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.desktop section.conversation-detail {
  left: 33.3%;
  right: 0; }
/* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.desktop section.messages {
  width: 50%; }
/* line 96, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
body.desktop section.conversation-detail-order {
  left: 50%; }

/* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.sweet-overlay, .sweet-alert {
  z-index: 999999; }

/* line 102, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
th.switch {
  pointer-events: none; }

/* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.noty_text {
  font-size: 100%; }

/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
#slimfaq .slimfaq-button {
  display: none !important; }

/* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.infinite-load-more {
  cursor: pointer;
  color: #26B899;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center; }

/* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.infinite-load-more:hover {
  color: #139f85; }

/* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-xs {
  padding: 0.25em; }

/* line 125, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-sm {
  padding: 0.5em; }

/* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-md {
  padding: 1em; }

/* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-lg {
  padding: 1.5em; }

/* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-xl {
  padding: 3em; }

/* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-x-xs {
  padding: 0.25em 0; }

/* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-x-sm {
  padding: 0.5em 0; }

/* line 138, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-x-md {
  padding: 1em 0; }

/* line 140, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-x-lg {
  padding: 1.5em 0; }

/* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-x-xl {
  padding: 3em 0; }

/* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-y-xs {
  padding: 0 0.25em; }

/* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-y-sm {
  padding: 0 0.5em; }

/* line 150, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-y-md {
  padding: 0 1em; }

/* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-y-lg {
  padding: 0 1.5em; }

/* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-y-xl {
  padding: 0 3em; }

/* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-top-xs {
  padding-top: 0.25em; }

/* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-top-sm {
  padding-top: 0.5em; }

/* line 161, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-top-md {
  padding-top: 1em; }

/* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-top-lg {
  padding-top: 1.5em; }

/* line 165, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-top-xl {
  padding-top: 3em; }

/* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-right-xs {
  padding-right: 0.25em; }

/* line 170, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-right-sm {
  padding-right: 0.5em; }

/* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-right-md {
  padding-right: 1em; }

/* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-right-lg {
  padding-right: 1.5em; }

/* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-right-xl {
  padding-right: 3em; }

/* line 179, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-bottom-xs {
  padding-bottom: 0.25em; }

/* line 181, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-bottom-sm {
  padding-bottom: 0.5em; }

/* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-bottom-md {
  padding-bottom: 1em; }

/* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-bottom-lg {
  padding-bottom: 1.5em; }

/* line 187, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-bottom-xl {
  padding-bottom: 3em; }

/* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-left-xs {
  padding-left: 0.25em; }

/* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-left-sm {
  padding-left: 0.5em; }

/* line 194, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-left-md {
  padding-left: 1em; }

/* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-left-lg {
  padding-left: 1.5em; }

/* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/layout.css.sass */
.padding-left-xl {
  padding-left: 3em; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/text.css.sass */
body {
  font-family: helx, sans-serif;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.3px;
  text-rendering: optimizeLegibility; }

/* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/text.css.sass */
ul {
  list-style: none;
  padding: 0; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/text.css.sass */
h3 {
  font-size: 100%;
  line-height: 22px;
  font-weight: 500; }

/* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/text.css.sass */
body.vi {
  font-size: 14px;
  font-family: sans-serif; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
.form-control {
  line-height: 22px;
  height: 28px;
  padding: 2px 6px;
  border-radius: 3px;
  box-shadow: none;
  font-size: 100%; }
  /* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02); }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
.sb-input {
  border-radius: 3px;
  border: 1px solid #ccc; }
  /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .sb-input.sb-input-inline-limit {
    padding: 3px 8px;
    margin-bottom: 15px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
    .sb-input.sb-input-inline-limit input {
      border: 0 !important;
      padding: 0 !important;
      border-radius: 0 !important;
      margin: 0 !important; }
    /* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
    .sb-input.sb-input-inline-limit .sb-input-text {
      width: calc(100% - 50px) !important;
      display: inline-block; }
    /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
    .sb-input.sb-input-inline-limit .sb-limit {
      display: inline-block;
      text-align: right;
      width: 45px; }
  /* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .sb-input.sb-input-bottom-limit {
    padding: 1px 0px 1px 1px;
    margin-bottom: 5px; }
    /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
    .sb-input.sb-input-bottom-limit .sb-input-text {
      position: relative;
      display: flex; }
  /* line 36, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .sb-input.error {
    border: 1px solid red; }

/* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
.sb-limit-footer {
  text-align: right; }
  /* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .sb-limit-footer .sb-limit {
    display: inline-block;
    font-size: 0.9em;
    color: #ccc; }
  /* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  .sb-limit-footer .error {
    color: red; }

/* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
form i.glyphicons-search {
  position: absolute;
  right: 0;
  top: 2px;
  padding-left: 33px; }
  /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
  form i.glyphicons-search::before {
    color: #bbb;
    font-size: 16px; }

/* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
::-webkit-input-placeholder {
  color: #bbb !important; }

/* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
:-moz-placeholder {
  color: #bbb !important;
  opacity: 1; }

/* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
::-moz-placeholder {
  color: #bbb !important;
  opacity: 1; }

/* line 68, /drone/softbaked/page365/app/assets/stylesheets/hg/forms.css.sass */
:-ms-input-placeholder {
  color: #bbb !important; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.app-home .container .sidebar .sidebar-item, .app-home .container .home-center .center-item.card-main .item, .app-home .container .home-center .center-item.card-main .item.onboarding .flow, .app-home .container .home-center .center-item.card-mini .item {
  border: 1px solid #E9EFF5; }

/* line 5, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.app-home .container .sidebar .sidebar-item.profile .footer, .app-home .container .sidebar .sidebar-item .footer {
  border-top: 1px solid #E9EFF5; }

/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.app-home .container .sidebar .sidebar-item.shortcut .header {
  border-bottom: 1px solid #E9EFF5; }

/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.app-home .container .sidebar .sidebar-item, .app-home .container .home-center .center-item.card-main .item, .app-home .container .home-center .center-item.card-main .item.onboarding .flow, .app-home .container .home-center .center-item.card-mini .item {
  border-radius: 3px; }

/* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.app-home .container .sidebar .sidebar-item, .app-home .container .home-center .center-item.card-main .item, .app-home .container .home-center .center-item.card-mini .item {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 6, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
.app-home {
  position: relative;
  overflow: auto;
  height: 100%;
  padding-top: 20px;
  background-color: #F5F7F8 !important; }
  /* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  .app-home a {
    cursor: pointer;
    color: #2A69B3; }
  /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  .app-home .container {
    position: relative;
    display: flex; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .container .section {
      flex-grow: 2; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .container .sidebar .sidebar-item {
      width: 250px;
      height: auto;
      margin: auto auto 10px auto;
      background-color: white; }
      /* line 29, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item.profile {
        text-align: center; }
        /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .logo {
          width: 80px;
          height: 80px;
          margin: 20px auto 10px;
          border-radius: 50%;
          border: 3px solid #E9EFF5;
          background-color: #FCFCFD;
          background-size: cover; }
          /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item.profile .logo img {
            width: 100%;
            height: 100%;
            border-radius: 50%; }
        /* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .shop-name {
          font-weight: bold;
          margin: 0 20px; }
        /* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .type {
          color: #7B868A; }
        /* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .about {
          margin: 10px 20px; }
        /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .tel {
          padding: 0 20px 20px; }
        /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.profile .footer {
          text-align: center;
          width: 100%;
          height: auto;
          padding: 15px 20px;
          border-radius: 0 0 3px 3px;
          background-color: #FCFCFD; }
      /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item.shortcut .header {
        font-weight: bold;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        border-radius: 3px 3px 0 0; }
      /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item.shortcut .content {
        padding: 15px 0; }
        /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item.shortcut .content .item {
          cursor: pointer;
          padding: 5px 20px; }
          /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item.shortcut .content .item .icon {
            display: inline-block;
            width: 17px;
            height: 17px; }
            /* line 78, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .sidebar .sidebar-item.shortcut .content .item .icon img {
              vertical-align: middle;
              width: 100%;
              height: 100%; }
          /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item.shortcut .content .item .shortcut-name {
            display: inline-block;
            margin-left: 10px; }
          /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item.shortcut .content .item a {
            color: #333333;
            text-decoration: none; }
          /* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item.shortcut .content .item:hover {
            background-color: #FCFCFD; }
      /* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item .head {
        padding: 20px 20px 10px; }
        /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item .head .icon {
          display: inline-block;
          vertical-align: middle;
          width: 35px;
          height: 35px;
          padding: 5px 7px;
          border-radius: 50%;
          background-color: rgba(42, 105, 179, 0.1); }
          /* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item .head .icon img {
            width: 100%;
            height: 100%; }
        /* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item .head .title {
          display: inline-block;
          vertical-align: middle;
          font-weight: bold;
          width: 100%;
          max-width: calc(100% - 55px);
          padding-left: 10px; }
      /* line 110, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item .content {
        padding: 0 20px 20px; }
        /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item .content .detail {
          color: #7B868A; }
          /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .sidebar .sidebar-item .content .detail .icon-email {
            vertical-align: middle;
            width: 15px;
            height: 15px;
            margin-right: 10px; }
        /* line 119, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .sidebar .sidebar-item .content .card-link {
          margin-top: 10px; }
      /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item .footer {
        text-align: center;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        border-radius: 0px 0px 3px 3px;
        background-color: #FCFCFD; }
      /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item.card-feedback {
        height: auto; }
      /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .sidebar .sidebar-item.card-error .head .icon {
        background-color: rgba(249, 168, 37, 0.1); }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .container .home-center {
      width: 100%; }
      /* line 138, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      .app-home .container .home-center .center-item {
        width: 100%;
        margin: auto auto 10px auto; }
        /* line 141, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .home-center .center-item.card-main {
          max-width: 600px; }
          /* line 143, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .home-center .center-item.card-main .item {
            max-width: 600px;
            margin-bottom: 10px;
            background-color: #fff; }
            /* line 150, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-main .item.onboarding {
              padding: 20px; }
              /* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.onboarding .title {
                display: inline-block;
                font-weight: bold;
                font-size: 120%; }
              /* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.onboarding .card-action {
                float: right;
                cursor: pointer; }
                /* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-toggle {
                  padding: 0 5px;
                  line-height: 16px;
                  color: #CBD0D5; }
                  /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                  .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-toggle .detail {
                    font-size: 90%;
                    color: #7B868A; }
                  /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                  .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-toggle:hover {
                    color: #7B868A; }
                /* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu {
                  min-width: 250px;
                  border-radius: 3px;
                  border: 1px solid #E9EFF5; }
                  /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                  .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list {
                    max-width: 300px; }
                    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                    .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item {
                      padding: 10px 15px; }
                      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                      .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item .title {
                        font-size: 100%;
                        font-weight: bold; }
                      /* line 179, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                      .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item .detail {
                        position: relative;
                        font-size: 100%;
                        padding: 0 0 0 30px;
                        color: #7B868A; }
                      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                      .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item .glyphicons {
                        top: -9px;
                        padding-left: 26px;
                        padding-right: 0px; }
                        /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                        .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item .glyphicons:before {
                          font-size: 16px; }
                      /* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                      .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item:hover {
                        color: #fff;
                        background-color: #2A69B3; }
                        /* line 193, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                        .app-home .container .home-center .center-item.card-main .item.onboarding .card-action .dropdown-menu .dropdown-list .dropdown-item:hover .detail {
                          color: #FCFCFD; }
              /* line 195, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.onboarding .next {
                width: 100%;
                padding: 5px 0;
                color: #7B868A; }
              /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.onboarding .flow {
                margin: 10px 0;
                padding: 15px;
                background-color: #FCFCFD; }
                /* line 205, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .flow .flow-name {
                  font-weight: bold;
                  color: #7B868A; }
                /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .flow .flow-detail {
                  color: #7B868A; }
                /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .flow .sb-button {
                  margin-top: 10px;
                  margin-left: 0; }
                /* line 213, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.onboarding .flow.active {
                  border: 1px solid rgba(42, 105, 179, 0.1);
                  background-color: rgba(42, 105, 179, 0.1); }
                  /* line 217, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                  .app-home .container .home-center .center-item.card-main .item.onboarding .flow.active .flow-name.active {
                    color: #333333; }
            /* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-main .item.upgrade {
              padding: 20px; }
              /* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.upgrade .icon {
                display: inline-block;
                width: 80px;
                height: auto; }
              /* line 225, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.upgrade .content {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px; }
                /* line 229, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.upgrade .content .title {
                  font-weight: bold; }
                /* line 231, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.upgrade .content .detail {
                  color: #FCFCFD; }
            /* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-main .item.video {
              position: relative;
              padding: 20px;
              margin-top: 40px; }
              /* line 237, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.video .video-mockup {
                cursor: pointer;
                display: inline-block;
                width: 170px;
                height: 100px;
                border-radius: 3px;
                background-color: #FCFCFD; }
                /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.video .video-mockup img {
                  width: 100%;
                  height: 100%;
                  border-radius: 3px; }
              /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.video .detail {
                display: inline-block;
                vertical-align: top;
                margin-left: 10px; }
                /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.video .detail .title {
                  font-weight: bold; }
                /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.video .detail .video-name {
                  cursor: pointer;
                  max-width: 220px; }
              /* line 257, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.video .pimplern {
                position: absolute;
                bottom: 0;
                right: -10px; }
                /* line 261, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.video .pimplern img {
                  width: 200px; }
            /* line 263, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-main .item.how-to {
              position: relative;
              padding: 20px; }
              /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.how-to .pimplern {
                position: absolute;
                bottom: -5px;
                left: -10px; }
                /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.how-to .pimplern img {
                  width: 180px; }
              /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.how-to .how-to-content {
                margin-left: 184px; }
                /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.how-to .how-to-content .title {
                  font-weight: bold; }
                /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.how-to .how-to-content .sb-button {
                  text-decoration: none;
                  margin-top: 10px;
                  margin-left: 0; }
            /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-main .item.mobile-app .content {
              padding: 20px; }
              /* line 283, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.mobile-app .content .title {
                font-weight: bold; }
              /* line 285, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.mobile-app .content .detail {
                color: #7B868A; }
              /* line 287, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-main .item.mobile-app .content .store {
                margin-top: 10px; }
                /* line 289, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                .app-home .container .home-center .center-item.card-main .item.mobile-app .content .store .icon-store {
                  display: inline-block;
                  margin-bottom: 10px; }
                  /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
                  .app-home .container .home-center .center-item.card-main .item.mobile-app .content .store .icon-store img {
                    max-width: 160px; }
        /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        .app-home .container .home-center .center-item.card-mini {
          display: flex;
          max-width: 600px; }
          /* line 297, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
          .app-home .container .home-center .center-item.card-mini .item {
            flex-grow: 1;
            padding: 20px;
            background-color: #fff; }
            /* line 304, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item .title {
              margin-bottom: 5px; }
            /* line 306, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item .count {
              display: inline-block;
              color: #7B868A;
              font-weight: bold;
              font-size: 130%; }
              /* line 311, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-mini .item .count.active {
                color: #2A69B3; }
              /* line 313, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-mini .item .count.paid {
                color: #44BED0; }
              /* line 315, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
              .app-home .container .home-center .center-item.card-mini .item .count.sale {
                color: #9966CC; }
            /* line 317, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item .format {
              float: right;
              display: inline-block;
              color: #7B868A; }
            /* line 321, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item:nth-child(1) {
              border-top: 3px solid #2A69B3;
              cursor: pointer; }
            /* line 324, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item:nth-child(2) {
              margin: 0 10px;
              border-top: 3px solid #44BED0;
              cursor: pointer; }
            /* line 328, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
            .app-home .container .home-center .center-item.card-mini .item:nth-child(3) {
              border-top: 3px solid #9966CC; }
  /* line 330, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  .app-home .order-and-conversation-usage {
    padding: 20px; }
    /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .section-title {
      font-size: 24px;
      font-weight: 500; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .title {
      font-weight: 500; }
    /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .number {
      font-size: 30px;
      margin-top: 5px; }
    /* line 340, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .remaining {
      text-align: right; }
    /* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .current-usage {
      color: #25B865; }
    /* line 344, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .number-warning-limit {
      color: #F9A825; }
    /* line 346, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .number-over-limit {
      color: #F04545; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-container {
      width: 100%;
      height: 20px;
      margin: 15px 0; }
    /* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-total {
      position: relative;
      border: 1px solid #25B865;
      background-color: #d7d7d7;
      border-radius: 4px;
      height: 100%;
      width: 100%;
      overflow: hidden; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-total-warning {
      border-color: #F9A825; }
    /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-total-over {
      border-color: #F04545; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-current {
      position: absolute;
      height: 100%;
      background-color: #25B865;
      border-radius: 3px; }
    /* line 369, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-current-warning {
      background-color: #F9A825; }
    /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-current-over {
      background-color: #F04545; }
    /* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .guage-current-percentage {
      text-align: center;
      color: #fff;
      margin-top: -2px;
      font-weight: 500;
      position: absolute;
      width: 100%; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .detail-container {
      margin-top: 20px; }
    /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .detail-flex {
      display: flex;
      justify-content: space-between; }
    /* line 385, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    .app-home .order-and-conversation-usage .text-align-right {
      text-align: right; }

/* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
body.tablet .app-home .container {
  display: inline;
  margin-top: 0px; }
  /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  body.tablet .app-home .container .sidebar {
    max-width: 600px !important;
    margin: auto; }
    /* line 396, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.tablet .app-home .container .sidebar .sidebar-item {
      width: 100%; }
  /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  body.tablet .app-home .container .home-center {
    padding: 0 10px; }

/* line 403, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
body.phone .app-home .container {
  display: inline;
  margin-top: 0px;
  padding: 0; }
  /* line 407, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  body.phone .app-home .container .sidebar {
    padding: 0 10px;
    max-width: 600px !important;
    margin: auto; }
    /* line 411, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.phone .app-home .container .sidebar .sidebar-item {
      width: 100%; }
  /* line 413, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
  body.phone .app-home .container .home-center {
    padding: 0 10px; }
    /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.phone .app-home .container .home-center .card-mini {
      display: inline !important; }
      /* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-mini .item {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px; }
        /* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        body.phone .app-home .container .home-center .card-mini .item:nth-child(2) {
          margin: 0 0 10px 0 !important; }
    /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.phone .app-home .container .home-center .card-main .upgrade {
      text-align: center; }
      /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .upgrade .icon {
        margin-bottom: 10px; }
    /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.phone .app-home .container .home-center .card-main .video {
      display: flex;
      flex-direction: column;
      text-align: center;
      margin-top: 0 !important; }
      /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .video .video-mockup {
        order: 2;
        display: inline !important;
        margin: auto; }
      /* line 437, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .video .detail {
        order: 3;
        display: inline !important;
        margin-top: 10px; }
        /* line 441, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        body.phone .app-home .container .home-center .card-main .video .detail .video-name {
          width: 100% !important;
          max-width: 100% !important; }
      /* line 444, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .video .pimplern {
        order: 1;
        top: 0;
        width: 100%; }
        /* line 448, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
        body.phone .app-home .container .home-center .card-main .video .pimplern img {
          width: auto !important;
          height: 120px !important;
          padding-left: 90px; }
    /* line 452, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
    body.phone .app-home .container .home-center .card-main .how-to {
      margin-top: 0 !important; }
      /* line 454, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .how-to .pimplern {
        display: none; }
      /* line 456, /drone/softbaked/page365/app/assets/stylesheets/hg/home.css.sass */
      body.phone .app-home .container .home-center .card-main .how-to .how-to-content {
        margin-left: 0 !important; }
/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
nav.navbar {
  overflow: visible;
  background-color: white;
  font-size: 100%; }
  /* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar a {
    color: #848484; }
  /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar.navbar-fixed-top {
    border-bottom: 1px solid #e8e8e8; }
  /* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .menu {
    display: none; }
  /* line 14, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .navbar-nav {
    float: left;
    margin: 0;
    cursor: pointer; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-nav.god-bar {
      z-index: 99;
      position: absolute;
      background-color: white;
      width: 100%;
      height: 100%;
      left: 0; }
      /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav.god-bar .god-tags {
        padding: 1px 1px 1px 1px;
        width: 40px;
        font-size: 90%;
        height: 30px;
        margin-top: -10px;
        line-height: normal;
        border-radius: 3px; }
    /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-nav.navbar-right {
      float: right;
      margin-right: -15px; }
      /* line 36, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav.navbar-right i.glyphicons-circle-question-mark {
        top: 0;
        margin-right: 2px;
        height: 16px; }
        /* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
        nav.navbar .navbar-nav.navbar-right i.glyphicons-circle-question-mark:before {
          font-size: 70%; }
      /* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav.navbar-right i.glyphicons-crown {
        margin-right: 5px; }
    /* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-nav > li {
      float: left; }
      /* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px; }
        /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
        nav.navbar .navbar-nav > li > a:hover {
          color: #1abc9c; }
        /* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
        nav.navbar .navbar-nav > li > a > i.glyphicons {
          font-size: 20px; }
      /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav > li.open > a {
        color: #1abc9c; }
      /* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav > li.active > a, nav.navbar .navbar-nav > li.active > a:hover {
        background-color: #1abc9c;
        color: white; }
    /* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-nav i {
      display: inline-block;
      padding-left: 18px;
      height: 18px;
      color: inherit; }
      /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav i::before {
        font-size: 16px;
        color: inherit; }
    /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-nav .badge {
      background-color: #ef4836;
      font-size: 70%;
      font-weight: bold;
      line-height: 10px;
      vertical-align: middle; }
      /* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav .badge.new {
        background-color: #F89406; }
      /* line 75, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .navbar-nav .badge.beta {
        background-color: #3498DB; }
  /* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .navbar-brand {
    margin-left: -15px;
    text-indent: -1000px;
    background-image: url("/assets/hg/icon/logo-page365-b06aa51caebe32166b0ae82e664f49138e7c56a4d144fee60ebf264afa9ace73.png");
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center 12px;
    width: 110px; }
    /* line 86, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-brand.home-tab:hover {
      text-decoration: none;
      background-color: #eee;
      cursor: pointer; }
    /* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-brand.active {
      background-image: url("/assets/hg/icon/logo-page365-white-efb4bf2c1f909d3e5248d31e3345297fced2ee0e274ea9c099936daacf300c2e.png");
      background-color: #1abc9c !important; }
    /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .navbar-brand.mobile {
      background-image: url("/assets/hg/icon/logo-page365-b06aa51caebe32166b0ae82e664f49138e7c56a4d144fee60ebf264afa9ace73.png");
      background-color: white !important; }
  /* line 97, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-dd .dropdown-toggle {
    cursor: pointer;
    background: #fff;
    height: 50px;
    border-radius: 0;
    line-height: 44px;
    padding-right: 20px;
    font-size: 100%; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .nav-dd .dropdown-toggle .caret {
      color: #848484;
      position: absolute;
      margin-top: 21px; }
    /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .nav-dd .dropdown-toggle:hover {
      background: #eee; }
      /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      nav.navbar .nav-dd .dropdown-toggle:hover .nav-account-dd, nav.navbar .nav-dd .dropdown-toggle:hover .caret {
        color: #1abc9c; }
  /* line 113, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-dd li, nav.navbar .nav-dd a {
    cursor: pointer;
    line-height: 20px; }
  /* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-dd.open .dropdown-toggle {
    color: #fff;
    background: #eee; }
    /* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .nav-dd.open .dropdown-toggle .nav-account-dd, nav.navbar .nav-dd.open .dropdown-toggle .caret {
      color: #1abc9c; }
  /* line 122, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-account {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-dd li a .glyphicons:before, nav.navbar .nav-dd li a .glyphicons {
    margin-right: 5px; }
  /* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .nav-account-dd {
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 100%;
    font-weight: 500;
    color: #848484; }

/* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
section.badges {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1031; }
  /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  section.badges .window {
    position: absolute;
    width: 650px;
    height: 650px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1032;
    border-radius: 8px; }
    /* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .title {
      color: #4a4a4a; }
    /* line 161, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .detail {
      color: #888;
      font-size: 80%; }
    /* line 164, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .badge-quest {
      cursor: pointer; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .banner {
      display: inline-block;
      width: 100%;
      height: 170px;
      background-image: url("/assets/hg/background/gamify-header-c66117ce60722fb984aeed677b736e354a6a384b2435a61b11fb6bc488f4c525.png");
      background-position: center -34px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      margin-bottom: 20px; }
    /* line 175, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .header {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 120%;
      color: #444;
      background-image: url("/assets/hg/icon/gamify-ribbon-e5acff48fe1175b607db4efe56efb98167c837b350f735b478581d3a0da42d19.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 50px;
      padding-top: 8px; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window .header.level {
        top: 150px; }
    /* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .level-badges {
      margin: 0;
      padding: 20px 25px; }
      /* line 193, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window .level-badges li {
        width: 200px;
        padding: 0 20px;
        display: inline-block;
        position: relative;
        text-align: center; }
        /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
        section.badges .window .level-badges li span {
          display: inline-block;
          text-align: center;
          width: 100%; }
          /* line 203, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .level-badges li span.badge-quest {
            margin: 5px 25px;
            width: 90px;
            height: 90px; }
            /* line 207, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
            section.badges .window .level-badges li span.badge-quest.th {
              background-image: url("/assets/hg/icon/gamify-badge-level-th-3d071c758b46229eddba9f4a621700ed3712db349ee90b69f7a579732e7695b9.png"); }
            /* line 209, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
            section.badges .window .level-badges li span.badge-quest.vi, section.badges .window .level-badges li span.badge-quest.id {
              background-image: url("/assets/hg/icon/gamify-badge-level-vi-e65a8a85d31d4755da6f914c96b11131ab57e05e2d75421e42c0495c5a17efaa.png"); }
            /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
            section.badges .window .level-badges li span.badge-quest.my {
              background-image: url("/assets/hg/icon/gamify-badge-level-my-815c2667399052ab8fb46b51ac519afb17d125a1a2f999addb8aec3d726aca38.png"); }
            /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
            section.badges .window .level-badges li span.badge-quest.award.received {
              position: absolute;
              margin: 0;
              padding: 0;
              top: 57px;
              left: 50%;
              border-radius: 50%;
              transform: scale(0.4) translate(-40px, 0); }
          /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .level-badges li span.process {
            border-radius: 20px;
            background-color: #eee;
            background-image: url("/assets/hg/background/gamify-process-0c26665736edc634b7a8b5e9e75fdc3df9b0ffb86e621873732eb9c087cfe784.jpg");
            background-position: 0 0;
            background-repeat: no-repeat;
            width: 120px;
            height: 15px;
            position: relative;
            margin-bottom: -5px; }
          /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .level-badges li span.ratio {
            color: #444;
            font-size: 70%; }
    /* line 235, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window svg {
      position: absolute;
      margin-top: 30px;
      width: 120px;
      height: 5px; }
      /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window svg line {
        stroke: #ccc;
        stroke-width: 3px; }
      /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window svg.svg-left {
        left: 40px; }
      /* line 245, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window svg.svg-right {
        right: 40px; }
    /* line 247, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .one-time-badges {
      margin-top: 65px;
      margin-bottom: 0;
      padding: 0 25px; }
      /* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      section.badges .window .one-time-badges li {
        width: 120px;
        padding: 5px 0;
        display: inline-block;
        text-align: center; }
        /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
        section.badges .window .one-time-badges li span {
          display: inline-block;
          text-align: center;
          width: 100%; }
          /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .one-time-badges li span.title {
            font-size: 90%; }
          /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .one-time-badges li span.detail {
            font-size: 70%; }
          /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
          section.badges .window .one-time-badges li span.badge-quest {
            margin: 5px 27px;
            width: 65px;
            height: 65px;
            background-image: url("/assets/hg/icon/gamify-badge-one-time-50d87de6d270bb7497829a0bcb1c76df7199a506cf40382afa6b0f5593ad3d2a.png"); }
    /* line 269, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    section.badges .window .close-footer {
      display: none; }
  /* line 271, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  section.badges .backdrop {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: 1031; }

/* line 279, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
.achievement-gamify {
  padding: 0 10px !important; }
  /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .achievement-gamify .gamify-badge {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin: 8px 0; }
    /* line 287, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .achievement-gamify .gamify-badge.level {
      background-size: 520px 120px; }
      /* line 289, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      .achievement-gamify .gamify-badge.level.th {
        background-image: url("/assets/hg/icon/gamify-badge-level-th-3d071c758b46229eddba9f4a621700ed3712db349ee90b69f7a579732e7695b9.png"); }
      /* line 291, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      .achievement-gamify .gamify-badge.level.vi, .achievement-gamify .gamify-badge.level.id {
        background-image: url("/assets/hg/icon/gamify-badge-level-vi-e65a8a85d31d4755da6f914c96b11131ab57e05e2d75421e42c0495c5a17efaa.png"); }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      .achievement-gamify .gamify-badge.level.my {
        background-image: url("/assets/hg/icon/gamify-badge-level-my-815c2667399052ab8fb46b51ac519afb17d125a1a2f999addb8aec3d726aca38.png"); }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .achievement-gamify .gamify-badge.one-time {
      background-image: url("/assets/hg/icon/gamify-badge-one-time-50d87de6d270bb7497829a0bcb1c76df7199a506cf40382afa6b0f5593ad3d2a.png");
      background-size: 200px 80px; }
  /* line 299, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .achievement-gamify .noty_text {
    float: left;
    width: 230px;
    margin: 10px 0 10px 15px;
    height: 30px; }
    /* line 304, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .achievement-gamify .noty_text p:first-child {
      font-weight: 400;
      font-size: 110%;
      margin-bottom: 5px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .achievement-gamify .noty_text p:last-child {
      font-weight: 300;
      font-size: 105%; }

/* line 312, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25); }
  /* line 319, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .loading div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 100px 35px; }
    /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .loading div p {
      margin: 10px 0 0;
      font-size: 130%; }

/* line 338, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
html.slideout-open body.phone section.main {
  height: 100vh; }
/* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
html.slideout-open body.tablet main#panel.slideout-panel nav.navbar .menu-icon, html.slideout-open body.phone main#panel.slideout-panel nav.navbar .menu-icon {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.75);
  position: absolute;
  height: 100vh;
  width: 100vh; }

/* line 349, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
.account\.nav\.analytics section.main {
  height: auto !important; }

/* line 355, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet.account\.nav\.orders\.detail nav.navbar .menu-icon {
  display: none; }
/* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet.account\.nav\.orders\.detail nav.navbar .back-icon {
  display: block; }
/* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet nav.navbar .nav-account-dd {
  max-width: 70px; }
/* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet nav.navbar .menu-icon {
  display: block; }
/* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet nav.navbar .back-icon {
  display: none; }
/* line 367, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.tablet .badge.new, body.tablet .badge.beta {
  display: none; }

/* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone.account\.nav\.orders\.detail nav.navbar .menu-icon {
  display: none; }
/* line 375, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone.account\.nav\.orders\.detail nav.navbar .back-icon {
  display: block; }
/* line 377, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone.account\.nav\.orders\.detail .page-toggle.back {
  display: none; }
/* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone nav.navbar .nav-account-dd {
  max-width: 70px; }
/* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone nav.navbar .menu-icon {
  display: block; }
/* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone nav.navbar .back-icon {
  display: none; }
/* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
body.phone section.badges .window {
  padding: 30px 0;
  width: 100%;
  height: 90%;
  top: 5%;
  left: 0;
  transform: none;
  overflow-x: hidden;
  border-radius: 0; }
  /* line 395, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window .banner {
    display: none; }
  /* line 397, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window .header.level {
    top: 30px !important; }
  /* line 399, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window .level-badges {
    margin-top: 80px; }
    /* line 401, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    body.phone section.badges .window .level-badges li {
      width: 100%; }
      /* line 403, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      body.phone section.badges .window .level-badges li .title {
        height: auto !important; }
      /* line 405, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      body.phone section.badges .window .level-badges li .badge-quest {
        margin: 5px 20%; }
      /* line 407, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
      body.phone section.badges .window .level-badges li .process {
        margin: 0 20%; }
  /* line 409, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window svg {
    display: none; }
  /* line 411, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window .one-time-badges li {
    width: 50%; }
    /* line 413, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    body.phone section.badges .window .one-time-badges li:last-child {
      width: 100%; }
  /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.phone section.badges .window .close-footer {
    margin: 20px 0;
    width: 100%;
    display: inline-block;
    height: 50px;
    position: relative; }
    /* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    body.phone section.badges .window .close-footer > span {
      display: block;
      width: 160px;
      height: 40px;
      border-radius: 2px;
      background-color: #f39c0f;
      color: #fff;
      text-align: center;
      padding: 10px;
      font-size: 120%;
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      cursor: pointer; }

@media (max-width: 1000px) {
  /* line 437, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .nav-account-dd {
    max-width: 70px !important; }

  /* line 439, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .nav-top-right-button {
    height: 50px;
    width: 45px;
    font-size: 0; } }
@media (max-width: 768px) {
  /* line 450, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  html.slideout-open body.tablet.account\.nav\.conversations section.main, html.slideout-open body.tablet.account\.nav\.conversations\.detail section.main, html.slideout-open body.tablet.account\.nav\.conversations\.detail\.order section.main {
    height: 100vh; }

  /* line 454, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.tablet.account\.nav\.orders\.detail section.main {
    height: auto; }
  /* line 459, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  body.tablet.account\.nav\.conversations section.main, body.tablet.account\.nav\.conversations\.detail section.main, body.tablet.account\.nav\.conversations\.detail\.order section.main {
    height: 100%; }

  /* line 461, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav .modules {
    display: none; }

  /* line 463, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .navbar-nav .nav-dd.open .dropdown-menu {
    position: absolute;
    float: left;
    background: #fff;
    margin: 2px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

  /* line 471, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .menu-icon-container {
    position: absolute;
    height: 50px;
    left: 0; }
    /* line 475, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .menu-icon-container div {
      height: 100%;
      width: 100%;
      padding-left: 15px; }
  /* line 479, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .navbar-brand {
    margin-left: 0;
    float: none;
    width: 100%; }
  /* line 483, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .menu {
    color: #666;
    display: block;
    float: left;
    top: 12px; }
    /* line 488, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    nav.navbar .menu.glyphicons:before {
      font-size: 18px;
      top: 3px; } }
@media (min-width: 768px) {
  /* line 495, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  nav.navbar .navbar-brand.active {
    background-image: url("/assets/hg/icon/logo-page365-white-efb4bf2c1f909d3e5248d31e3345297fced2ee0e274ea9c099936daacf300c2e.png");
    background-color: #1abc9c !important; } }
@media (max-width: 599px) {
  /* line 500, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
  .navbar-nav .nav-dd.open .dropdown-menu {
    max-width: 160px; }
    /* line 502, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .navbar-nav .nav-dd.open .dropdown-menu li {
      width: 100%; }
    /* line 504, /drone/softbaked/page365/app/assets/stylesheets/hg/nav.css.sass */
    .navbar-nav .nav-dd.open .dropdown-menu .modules {
      display: inline-block; } }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
html, body {
  width: 100%;
  height: 100%;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased; }

/* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
div.uikit code {
  display: block; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
div.uikit textarea {
  overflow: hidden;
  resize: none;
  background: black;
  color: #fff; }

/* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
input:focus, textarea:focus {
  border-color: #1abc9c;
  box-shadow: none;
  outline: none; }

/* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

/* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-1 {
  background: #fcfcfc; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-1 {
  color: #fcfcfc; }

/* line 34, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-2 {
  background: #fafafa; }

/* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-2 {
  color: #fafafa; }

/* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-3 {
  background: #f6f6f6; }

/* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-3 {
  color: #f6f6f6; }

/* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-4 {
  background: #eeeeee; }

/* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-4 {
  color: #eeeeee; }

/* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-5 {
  background: #e7e7e7; }

/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-5 {
  color: #e7e7e7; }

/* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-6 {
  background: #dddddd; }

/* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-6 {
  color: #dddddd; }

/* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-7 {
  background: #cccccc; }

/* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-7 {
  color: #cccccc; }

/* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-8 {
  background: #bbbbbb; }

/* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-8 {
  color: #bbbbbb; }

/* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-9 {
  background: #aaaaaa; }

/* line 79, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-9 {
  color: #aaaaaa; }

/* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-10 {
  background: #888888; }

/* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-10 {
  color: #888888; }

/* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-11 {
  background: #848484; }

/* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-11 {
  color: #848484; }

/* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-12 {
  background: #666666; }

/* line 97, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-12 {
  color: #666666; }

/* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-13 {
  background: #444444; }

/* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-13 {
  color: #444444; }

/* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-14 {
  background: #e74c3c; }

/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-14 {
  color: #e74c3c; }

/* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.bg-15 {
  background: #266899; }

/* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tc-15 {
  color: #266899; }

/* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.example {
  position: relative;
  width: 192px;
  height: 65px; }

/* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.btn {
  line-height: initial;
  padding: 3px 10px 1px 10px;
  border: 0; }
  /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn .glyphicons:before, .btn .glyphicons {
    color: #fff; }
  /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn .caret {
    margin-top: 0;
    margin-left: 2px; }
  /* line 132, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn.small {
    font-size: 75%;
    line-height: 20px; }
    /* line 135, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .btn.small .glyphicons:before, .btn.small .glyphicons {
      font-size: 14px;
      margin-top: -7px;
      margin-right: -27px; }
  /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn.normal {
    font-size: 90%;
    line-height: 22px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .btn.normal .glyphicons:before, .btn.normal .glyphicons {
      font-size: 17px;
      margin-top: -7px;
      margin-right: -23px; }
  /* line 146, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn.large {
    font-size: 105%;
    line-height: 25px; }
    /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .btn.large .glyphicons:before, .btn.large .glyphicons {
      font-size: 19px;
      margin-top: -9px;
      margin-right: -20px; }
  /* line 153, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn:hover {
    color: #fff; }

/* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.btn.btn-default {
  border: 1px solid #BBBBBB;
  padding: 2px 10px 0 10px;
  background: #f8f8f8; }
  /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn.btn-default .glyphicons:before, .btn.btn-default .glyphicons {
    color: black; }
  /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn.btn-default:hover {
    background: #dddddd;
    color: black; }

/* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.btn-open {
  background: #266899;
  color: #fff; }
  /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn-open:hover {
    background: #3879D9; }

/* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.btn-on {
  background: #1abc9c;
  color: #fff !important; }
  /* line 175, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .btn-on:hover {
    background: #139F85; }

/* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.block-bg {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 4px; }
  /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .block-bg div {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid black;
    border-radius: 4px; }
  /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .block-bg span {
    margin-left: 5px;
    margin-right: 5px;
    color: #999999;
    font-weight: 400; }

/* line 197, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.text-button {
  cursor: pointer; }
  /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button .glyphicons:before, .text-button .glyphicons {
    margin: 0;
    padding: 0;
    margin-top: -5px; }
  /* line 203, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button span {
    position: relative;
    top: 1px; }
  /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button:hover {
    text-decoration: none; }
  /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.small {
    font-size: 75%; }
    /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.small span {
      top: 0; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.small .glyphicons:before, .text-button.small .glyphicons {
      font-size: 12px;
      margin-right: 17px; }
  /* line 215, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.normal {
    font-size: 100%; }
    /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.normal .glyphicons:before, .text-button.normal .glyphicons {
      font-size: 14px;
      margin-right: 15px; }
  /* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.large {
    font-size: 120%; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.large .glyphicons:before, .text-button.large .glyphicons {
      font-size: 16px;
      margin-right: 22px; }
  /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.danger {
    color: #888888; }
    /* line 229, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.danger:hover {
      color: #d9534f; }
      /* line 231, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
      .text-button.danger:hover .glyphicons:before, .text-button.danger:hover .glyphicons {
        color: #d9534f; }
    /* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.danger .glyphicons:before, .text-button.danger .glyphicons {
      color: #888888; }
  /* line 235, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.default {
    color: #888888; }
    /* line 237, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.default:hover {
      color: #1abc9c; }
      /* line 239, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
      .text-button.default:hover .glyphicons:before, .text-button.default:hover .glyphicons {
        color: #1abc9c; }
    /* line 241, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.default .glyphicons:before, .text-button.default .glyphicons {
      color: #888888; }
  /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .text-button.success {
    color: #1abc9c; }
    /* line 245, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.success:hover {
      color: #139F85; }
      /* line 247, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
      .text-button.success:hover .glyphicons:before, .text-button.success:hover .glyphicons {
        color: #139F85; }
    /* line 249, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .text-button.success .glyphicons:before, .text-button.success .glyphicons {
      color: #1abc9c; }

/* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.search-box {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box; }
  /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box .glyphicons:before, .search-box .glyphicons {
    font-size: 12px;
    color: #dddddd; }
    /* line 259, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .search-box .glyphicons:before.glyphicons-remove-2, .search-box .glyphicons.glyphicons-remove-2 {
      position: absolute;
      right: 6px;
      top: 8px;
      cursor: pointer; }
  /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box .glyphicons:hover::before {
    color: #d9534f; }
  /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box .caret {
    float: right;
    margin-top: 10px; }
  /* line 269, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box input {
    width: 100%;
    height: 28px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 25px;
    transition: none; }
  /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box input:focus + .btn {
    background: #eeeeee;
    border: 1px solid #25b999;
    border-color: #25b999;
    border-left: none; }
  /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box form.search {
    width: 100%;
    padding-right: 32px;
    position: relative; }
  /* line 285, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box span {
    position: relative;
    display: block;
    overflow: hidden; }
    /* line 289, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .search-box span .btn {
      position: absolute;
      right: 1px;
      top: 0; }
  /* line 293, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box .filter-tags-button {
    float: right; }
  /* line 295, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .search-box div.btn.btn-default {
    height: 28px;
    border-left: 0;
    background: #fff;
    margin-left: -1px;
    width: 32px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ccc; }
    /* line 304, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .search-box div.btn.btn-default:hover {
      background: #fff; }
    /* line 306, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .search-box div.btn.btn-default.show {
      background: #6fd8c3; }
      /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
      .search-box div.btn.btn-default.show .glyphicons:before, .search-box div.btn.btn-default.show .glyphicons {
        color: #fff; }
    /* line 310, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .search-box div.btn.btn-default .glyphicons:before, .search-box div.btn.btn-default .glyphicons {
      margin: 0;
      padding: 0;
      padding: inherit;
      font-size: 16px;
      margin-left: -14px;
      color: #BBBBBF;
      margin-top: 0.5px; }

/* line 319, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.icon-text-box {
  position: relative;
  padding: 2px 5px;
  width: 100%;
  height: auto; }
  /* line 324, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box span {
    position: absolute;
    top: 4px; }
  /* line 327, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box input {
    border-radius: 4px;
    height: 22px;
    text-indent: 5px;
    border: 1px solid #ccc;
    margin-bottom: 0;
    padding-right: 5px;
    padding0left: 5px; }
  /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box textarea {
    border-radius: 4px;
    border: 1px solid #ccc;
    resize: none;
    padding-left: 5px;
    border: 1px solid #ccc;
    padding-right: 5px; }
  /* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box .glyphicons:before, .icon-text-box .glyphicons {
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: -5px;
    color: #888888; }
  /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box.normal {
    font-size: 70%; }
    /* line 350, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .icon-text-box.normal .glyphicons:before, .icon-text-box.normal .glyphicons {
      margin-right: 20px;
      font-size: 14px; }
    /* line 353, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .icon-text-box.normal span {
      font-size: 80%; }
  /* line 355, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .icon-text-box.large {
    font-size: 70%; }
    /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .icon-text-box.large .glyphicons:before, .icon-text-box.large .glyphicons {
      margin-right: 25px;
      font-size: 18px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .icon-text-box.large span {
      font-size: 100%; }

/* line 363, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
span.no-value, div.no-value {
  color: #aaaaaa;
  font-style: italic; }

/* line 367, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
ul.dropdown-menu {
  font-size: 100%; }
  /* line 369, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  ul.dropdown-menu a {
    font-size: 90%; }
  /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  ul.dropdown-menu a.active {
    background: #26b899;
    color: #fff; }
  /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  ul.dropdown-menu a.t-center {
    text-align: center; }

/* line 377, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.btn-group.open .dropdown-toggle {
  box-shadow: none; }

/* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.datepicker table tr td.active {
  background: #2ECC71; }
  /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .datepicker table tr td.active:hover {
    background: #24a259; }

/* line 385, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.tipsy {
  font-size: 85%;
  line-height: 95%; }

/* line 389, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
.calendar-button {
  position: relative;
  display: inline-block;
  height: 21px;
  background: #FCFCFC;
  border: 1px solid #CCC;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 2px;
  padding-left: 25px;
  padding-right: 8px;
  cursor: pointer; }
  /* line 401, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .calendar-button:hover {
    background: #E4E4E4;
    border: 1px solid #AAA;
    color: #444; }
    /* line 405, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .calendar-button:hover .glyphicons:before {
      color: #444; }
  /* line 407, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .calendar-button input {
    opacity: 0;
    width: 100%;
    height: 20px;
    cursor: pointer;
    float: right;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0; }
  /* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .calendar-button .icon-box {
    position: absolute;
    width: 25px;
    height: 100%;
    left: 4px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
    .calendar-button .icon-box .glyphicons:before, .calendar-button .icon-box .glyphicons {
      font-size: 12px;
      margin-left: 2px;
      margin-top: -6px;
      color: #666; }
  /* line 427, /drone/softbaked/page365/app/assets/stylesheets/hg/uikit.css.sass */
  .calendar-button .display-time {
    margin-top: -2px; }

.spiner {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

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

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour.new-package .ngdialog-window, .ngdialog.ngdialog-theme-tour.page365-express .ngdialog-window {
  height: auto;
  padding-bottom: 30px; }
/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour .shorten-word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
/* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour .ngdialog-content {
  position: absolute; }
/* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour .ngdialog-pimploen {
  position: absolute;
  width: 170px;
  height: 160px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 13px; }
/* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour .ngdialog-window {
  background-color: #fff;
  position: relative; }
  /* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div .header {
    background-image: url("/assets/hg/icon/gamify-ribbon-e5acff48fe1175b607db4efe56efb98167c837b350f735b478581d3a0da42d19.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #444;
    font-size: 120%;
    width: 300px;
    height: 50px;
    margin: 0 145px;
    padding: 10px 0;
    text-align: center; }
  /* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div .detail {
    margin: 15px 0;
    color: #666;
    text-align: center; }
    /* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div .detail p {
      margin-bottom: 3px; }
  /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list {
    vertical-align: top;
    margin-right: 10px;
    font-size: 80%; }
    /* line 65, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .btn {
      width: 180px;
      height: 30px;
      color: #aaa;
      border-color: #ddd;
      background-color: #fff;
      padding-right: 15px; }
      /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .btn .bank-slug {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 115%;
        color: #4a4a4a; }
      /* line 78, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .btn .glyphicons {
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translate(0, -50%);
        padding: 0;
        width: 10px;
        height: 10px; }
        /* line 86, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .btn .glyphicons:before {
          font-size: 10px;
          color: #aaa; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .bank-items {
      width: 245px;
      color: #4a4a4a; }
      /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .bank-items li {
        padding-left: 10px;
        cursor: pointer; }
        /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div .bank-list .bank-items li:hover {
          color: #fff;
          background-color: #aaa; }
  /* line 98, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div input {
    height: 30px;
    vertical-align: top;
    padding: 2px 10px 0;
    border-radius: 2px;
    border: 1px solid #ddd; }
  /* line 104, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div .next-setting > div {
    background-color: #26B899;
    color: #fff;
    width: 140px;
    height: 40px;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 2px; }
  /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .next-setting {
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
    width: 590px;
    text-align: center; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .next-setting > div {
      margin: 0 auto 10px; }
    /* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .next-setting .suggest-credit-card {
      font-size: 90%;
      color: #666; }
      /* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .next-setting .suggest-credit-card .glyphicons-credit-card {
        padding: 0;
        margin-right: 6px;
        margin-top: -2px;
        width: 15px;
        height: 15px; }
        /* line 132, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .next-setting .suggest-credit-card .glyphicons-credit-card:before {
          font-size: 14px; }
  /* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.bank-setting .help .suggest-credit-card {
    display: none; }
  /* line 137, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-login {
    font-size: 90%;
    padding: 0 100px;
    margin: 35px 0;
    color: #666; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-login p {
      padding-top: 5px;
      margin-bottom: 15px;
      height: 30px;
      position: relative; }
      /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-login p input {
        width: 280px;
        font-size: 110%;
        position: absolute;
        right: 0;
        top: 0; }
        /* line 153, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-login p input.invalid {
          border-color: #c33825;
          box-shadow: 0 0 3px #c33825; }
      /* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-login p.error-message {
        text-align: center;
        color: #c33825; }
  /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-pincode p {
    text-align: center; }
    /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-pincode p.pincode {
      font-size: 50px;
      margin: 30px; }
  /* line 165, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail {
    padding: 0 100px;
    margin: 35px 0; }
    /* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > p {
      color: #4a4a4a;
      margin-bottom: 15px;
      text-align: center; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > div {
      padding: 0 60px;
      color: #666; }
      /* line 175, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > div img {
        border-radius: 55px;
        width: 55px;
        height: 55px;
        float: left;
        margin-right: 20px; }
      /* line 181, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > div p {
        margin: 0; }
        /* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > div p.email {
          font-size: 90%; }
          /* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .line-detail > div p.email i {
            width: 5px;
            height: 5px;
            border-radius: 5px;
            display: inline-block;
            background-color: #01b069;
            margin-right: 5px; }
  /* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .kronos-link {
    width: 100%;
    font-size: 90%;
    margin: 10px 0;
    text-align: center; }
    /* line 197, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .kronos-link a {
      color: #26B899; }
      /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .kronos-link a:hover {
        color: #139f85;
        text-decoration: none; }
  /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting {
    margin: 0 175px; }
    /* line 205, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting div.line-login-btn span.spinner-r {
      right: 5px;
      margin-left: -5px;
      margin-top: -5px; }
    /* line 209, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting.sign-in {
      margin: 0 225px; }
    /* line 211, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting.at-bottom {
      height: 40px;
      margin-bottom: 20px;
      position: absolute;
      bottom: 0; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting > span {
      font-size: 90%;
      float: left;
      color: #26B899;
      display: inline-block;
      margin-right: 20px;
      margin-top: 10px;
      cursor: pointer; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.line-setting .next-setting > div {
      float: left; }
  /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-preview {
    position: relative;
    display: inline-block;
    left: 50%;
    width: 380px;
    height: 180px;
    max-width: 96%;
    padding: 0 100px;
    margin-bottom: 15px;
    transform: translate(-50%, 0);
    background-image: url("/assets/hg/background/tour-onboarding-5c9b3648fe99da074a6fe25fdcf61468134711028089e885a6e0bcc165292259.png");
    background-size: 500px;
    background-position: -120px -140px; }
  /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail {
    padding: 0 100px;
    margin: 35px 0 10px 0; }
    /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > p {
      color: #4a4a4a;
      margin-bottom: 15px;
      text-align: center; }
    /* line 247, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > div {
      padding: 0 60px;
      color: #666;
      text-align: center; }
      /* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > div .instagram-profile {
        border-radius: 55px;
        width: 55px;
        height: 55px;
        margin: 0 auto;
        background-color: #ddd;
        background-size: 55px 55px; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > div p {
        margin: 0; }
        /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > div p.name {
          font-weight: bold; }
        /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .instagram-detail > div p.description {
          font-size: 90%; }
  /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting {
    margin: 0 175px; }
    /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting .instagram-next-step.shrink {
      margin-right: 10px; }
    /* line 269, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting div.instagram-login-btn.expand {
      width: 150px;
      padding-left: 15px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting div.instagram-login-btn span.spinner-r {
      right: 5px;
      margin-left: -5px;
      margin-top: -5px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting.sign-in {
      margin: 0 225px; }
    /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting.at-bottom {
      height: 40px;
      margin-bottom: 20px;
      position: absolute;
      bottom: 0; }
    /* line 283, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting > span {
      font-size: 90%;
      float: left;
      color: #26B899;
      display: inline-block;
      margin-right: 20px;
      margin-top: 10px;
      cursor: pointer; }
    /* line 291, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.instagram-setting .next-setting > div {
      float: left;
      font-size: 90%; }
  /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product {
      text-align: center;
      background-color: #ffe2e2; }
      /* line 303, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product .product {
        display: inline-block;
        background-image: url("/assets/hg/background/tour-onboarding-5c9b3648fe99da074a6fe25fdcf61468134711028089e885a6e0bcc165292259.png"); }
    /* line 306, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook {
      position: relative; }
      /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span {
        position: absolute;
        font-size: 60%;
        line-height: 13px; }
        /* line 312, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:first-child {
          height: 13px; }
        /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:last-child {
          height: 25px;
          text-indent: 60px;
          overflow: hidden; }
  /* line 318, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable {
    text-align: center;
    margin: 23px 0; }
    /* line 321, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable i {
      cursor: pointer;
      margin-right: 10px;
      width: 16px;
      height: 16px;
      border-radius: 4px;
      padding: 0;
      display: inline-block; }
      /* line 329, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable i.active {
        background-color: #26B899;
        color: #fff; }
        /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable i.active:before {
          font-size: 10px;
          padding: 3px; }
      /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable i.inactive {
        border: 1px solid #26B899; }
        /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .buy-keyword-enable i.inactive:before {
          display: none; }
  /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.buy-keyword-setting .next-setting div {
    margin: 0 auto; }
  /* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.introduce-pimploen .next-setting > div {
    margin: 0 auto; }
  /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.warning-new-package .action {
    text-align: center;
    font-size: 90%;
    color: #666;
    line-height: 26px;
    margin-top: 30px; }
    /* line 351, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.warning-new-package .action input {
      width: 16px;
      height: 16px;
      vertical-align: top;
      margin: 5px;
      margin-left: 0; }
  /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.warning-new-package .confirm {
    margin-top: 15px; }
    /* line 359, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.warning-new-package .confirm div {
      margin: 0 auto;
      width: 180px; }
  /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express {
    text-align: center; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .detail .package {
      display: inline-block;
      background-image: url("/assets/hg/icon/page365-express-package-866a00581be14c5170a5b987a46b023ea1db76fea1726ca589ba334cfa07be9a.png");
      background-position: -50px 0;
      background-size: 215px;
      background-repeat: no-repeat;
      width: 165px;
      height: 100px;
      margin: 20px 0; }
    /* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .confirm {
      margin-top: 30px; }
      /* line 375, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .confirm > div {
        margin: 0 auto;
        display: inline-block; }
        /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .confirm > div:hover {
          background-color: #139f85; }
        /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .confirm > div.dismiss {
          background-color: transparent;
          color: #26B899; }
          /* line 383, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          .ngdialog.ngdialog-theme-tour .ngdialog-window > div.page365-express .confirm > div.dismiss:hover {
            text-decoration: underline;
            color: #139f85; }
/* line 387, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
.ngdialog.ngdialog-theme-tour .ngdialog-close {
  display: none; }

/* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
body.desktop .ngdialog-overlay,
body.tablet .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.5); }
/* line 394, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
body.desktop .ngdialog-content,
body.tablet .ngdialog-content {
  position: absolute;
  background: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 580px;
  padding-top: 155px; }
  /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  body.desktop .ngdialog-content .ngdialog-pimploen,
  body.tablet .ngdialog-content .ngdialog-pimploen {
    background-image: url("/assets/hg/background/pimploen-tour-324b97d1b158337b426fad0d5532a4e083f0299c237174cb58de15dadff0b10b.png"); }
  /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  body.desktop .ngdialog-content .ngdialog-window,
  body.tablet .ngdialog-content .ngdialog-window {
    width: 650px;
    height: 425px;
    padding: 20px 30px 0;
    border-radius: 4px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail,
    body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail {
      max-height: 185px; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div,
      body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div {
        height: 45px;
        padding: 7px 0;
        color: #4a4a4a; }
        /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-space,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-space {
          margin-right: 10px; }
        /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-slug,
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-name,
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-no,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-slug,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-name,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-no {
          transition: color 1s; }
          /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-slug.saved,
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-name.saved,
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-no.saved,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-slug.saved,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-name.saved,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-no.saved {
            color: #00B16A !important; }
        /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-span,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-span {
          position: relative;
          display: inline-block;
          margin-right: 10px;
          border-radius: 2px; }
        /* line 429, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input {
          font-size: 90%; }
          /* line 431, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.bank-no,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.bank-no {
            width: 120px; }
          /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.bank-name,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.bank-name {
            width: 180px; }
          /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.invalid,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div input.invalid {
            border-color: #c33825;
            box-shadow: 0 0 3px #c33825; }
        /* line 438, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove,
        body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove {
          vertical-align: top;
          padding: 0;
          width: 18px;
          height: 18px;
          margin-top: 6px;
          margin-bottom: 6px;
          margin-left: 3px;
          cursor: pointer;
          color: #ddd; }
          /* line 448, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove:before,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove:before {
            font-size: 16px; }
          /* line 450, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove:hover,
          body.tablet .ngdialog-content .ngdialog-window .bank-setting .banks-detail > div .bank-remove:hover {
            color: #4a4a4a; }
    /* line 453, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview,
    body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview {
      padding: 5px 45px;
      height: 150px; }
      /* line 456, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span,
      body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span {
        width: 240px;
        height: 130px;
        margin-top: 5px; }
        /* line 460, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product .product,
        body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product .product {
          width: 40px;
          background-size: 400px;
          background-position: 0 -115px;
          height: 100px;
          margin: 15px 0; }
        /* line 466, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook,
        body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook {
          background-image: url("/assets/hg/background/tour-onboarding-5c9b3648fe99da074a6fe25fdcf61468134711028089e885a6e0bcc165292259.png");
          background-size: 480px;
          background-position: 0 0;
          margin-left: 15px; }
          /* line 472, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:first-child,
          body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:first-child {
            top: 59px;
            left: 95px;
            width: 135px; }
          /* line 476, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:last-child,
          body.tablet .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:last-child {
            top: 88px;
            left: 60px;
            width: 170px; }
    /* line 481, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.desktop .ngdialog-content .ngdialog-window .introduce-pimploen .detail,
    body.tablet .ngdialog-content .ngdialog-window .introduce-pimploen .detail {
      width: 450px;
      margin-right: auto;
      margin-left: auto; }
    /* line 485, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.desktop .ngdialog-content .ngdialog-window .introduce-pimploen .pimploen-preview,
    body.tablet .ngdialog-content .ngdialog-window .introduce-pimploen .pimploen-preview {
      width: 500px;
      height: 110px;
      margin: 60px auto;
      background-image: url("/assets/hg/background/tour-onboarding-5c9b3648fe99da074a6fe25fdcf61468134711028089e885a6e0bcc165292259.png");
      background-size: 500px;
      background-position: 0 -320px; }
    /* line 492, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.desktop .ngdialog-content .ngdialog-window .help,
    body.tablet .ngdialog-content .ngdialog-window .help {
      position: absolute;
      top: 15px;
      right: 20px;
      height: 20px; }
      /* line 497, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.desktop .ngdialog-content .ngdialog-window .help .suggest-credit-card,
      body.tablet .ngdialog-content .ngdialog-window .help .suggest-credit-card {
        display: none; }
      /* line 499, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.desktop .ngdialog-content .ngdialog-window .help a,
      body.tablet .ngdialog-content .ngdialog-window .help a {
        color: #26B899; }
        /* line 501, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .help a:hover,
        body.tablet .ngdialog-content .ngdialog-window .help a:hover {
          color: #139f85;
          text-decoration: none; }
        /* line 504, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.desktop .ngdialog-content .ngdialog-window .help a .glyphicons,
        body.tablet .ngdialog-content .ngdialog-window .help a .glyphicons {
          padding: 0;
          width: 18px;
          height: 18px;
          margin-right: 5px; }
          /* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.desktop .ngdialog-content .ngdialog-window .help a .glyphicons:before,
          body.tablet .ngdialog-content .ngdialog-window .help a .glyphicons:before {
            font-size: 16px; }

/* line 513, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
body.phone .ngdialog-overlay {
  background: #fff; }
/* line 515, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
body.phone .ngdialog-content {
  width: 100%;
  padding-top: 180px;
  position: relative; }
  /* line 519, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  body.phone .ngdialog-content .ngdialog-pimploen {
    background-image: url("/assets/hg/background/pimploen-tour-mobile-53c6e172555d237f333fbb834bd5dc749b626648bc0a228503a5eec721680eed.png");
    top: 25px;
    z-index: 2; }
  /* line 523, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
  body.phone .ngdialog-content .ngdialog-window {
    width: 100%; }
    /* line 525, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .header {
      margin: 0 auto; }
    /* line 527, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .detail {
      padding: 0 20px;
      margin-bottom: 35px; }
      /* line 530, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .detail p:last-child {
        display: none; }
    /* line 532, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .mobile-button {
      float: left;
      width: 135px;
      height: 40px;
      text-align: center;
      padding: 9px;
      border-radius: 2px;
      cursor: pointer; }
      /* line 540, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .mobile-button.white-button {
        border: 1px solid #26B899;
        color: #26B899; }
      /* line 543, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .mobile-button.green-button {
        margin-left: 20px;
        background-color: #26B899;
        color: #fff; }
    /* line 547, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .action-footer {
      margin: 35px auto 15px;
      width: 290px;
      height: 40px; }
      /* line 551, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .action-footer > div {
        cursor: pointer; }
    /* line 553, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .help {
      position: fixed;
      width: 100%;
      height: 50px;
      bottom: 0;
      background-color: #fff; }
      /* line 559, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .help.to_bottom {
        position: relative;
        text-align: center; }
      /* line 562, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .help .suggest-credit-card {
        display: block !important;
        color: #666;
        font-size: 90%;
        text-align: center; }
        /* line 567, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .help .suggest-credit-card .glyphicons-credit-card {
          padding: 0;
          margin-right: 6px;
          margin-top: -2px;
          width: 15px;
          height: 15px; }
          /* line 573, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .help .suggest-credit-card .glyphicons-credit-card:before {
            font-size: 14px; }
      /* line 575, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .help .contact {
        position: absolute;
        bottom: 0;
        right: 15px;
        padding: 0 10px;
        color: #26B899;
        cursor: pointer; }
        /* line 582, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .help .contact .glyphicons {
          padding: 0;
          width: 18px;
          height: 18px;
          margin-right: 5px; }
          /* line 587, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .help .contact .glyphicons:before {
            font-size: 16px; }
    /* line 590, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .bank-setting .no-account {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      width: 290px; }
    /* line 596, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div {
      height: 90px;
      border-top: 1px solid #ddd; }
      /* line 599, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div:last-child {
        border-bottom: 1px solid #ddd; }
      /* line 601, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div {
        width: 300px;
        height: 100%;
        padding: 5px 0;
        margin: 0 auto;
        position: relative; }
        /* line 607, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-span {
          background-size: 30px !important;
          margin: 20px 0;
          position: absolute;
          top: 0;
          left: 0;
          border-radius: 2px; }
          /* line 614, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-span .bank-logo {
            width: 28px;
            height: 28px;
            margin: 11px; }
        /* line 618, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-text {
          float: left;
          display: inline-block;
          width: 100%;
          padding-left: 65px;
          padding-right: 25px; }
        /* line 624, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-slug {
          color: #666; }
        /* line 626, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-no {
          color: #222;
          font-size: 120%;
          height: 30px;
          padding-top: 5px; }
        /* line 631, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-name {
          color: #666; }
        /* line 633, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-remove {
          width: 25px;
          height: 100%;
          position: absolute;
          cursor: pointer;
          padding: 30px 0;
          top: 0;
          right: 0; }
          /* line 641, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-remove .glyphicons {
            padding: 0;
            color: #ccc; }
            /* line 644, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
            body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .bank-account-list > div > div .bank-remove .glyphicons:before {
              font-size: 18px; }
    /* line 646, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .bank-setting .bank-accounts .action-footer {
      margin-bottom: 15px;
      height: 40px; }
    /* line 649, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account {
      position: absolute;
      top: 0;
      z-index: 0;
      width: 100%;
      background-color: #fff;
      color: #666; }
      /* line 656, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create {
        margin: 20px 10%;
        width: 80%; }
        /* line 659, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create p {
          font-size: 90%;
          margin: 15px 0 0; }
        /* line 662, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list,
        body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn,
        body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input {
          height: 45px;
          width: 100%;
          font-size: 100%; }
          /* line 668, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list.invalid,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn.invalid,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input.invalid {
            border-color: #c33825;
            box-shadow: 0 0 3px #c33825; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .bank-slug,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn .bank-slug,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input .bank-slug {
            font-size: 100%;
            color: #bbb; }
            /* line 674, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .bank-slug.valued,
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn .bank-slug.valued,
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input .bank-slug.valued {
              color: #666; }
          /* line 676, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .bank-items,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn .bank-items,
          body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input .bank-items {
            width: 280px; }
            /* line 678, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .bank-items li,
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create .bank-list .btn .bank-items li,
            body.phone .ngdialog-content .ngdialog-window .bank-setting .add-account .bank-create input .bank-items li {
              padding: 10px; }
    /* line 681, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .line-setting .detail {
      display: none; }
    /* line 683, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .line-setting .line-login {
      margin: 10px 0 20px;
      padding: 0 15px; }
      /* line 686, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .line-setting .line-login p {
        padding: 0;
        height: auto; }
        /* line 689, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .line-setting .line-login p input {
          width: 100%;
          position: relative;
          height: 45px;
          border-radius: 4px; }
    /* line 694, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail {
      width: 300px;
      margin: 15px auto;
      padding: 0; }
      /* line 698, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > p:first-child {
        display: none; }
      /* line 700, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div {
        padding: 0;
        margin: 0 auto;
        text-align: center; }
        /* line 704, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div img {
          margin: 0;
          float: none;
          width: 75px;
          height: 75px;
          border-radius: 75px; }
        /* line 710, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div p {
          width: 100%; }
          /* line 712, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div p.name {
            height: 50px;
            font-size: 180%;
            padding: 15px; }
          /* line 716, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div p.email {
            font-sizr: 120%; }
            /* line 718, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
            body.phone .ngdialog-content .ngdialog-window .line-setting .line-detail > div p.email i {
              width: 10px;
              height: 10px;
              border-radius: 10px; }
    /* line 722, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .line-setting .next-setting {
      width: 300px;
      height: 40px;
      margin: 0 auto 15px !important; }
      /* line 726, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .line-setting .next-setting div.next-step {
        margin: auto;
        float: none; }
      /* line 729, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .line-setting .next-setting > span {
        width: 140px;
        height: 40px;
        margin-top: 0;
        padding: 10px;
        text-align: center;
        border: 1px solid #26B899;
        border-radius: 2px; }
    /* line 737, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .line-setting .help {
      position: relative; }
    /* line 740, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail {
      width: 300px;
      margin: 15px auto;
      padding: 0; }
      /* line 744, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > p:first-child {
        display: none; }
      /* line 746, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > div {
        padding: 0;
        margin: 0 auto;
        text-align: center; }
        /* line 750, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > div .instagram-profile {
          margin: 0 auto;
          float: none;
          width: 75px;
          height: 75px;
          border-radius: 100%;
          background-size: 100%; }
        /* line 757, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > div p {
          width: 100%; }
          /* line 759, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > div p.name {
            height: 50px;
            font-size: 180%;
            padding: 15px; }
          /* line 763, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .instagram-setting .instagram-detail > div p.description {
            font-sizr: 120%; }
    /* line 765, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .instagram-setting .next-setting {
      width: 300px;
      height: 40px;
      margin: 0 auto 15px !important; }
      /* line 769, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .instagram-setting .next-setting div.next-step {
        margin: auto;
        float: none; }
      /* line 772, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .instagram-setting .next-setting > span {
        width: 140px;
        height: 40px;
        margin-top: 0;
        padding: 10px;
        text-align: center;
        border: 1px solid #26B899;
        border-radius: 2px; }
    /* line 780, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .instagram-setting .help {
      position: relative; }
    /* line 783, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .detail {
      margin-bottom: 15px; }
      /* line 785, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .detail p:last-child {
        display: inline-block; }
    /* line 787, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview {
      margin: 0 auto;
      width: 315px;
      height: 80px; }
      /* line 791, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
      body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span {
        height: 70px;
        margin-top: 10px; }
        /* line 794, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product {
          width: 85px; }
          /* line 796, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-product .product {
            height: 60px;
            margin: 5px 0;
            width: 30px;
            background-size: 270px;
            background-position: 0 -80px; }
        /* line 802, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
        body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook {
          width: 225px;
          background-image: url("/assets/hg/background/tour-onboarding-5c9b3648fe99da074a6fe25fdcf61468134711028089e885a6e0bcc165292259.png");
          background-size: 450px;
          background-position: -225px 0; }
          /* line 808, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:first-child {
            top: 3px;
            left: 90px;
            width: 125px; }
          /* line 812, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
          body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .buy-keyword-preview > span.buy-keyword-facebook span:last-child {
            top: 32px;
            left: 53px;
            width: 160px; }
    /* line 816, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .buy-keyword-setting .help {
      position: relative;
      margin-top: 10px; }
    /* line 820, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .introduce-pimploen .detail {
      margin: 40px 0; }
    /* line 822, /drone/softbaked/page365/app/assets/stylesheets/hg/tour.css.sass */
    body.phone .ngdialog-content .ngdialog-window .introduce-pimploen .pimploen-preview {
      display: none; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.5); }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
.ngdialog-content {
  position: absolute;
  background: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 580px;
  padding-top: 155px; }
  /* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
  .ngdialog-content > .ngdialog-close {
    display: none; }
  /* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
  .ngdialog-content .ngdialog-kronos-tour {
    text-align: center;
    color: #666; }
    /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
    .ngdialog-content .ngdialog-kronos-tour a {
      color: #26b899; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
    .ngdialog-content .ngdialog-kronos-tour .ngdialog-pimploen {
      position: absolute;
      width: 170px;
      height: 160px;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      background: url("/assets/hg/background/pimploen-tour-324b97d1b158337b426fad0d5532a4e083f0299c237174cb58de15dadff0b10b.png") no-repeat center bottom;
      background-size: contain;
      margin-left: 13px; }
    /* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
    .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window {
      background-color: #fff;
      display: block;
      position: relative;
      width: 800px;
      height: 400px;
      border-radius: 4px;
      font-size: 100%;
      padding: 20px 0 0; }
      /* line 38, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
      .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .header {
        background: url("/assets/hg/icon/kronos-tour-ribbon-a576a5d92ba2192fd357272f606a9022a812eeb35ff16a7a3bc1c8c7bf7bc6c8.png") no-repeat center;
        background-size: auto;
        color: #444444;
        width: 100%;
        height: 50px;
        margin: 0 auto 20px;
        padding: 10px 0;
        text-align: center;
        font-weight: bold; }
      /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
      .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .last-order-view {
        padding: auto;
        position: relative;
        width: 600px;
        height: 130px;
        margin: 15px 100px 15px 100px;
        color: #666666;
        background: linear-gradient(#E2E2E2, rgba(255, 255, 255, 0)); }
        /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .last-order-view span {
          display: inline-block;
          vertical-align: middle;
          font-weight: bold; }
        /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .last-order-view .order-id {
          width: 120px;
          padding-top: 10px;
          padding-bottom: 10px;
          margin-left: 15px;
          margin-right: 15px;
          background-color: #E74B3C;
          border-radius: 3px;
          color: #ffffff;
          font-size: 36px; }
        /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .last-order-view .order-origin {
          position: relative;
          margin-right: 25px;
          font-size: 24px; }
        /* line 75, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .last-order-view .pimploen-star {
          width: 164px;
          height: 114px;
          margin: 0 auto;
          background: url("/assets/hg/background/pimploen-star-c7e6e2883a5463323da74e1669f13e8f72e3b096ef6c34d0a84840029e7f7daf.png") no-repeat;
          background-size: auto; }
      /* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
      .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .details {
        margin: 0 auto 40px;
        text-align: center;
        line-height: 25px;
        width: 70%; }
      /* line 86, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
      .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .link {
        margin: 0 auto 15px !important; }
        /* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .link span {
          cursor: pointer;
          color: #FFFFFF;
          width: 140px;
          height: 40px;
          padding: 10px 10px 10px 10px;
          text-align: center;
          border-radius: 4px;
          border: 1px solid #26B899;
          background-color: #26B899;
          margin: 20px 20px 0 20px; }
      /* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
      .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .close-window-glyph {
        color: #AAAAAA;
        float: right;
        cursor: pointer;
        padding: 0;
        top: 20px;
        right: 34px;
        position: absolute; }
        /* line 107, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
        .ngdialog-content .ngdialog-kronos-tour .ngdialog-window.kronos-tour-window .kronos-tour .close-window-glyph::before {
          margin: 0;
          font-size: 15px; }
    /* line 110, /drone/softbaked/page365/app/assets/stylesheets/hg/kronos-tour.css.sass */
    .ngdialog-content .ngdialog-kronos-tour .ngdialog-close {
      display: none; }
/* line 485, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.cod {
  color: #fed106; }
/* line 487, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.bay {
  color: #ffc323; }
/* line 489, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.bbl {
  color: #233e99; }
/* line 491, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.kbank {
  color: #009245; }
/* line 493, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.ttb {
  color: #002d64; }
/* line 495, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.kkp {
  color: #584b74; }
/* line 497, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.cimb {
  color: #ff121a; }
/* line 499, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.tmb {
  color: #056eaf; }
/* line 501, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.tisco {
  color: #095090; }
/* line 503, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.scb {
  color: #4c2786; }
/* line 505, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.tcap {
  color: #f37022; }
/* line 507, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.uob {
  color: #00377a; }
/* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.lhbank {
  color: #7a7a7e; }
/* line 511, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.scbl {
  color: #005993; }
/* line 513, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.ktb {
  color: #0191d7; }
/* line 515, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.baac {
  color: #006038; }
/* line 517, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.gsba {
  color: #ED268D; }
/* line 519, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.ghb {
  color: #ff8500; }
/* line 521, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.ibank {
  color: #164614; }
/* line 523, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.bidvbank {
  color: #434899; }
/* line 525, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.meritime {
  color: #EF0C19; }
/* line 527, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.sacombank {
  color: #1790D3; }
/* line 529, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.techcom {
  color: #E9212D; }
/* line 531, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.vietcombank {
  color: #054423; }
/* line 533, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.vieteximbank {
  color: #1581B5; }
/* line 535, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.vietinbank {
  color: #1B7ECD; }
/* line 537, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.vpbank {
  color: #13844A; }
/* line 539, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.agribank {
  color: #8C191D; }
/* line 541, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.tabungan_negara {
  color: #005595; }
/* line 543, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.central_asia {
  color: #0a61ae; }
/* line 545, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.negara_indonesia {
  color: #f05921; }
/* line 547, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.panin {
  color: #017dc7; }
/* line 549, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.internasional_indonesia {
  color: #fed106; }
/* line 551, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.rakyat_indonesia {
  color: #004e91; }
/* line 553, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.mandiri {
  color: #013066; }
/* line 555, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.danamon {
  color: #f47321; }
/* line 557, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.cimb_niaga {
  color: #ff121a; }
/* line 559, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.promptpay {
  color: #003d69; }
/* line 561, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.truemoney {
  color: #f48221; }
/* line 563, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.maemanee {
  color: #562f87; }
/* line 565, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.kplusshop {
  color: #1c9b52; }
/* line 567, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.shopeepay {
  color: #ed4d2b; }
/* line 569, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.rabbitlinepay {
  color: #08bf5a; }
/* line 571, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.paypal {
  color: #4b58a4; }
/* line 573, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.cash {
  color: #32bea6; }
/* line 575, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-color.custom {
  color: #ffffff; }

/* line 578, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
.bank-span {
  vertical-align: middle;
  display: inline-block; }
  /* line 581, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span .bank-logo {
    display: inline-block; }
  /* line 584, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.order-detail-bank {
    width: 60px;
    height: 60px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank .bank-logo {
      width: 45px;
      height: 45px;
      margin: 7.5px; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1260px 90px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1170px 90px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 450px 90px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 450px 90px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.en.ttb .bank-logo, .bank-span.order-detail-bank.en.kbank .bank-logo, .bank-span.order-detail-bank.en.scb .bank-logo, .bank-span.order-detail-bank.en.bbl .bank-logo, .bank-span.order-detail-bank.en.ktb .bank-logo, .bank-span.order-detail-bank.en.bay .bank-logo, .bank-span.order-detail-bank.en.tmb .bank-logo, .bank-span.order-detail-bank.en.uob .bank-logo, .bank-span.order-detail-bank.en.gsba .bank-logo, .bank-span.order-detail-bank.en.tcap .bank-logo, .bank-span.order-detail-bank.en.kkp .bank-logo, .bank-span.order-detail-bank.en.scbl .bank-logo, .bank-span.order-detail-bank.en.cimb .bank-logo, .bank-span.order-detail-bank.en.tisco .bank-logo, .bank-span.order-detail-bank.en.lhbank .bank-logo, .bank-span.order-detail-bank.en.ghb .bank-logo, .bank-span.order-detail-bank.en.ibank .bank-logo, .bank-span.order-detail-bank.en.baac .bank-logo, .bank-span.order-detail-bank.en.promptpay .bank-logo, .bank-span.order-detail-bank.en.truemoney .bank-logo, .bank-span.order-detail-bank.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1260px 90px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.en.bidvbank .bank-logo, .bank-span.order-detail-bank.en.meritime .bank-logo, .bank-span.order-detail-bank.en.sacombank .bank-logo, .bank-span.order-detail-bank.en.techcom .bank-logo, .bank-span.order-detail-bank.en.vietcombank .bank-logo, .bank-span.order-detail-bank.en.vieteximbank .bank-logo, .bank-span.order-detail-bank.en.vietinbank .bank-logo, .bank-span.order-detail-bank.en.vpbank .bank-logo, .bank-span.order-detail-bank.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 450px 90px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.en.aub .bank-logo, .bank-span.order-detail-bank.en.bsp .bank-logo, .bank-span.order-detail-bank.en.bdo .bank-logo, .bank-span.order-detail-bank.en.bpi .bank-logo, .bank-span.order-detail-bank.en.cbc .bank-logo, .bank-span.order-detail-bank.en.dbp .bank-logo, .bank-span.order-detail-bank.en.ew .bank-logo, .bank-span.order-detail-bank.en.gcash .bank-logo, .bank-span.order-detail-bank.en.lbp .bank-logo, .bank-span.order-detail-bank.en.mbt .bank-logo, .bank-span.order-detail-bank.en.paymaya .bank-logo, .bank-span.order-detail-bank.en.pbcom .bank-logo, .bank-span.order-detail-bank.en.pbb .bank-logo, .bank-span.order-detail-bank.en.pht .bank-logo, .bank-span.order-detail-bank.en.psb .bank-logo, .bank-span.order-detail-bank.en.rcbc .bank-logo, .bank-span.order-detail-bank.en.rbank .bank-logo, .bank-span.order-detail-bank.en.sbc .bank-logo, .bank-span.order-detail-bank.en.ub .bank-logo, .bank-span.order-detail-bank.en.ucbp .bank-logo, .bank-span.order-detail-bank.en.cod .bank-logo, .bank-span.order-detail-bank.en.truemoney .bank-logo, .bank-span.order-detail-bank.en.shopeepay .bank-logo, .bank-span.order-detail-bank.en.paypal .bank-logo, .bank-span.order-detail-bank.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1170px 90px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.en.tabungan_negara .bank-logo, .bank-span.order-detail-bank.en.central_asia .bank-logo, .bank-span.order-detail-bank.en.negara_indonesia .bank-logo, .bank-span.order-detail-bank.en.panin .bank-logo, .bank-span.order-detail-bank.en.internasional_indonesia .bank-logo, .bank-span.order-detail-bank.en.rakyat_indonesia .bank-logo, .bank-span.order-detail-bank.en.mandiri .bank-logo, .bank-span.order-detail-bank.en.danamon .bank-logo, .bank-span.order-detail-bank.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 450px 90px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 450px 90px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.aub .bank-logo, .bank-span.order-detail-bank.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.bsp .bank-logo, .bank-span.order-detail-bank.en.bsp .bank-logo {
      background-position: -45px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.bdo .bank-logo, .bank-span.order-detail-bank.en.bdo .bank-logo {
      background-position: -90px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.bpi .bank-logo, .bank-span.order-detail-bank.en.bpi .bank-logo {
      background-position: -135px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.cbc .bank-logo, .bank-span.order-detail-bank.en.cbc .bank-logo {
      background-position: -180px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.dbp .bank-logo, .bank-span.order-detail-bank.en.dbp .bank-logo {
      background-position: -225px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.ew .bank-logo, .bank-span.order-detail-bank.en.ew .bank-logo {
      background-position: -270px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.gcash .bank-logo, .bank-span.order-detail-bank.en.gcash .bank-logo {
      background-position: -315px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.lbp .bank-logo, .bank-span.order-detail-bank.en.lbp .bank-logo {
      background-position: -360px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.mbt .bank-logo, .bank-span.order-detail-bank.en.mbt .bank-logo {
      background-position: -405px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.paymaya .bank-logo, .bank-span.order-detail-bank.en.paymaya .bank-logo {
      background-position: -450px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.pbcom .bank-logo, .bank-span.order-detail-bank.en.pbcom .bank-logo {
      background-position: -495px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.pbb .bank-logo, .bank-span.order-detail-bank.en.pbb .bank-logo {
      background-position: -540px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.pht .bank-logo, .bank-span.order-detail-bank.en.pht .bank-logo {
      background-position: -585px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.psb .bank-logo, .bank-span.order-detail-bank.en.psb .bank-logo {
      background-position: -630px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.rcbc .bank-logo, .bank-span.order-detail-bank.en.rcbc .bank-logo {
      background-position: -675px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.rbank .bank-logo, .bank-span.order-detail-bank.en.rbank .bank-logo {
      background-position: -720px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.sbc .bank-logo, .bank-span.order-detail-bank.en.sbc .bank-logo {
      background-position: -765px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.ub .bank-logo, .bank-span.order-detail-bank.en.ub .bank-logo {
      background-position: -810px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.ucbp .bank-logo, .bank-span.order-detail-bank.en.ucbp .bank-logo {
      background-position: -855px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.cod .bank-logo, .bank-span.order-detail-bank.en.cod .bank-logo {
      background-position: -900px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.truemoney, .bank-span.order-detail-bank.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.ph.truemoney .bank-logo, .bank-span.order-detail-bank.en.truemoney .bank-logo {
        background-position: -945px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.shopeepay, .bank-span.order-detail-bank.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.ph.shopeepay .bank-logo, .bank-span.order-detail-bank.en.shopeepay .bank-logo {
        background-position: -990px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.paypal, .bank-span.order-detail-bank.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.ph.paypal .bank-logo, .bank-span.order-detail-bank.en.paypal .bank-logo {
        background-position: -1035px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.cash, .bank-span.order-detail-bank.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.ph.cash .bank-logo, .bank-span.order-detail-bank.en.cash .bank-logo {
        background-position: -1080px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.ph.custom .bank-logo, .bank-span.order-detail-bank.en.custom .bank-logo {
      background-position: -1125px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.ttb, .bank-span.order-detail-bank.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.ttb .bank-logo, .bank-span.order-detail-bank.en.ttb .bank-logo {
        background-position: -900px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.kbank, .bank-span.order-detail-bank.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.kbank .bank-logo, .bank-span.order-detail-bank.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.scb, .bank-span.order-detail-bank.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.scb .bank-logo, .bank-span.order-detail-bank.en.scb .bank-logo {
        background-position: -45px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.bbl, .bank-span.order-detail-bank.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.bbl .bank-logo, .bank-span.order-detail-bank.en.bbl .bank-logo {
        background-position: -90px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.ktb, .bank-span.order-detail-bank.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.ktb .bank-logo, .bank-span.order-detail-bank.en.ktb .bank-logo {
        background-position: -135px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.bay, .bank-span.order-detail-bank.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.bay .bank-logo, .bank-span.order-detail-bank.en.bay .bank-logo {
        background-position: -180px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.tmb, .bank-span.order-detail-bank.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.tmb .bank-logo, .bank-span.order-detail-bank.en.tmb .bank-logo {
        background-position: -225px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.uob, .bank-span.order-detail-bank.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.uob .bank-logo, .bank-span.order-detail-bank.en.uob .bank-logo {
        background-position: -270px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.gsba, .bank-span.order-detail-bank.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.gsba .bank-logo, .bank-span.order-detail-bank.en.gsba .bank-logo {
        background-position: -315px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.tcap, .bank-span.order-detail-bank.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.tcap .bank-logo, .bank-span.order-detail-bank.en.tcap .bank-logo {
        background-position: -360px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.kkp, .bank-span.order-detail-bank.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.kkp .bank-logo, .bank-span.order-detail-bank.en.kkp .bank-logo {
        background-position: -405px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.scbl, .bank-span.order-detail-bank.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.scbl .bank-logo, .bank-span.order-detail-bank.en.scbl .bank-logo {
        background-position: -450px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.cimb, .bank-span.order-detail-bank.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.cimb .bank-logo, .bank-span.order-detail-bank.en.cimb .bank-logo {
        background-position: -495px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.tisco, .bank-span.order-detail-bank.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.tisco .bank-logo, .bank-span.order-detail-bank.en.tisco .bank-logo {
        background-position: -540px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.lhbank, .bank-span.order-detail-bank.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.lhbank .bank-logo, .bank-span.order-detail-bank.en.lhbank .bank-logo {
        background-position: -585px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.ghb, .bank-span.order-detail-bank.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.ghb .bank-logo, .bank-span.order-detail-bank.en.ghb .bank-logo {
        background-position: -630px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.ibank, .bank-span.order-detail-bank.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.ibank .bank-logo, .bank-span.order-detail-bank.en.ibank .bank-logo {
        background-position: -675px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.baac, .bank-span.order-detail-bank.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.baac .bank-logo, .bank-span.order-detail-bank.en.baac .bank-logo {
        background-position: -720px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.truemoney, .bank-span.order-detail-bank.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.truemoney .bank-logo, .bank-span.order-detail-bank.en.truemoney .bank-logo {
        background-position: -765px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.promptpay, .bank-span.order-detail-bank.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.promptpay .bank-logo, .bank-span.order-detail-bank.en.promptpay .bank-logo {
        background-position: -810px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.cod, .bank-span.order-detail-bank.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.cod .bank-logo, .bank-span.order-detail-bank.en.cod .bank-logo {
        background-position: -855px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.maemanee, .bank-span.order-detail-bank.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.maemanee .bank-logo, .bank-span.order-detail-bank.en.maemanee .bank-logo {
        background-position: -945px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.kplusshop, .bank-span.order-detail-bank.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.kplusshop .bank-logo, .bank-span.order-detail-bank.en.kplusshop .bank-logo {
        background-position: -990px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.shopeepay, .bank-span.order-detail-bank.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.shopeepay .bank-logo, .bank-span.order-detail-bank.en.shopeepay .bank-logo {
        background-position: -1035px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.rabbitlinepay, .bank-span.order-detail-bank.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.rabbitlinepay .bank-logo, .bank-span.order-detail-bank.en.rabbitlinepay .bank-logo {
        background-position: -1080px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.paypal, .bank-span.order-detail-bank.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.paypal .bank-logo, .bank-span.order-detail-bank.en.paypal .bank-logo {
        background-position: -1125px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.cash, .bank-span.order-detail-bank.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.cash .bank-logo, .bank-span.order-detail-bank.en.cash .bank-logo {
        background-position: -1170px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.custom .bank-logo, .bank-span.order-detail-bank.en.custom .bank-logo {
      background-position: -1215px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.discover .bank-logo, .bank-span.order-detail-bank.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.visa .bank-logo, .bank-span.order-detail-bank.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.mastercard .bank-logo, .bank-span.order-detail-bank.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.jcb .bank-logo, .bank-span.order-detail-bank.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.internet_banking_scb, .bank-span.order-detail-bank.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.internet_banking_scb .bank-logo, .bank-span.order-detail-bank.en.internet_banking_scb .bank-logo {
        background-position: -45px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.internet_banking_bbl, .bank-span.order-detail-bank.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.internet_banking_bbl .bank-logo, .bank-span.order-detail-bank.en.internet_banking_bbl .bank-logo {
        background-position: -90px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.internet_banking_ktb, .bank-span.order-detail-bank.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.internet_banking_ktb .bank-logo, .bank-span.order-detail-bank.en.internet_banking_ktb .bank-logo {
        background-position: -135px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.internet_banking_bay, .bank-span.order-detail-bank.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.th.internet_banking_bay .bank-logo, .bank-span.order-detail-bank.en.internet_banking_bay .bank-logo {
        background-position: -180px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.th.line .bank-logo, .bank-span.order-detail-bank.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.bidvbank, .bank-span.order-detail-bank.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.bidvbank .bank-logo, .bank-span.order-detail-bank.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.meritime, .bank-span.order-detail-bank.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.meritime .bank-logo, .bank-span.order-detail-bank.en.meritime .bank-logo {
        background-position: -45px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.sacombank, .bank-span.order-detail-bank.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.sacombank .bank-logo, .bank-span.order-detail-bank.en.sacombank .bank-logo {
        background-position: -90px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.techcom, .bank-span.order-detail-bank.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.techcom .bank-logo, .bank-span.order-detail-bank.en.techcom .bank-logo {
        background-position: -135px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.vietcombank, .bank-span.order-detail-bank.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.vietcombank .bank-logo, .bank-span.order-detail-bank.en.vietcombank .bank-logo {
        background-position: -180px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.vieteximbank, .bank-span.order-detail-bank.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.vieteximbank .bank-logo, .bank-span.order-detail-bank.en.vieteximbank .bank-logo {
        background-position: -225px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.vietinbank, .bank-span.order-detail-bank.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.vietinbank .bank-logo, .bank-span.order-detail-bank.en.vietinbank .bank-logo {
        background-position: -270px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.vpbank, .bank-span.order-detail-bank.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.vpbank .bank-logo, .bank-span.order-detail-bank.en.vpbank .bank-logo {
        background-position: -315px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.agribank, .bank-span.order-detail-bank.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.vi.agribank .bank-logo, .bank-span.order-detail-bank.en.agribank .bank-logo {
        background-position: -360px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.vi.custom .bank-logo, .bank-span.order-detail-bank.en.custom .bank-logo {
      background-position: -405px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.tabungan_negara, .bank-span.order-detail-bank.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.tabungan_negara .bank-logo, .bank-span.order-detail-bank.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.central_asia, .bank-span.order-detail-bank.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.central_asia .bank-logo, .bank-span.order-detail-bank.en.central_asia .bank-logo {
        background-position: -45px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.negara_indonesia, .bank-span.order-detail-bank.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.negara_indonesia .bank-logo, .bank-span.order-detail-bank.en.negara_indonesia .bank-logo {
        background-position: -90px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.panin, .bank-span.order-detail-bank.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.panin .bank-logo, .bank-span.order-detail-bank.en.panin .bank-logo {
        background-position: -135px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.internasional_indonesia, .bank-span.order-detail-bank.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.internasional_indonesia .bank-logo, .bank-span.order-detail-bank.en.internasional_indonesia .bank-logo {
        background-position: -180px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.rakyat_indonesia, .bank-span.order-detail-bank.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.rakyat_indonesia .bank-logo, .bank-span.order-detail-bank.en.rakyat_indonesia .bank-logo {
        background-position: -225px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.mandiri, .bank-span.order-detail-bank.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.mandiri .bank-logo, .bank-span.order-detail-bank.en.mandiri .bank-logo {
        background-position: -270px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.danamon, .bank-span.order-detail-bank.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.danamon .bank-logo, .bank-span.order-detail-bank.en.danamon .bank-logo {
        background-position: -315px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.cimb_niaga, .bank-span.order-detail-bank.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.order-detail-bank.id.cimb_niaga .bank-logo, .bank-span.order-detail-bank.en.cimb_niaga .bank-logo {
        background-position: -360px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.order-detail-bank.id.custom .bank-logo, .bank-span.order-detail-bank.en.custom .bank-logo {
      background-position: -405px 0px; }
  /* line 586, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.tour-bank-setup, .bank-span.settings-bank-accounts {
    width: 30px;
    height: 30px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup .bank-logo, .bank-span.settings-bank-accounts .bank-logo {
      width: 22px;
      height: 22px;
      margin: 4px; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th .bank-logo, .bank-span.settings-bank-accounts.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 616px 44px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph .bank-logo, .bank-span.settings-bank-accounts.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 572px 44px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi .bank-logo, .bank-span.settings-bank-accounts.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 220px 44px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id .bank-logo, .bank-span.settings-bank-accounts.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 220px 44px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.en.ttb .bank-logo, .bank-span.tour-bank-setup.en.kbank .bank-logo, .bank-span.tour-bank-setup.en.scb .bank-logo, .bank-span.tour-bank-setup.en.bbl .bank-logo, .bank-span.tour-bank-setup.en.ktb .bank-logo, .bank-span.tour-bank-setup.en.bay .bank-logo, .bank-span.tour-bank-setup.en.tmb .bank-logo, .bank-span.tour-bank-setup.en.uob .bank-logo, .bank-span.tour-bank-setup.en.gsba .bank-logo, .bank-span.tour-bank-setup.en.tcap .bank-logo, .bank-span.tour-bank-setup.en.kkp .bank-logo, .bank-span.tour-bank-setup.en.scbl .bank-logo, .bank-span.tour-bank-setup.en.cimb .bank-logo, .bank-span.tour-bank-setup.en.tisco .bank-logo, .bank-span.tour-bank-setup.en.lhbank .bank-logo, .bank-span.tour-bank-setup.en.ghb .bank-logo, .bank-span.tour-bank-setup.en.ibank .bank-logo, .bank-span.tour-bank-setup.en.baac .bank-logo, .bank-span.tour-bank-setup.en.promptpay .bank-logo, .bank-span.tour-bank-setup.en.truemoney .bank-logo, .bank-span.tour-bank-setup.en.cod .bank-logo, .bank-span.settings-bank-accounts.en.ttb .bank-logo, .bank-span.settings-bank-accounts.en.kbank .bank-logo, .bank-span.settings-bank-accounts.en.scb .bank-logo, .bank-span.settings-bank-accounts.en.bbl .bank-logo, .bank-span.settings-bank-accounts.en.ktb .bank-logo, .bank-span.settings-bank-accounts.en.bay .bank-logo, .bank-span.settings-bank-accounts.en.tmb .bank-logo, .bank-span.settings-bank-accounts.en.uob .bank-logo, .bank-span.settings-bank-accounts.en.gsba .bank-logo, .bank-span.settings-bank-accounts.en.tcap .bank-logo, .bank-span.settings-bank-accounts.en.kkp .bank-logo, .bank-span.settings-bank-accounts.en.scbl .bank-logo, .bank-span.settings-bank-accounts.en.cimb .bank-logo, .bank-span.settings-bank-accounts.en.tisco .bank-logo, .bank-span.settings-bank-accounts.en.lhbank .bank-logo, .bank-span.settings-bank-accounts.en.ghb .bank-logo, .bank-span.settings-bank-accounts.en.ibank .bank-logo, .bank-span.settings-bank-accounts.en.baac .bank-logo, .bank-span.settings-bank-accounts.en.promptpay .bank-logo, .bank-span.settings-bank-accounts.en.truemoney .bank-logo, .bank-span.settings-bank-accounts.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 616px 44px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.en.bidvbank .bank-logo, .bank-span.tour-bank-setup.en.meritime .bank-logo, .bank-span.tour-bank-setup.en.sacombank .bank-logo, .bank-span.tour-bank-setup.en.techcom .bank-logo, .bank-span.tour-bank-setup.en.vietcombank .bank-logo, .bank-span.tour-bank-setup.en.vieteximbank .bank-logo, .bank-span.tour-bank-setup.en.vietinbank .bank-logo, .bank-span.tour-bank-setup.en.vpbank .bank-logo, .bank-span.tour-bank-setup.en.agribank .bank-logo, .bank-span.settings-bank-accounts.en.bidvbank .bank-logo, .bank-span.settings-bank-accounts.en.meritime .bank-logo, .bank-span.settings-bank-accounts.en.sacombank .bank-logo, .bank-span.settings-bank-accounts.en.techcom .bank-logo, .bank-span.settings-bank-accounts.en.vietcombank .bank-logo, .bank-span.settings-bank-accounts.en.vieteximbank .bank-logo, .bank-span.settings-bank-accounts.en.vietinbank .bank-logo, .bank-span.settings-bank-accounts.en.vpbank .bank-logo, .bank-span.settings-bank-accounts.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 220px 44px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.en.aub .bank-logo, .bank-span.tour-bank-setup.en.bsp .bank-logo, .bank-span.tour-bank-setup.en.bdo .bank-logo, .bank-span.tour-bank-setup.en.bpi .bank-logo, .bank-span.tour-bank-setup.en.cbc .bank-logo, .bank-span.tour-bank-setup.en.dbp .bank-logo, .bank-span.tour-bank-setup.en.ew .bank-logo, .bank-span.tour-bank-setup.en.gcash .bank-logo, .bank-span.tour-bank-setup.en.lbp .bank-logo, .bank-span.tour-bank-setup.en.mbt .bank-logo, .bank-span.tour-bank-setup.en.paymaya .bank-logo, .bank-span.tour-bank-setup.en.pbcom .bank-logo, .bank-span.tour-bank-setup.en.pbb .bank-logo, .bank-span.tour-bank-setup.en.pht .bank-logo, .bank-span.tour-bank-setup.en.psb .bank-logo, .bank-span.tour-bank-setup.en.rcbc .bank-logo, .bank-span.tour-bank-setup.en.rbank .bank-logo, .bank-span.tour-bank-setup.en.sbc .bank-logo, .bank-span.tour-bank-setup.en.ub .bank-logo, .bank-span.tour-bank-setup.en.ucbp .bank-logo, .bank-span.tour-bank-setup.en.cod .bank-logo, .bank-span.tour-bank-setup.en.truemoney .bank-logo, .bank-span.tour-bank-setup.en.shopeepay .bank-logo, .bank-span.tour-bank-setup.en.paypal .bank-logo, .bank-span.tour-bank-setup.en.cash .bank-logo, .bank-span.settings-bank-accounts.en.aub .bank-logo, .bank-span.settings-bank-accounts.en.bsp .bank-logo, .bank-span.settings-bank-accounts.en.bdo .bank-logo, .bank-span.settings-bank-accounts.en.bpi .bank-logo, .bank-span.settings-bank-accounts.en.cbc .bank-logo, .bank-span.settings-bank-accounts.en.dbp .bank-logo, .bank-span.settings-bank-accounts.en.ew .bank-logo, .bank-span.settings-bank-accounts.en.gcash .bank-logo, .bank-span.settings-bank-accounts.en.lbp .bank-logo, .bank-span.settings-bank-accounts.en.mbt .bank-logo, .bank-span.settings-bank-accounts.en.paymaya .bank-logo, .bank-span.settings-bank-accounts.en.pbcom .bank-logo, .bank-span.settings-bank-accounts.en.pbb .bank-logo, .bank-span.settings-bank-accounts.en.pht .bank-logo, .bank-span.settings-bank-accounts.en.psb .bank-logo, .bank-span.settings-bank-accounts.en.rcbc .bank-logo, .bank-span.settings-bank-accounts.en.rbank .bank-logo, .bank-span.settings-bank-accounts.en.sbc .bank-logo, .bank-span.settings-bank-accounts.en.ub .bank-logo, .bank-span.settings-bank-accounts.en.ucbp .bank-logo, .bank-span.settings-bank-accounts.en.cod .bank-logo, .bank-span.settings-bank-accounts.en.truemoney .bank-logo, .bank-span.settings-bank-accounts.en.shopeepay .bank-logo, .bank-span.settings-bank-accounts.en.paypal .bank-logo, .bank-span.settings-bank-accounts.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 572px 44px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.en.tabungan_negara .bank-logo, .bank-span.tour-bank-setup.en.central_asia .bank-logo, .bank-span.tour-bank-setup.en.negara_indonesia .bank-logo, .bank-span.tour-bank-setup.en.panin .bank-logo, .bank-span.tour-bank-setup.en.internasional_indonesia .bank-logo, .bank-span.tour-bank-setup.en.rakyat_indonesia .bank-logo, .bank-span.tour-bank-setup.en.mandiri .bank-logo, .bank-span.tour-bank-setup.en.danamon .bank-logo, .bank-span.tour-bank-setup.en.cimb_niaga .bank-logo, .bank-span.settings-bank-accounts.en.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts.en.central_asia .bank-logo, .bank-span.settings-bank-accounts.en.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.panin .bank-logo, .bank-span.settings-bank-accounts.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.mandiri .bank-logo, .bank-span.settings-bank-accounts.en.danamon .bank-logo, .bank-span.settings-bank-accounts.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 220px 44px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.en.custom .bank-logo, .bank-span.settings-bank-accounts.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 220px 44px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.aub .bank-logo, .bank-span.tour-bank-setup.en.aub .bank-logo, .bank-span.settings-bank-accounts.ph.aub .bank-logo, .bank-span.settings-bank-accounts.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.bsp .bank-logo, .bank-span.tour-bank-setup.en.bsp .bank-logo, .bank-span.settings-bank-accounts.ph.bsp .bank-logo, .bank-span.settings-bank-accounts.en.bsp .bank-logo {
      background-position: -22px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.bdo .bank-logo, .bank-span.tour-bank-setup.en.bdo .bank-logo, .bank-span.settings-bank-accounts.ph.bdo .bank-logo, .bank-span.settings-bank-accounts.en.bdo .bank-logo {
      background-position: -44px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.bpi .bank-logo, .bank-span.tour-bank-setup.en.bpi .bank-logo, .bank-span.settings-bank-accounts.ph.bpi .bank-logo, .bank-span.settings-bank-accounts.en.bpi .bank-logo {
      background-position: -66px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.cbc .bank-logo, .bank-span.tour-bank-setup.en.cbc .bank-logo, .bank-span.settings-bank-accounts.ph.cbc .bank-logo, .bank-span.settings-bank-accounts.en.cbc .bank-logo {
      background-position: -88px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.dbp .bank-logo, .bank-span.tour-bank-setup.en.dbp .bank-logo, .bank-span.settings-bank-accounts.ph.dbp .bank-logo, .bank-span.settings-bank-accounts.en.dbp .bank-logo {
      background-position: -110px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.ew .bank-logo, .bank-span.tour-bank-setup.en.ew .bank-logo, .bank-span.settings-bank-accounts.ph.ew .bank-logo, .bank-span.settings-bank-accounts.en.ew .bank-logo {
      background-position: -132px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.gcash .bank-logo, .bank-span.tour-bank-setup.en.gcash .bank-logo, .bank-span.settings-bank-accounts.ph.gcash .bank-logo, .bank-span.settings-bank-accounts.en.gcash .bank-logo {
      background-position: -154px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.lbp .bank-logo, .bank-span.tour-bank-setup.en.lbp .bank-logo, .bank-span.settings-bank-accounts.ph.lbp .bank-logo, .bank-span.settings-bank-accounts.en.lbp .bank-logo {
      background-position: -176px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.mbt .bank-logo, .bank-span.tour-bank-setup.en.mbt .bank-logo, .bank-span.settings-bank-accounts.ph.mbt .bank-logo, .bank-span.settings-bank-accounts.en.mbt .bank-logo {
      background-position: -198px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.paymaya .bank-logo, .bank-span.tour-bank-setup.en.paymaya .bank-logo, .bank-span.settings-bank-accounts.ph.paymaya .bank-logo, .bank-span.settings-bank-accounts.en.paymaya .bank-logo {
      background-position: -220px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.pbcom .bank-logo, .bank-span.tour-bank-setup.en.pbcom .bank-logo, .bank-span.settings-bank-accounts.ph.pbcom .bank-logo, .bank-span.settings-bank-accounts.en.pbcom .bank-logo {
      background-position: -242px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.pbb .bank-logo, .bank-span.tour-bank-setup.en.pbb .bank-logo, .bank-span.settings-bank-accounts.ph.pbb .bank-logo, .bank-span.settings-bank-accounts.en.pbb .bank-logo {
      background-position: -264px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.pht .bank-logo, .bank-span.tour-bank-setup.en.pht .bank-logo, .bank-span.settings-bank-accounts.ph.pht .bank-logo, .bank-span.settings-bank-accounts.en.pht .bank-logo {
      background-position: -286px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.psb .bank-logo, .bank-span.tour-bank-setup.en.psb .bank-logo, .bank-span.settings-bank-accounts.ph.psb .bank-logo, .bank-span.settings-bank-accounts.en.psb .bank-logo {
      background-position: -308px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.rcbc .bank-logo, .bank-span.tour-bank-setup.en.rcbc .bank-logo, .bank-span.settings-bank-accounts.ph.rcbc .bank-logo, .bank-span.settings-bank-accounts.en.rcbc .bank-logo {
      background-position: -330px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.rbank .bank-logo, .bank-span.tour-bank-setup.en.rbank .bank-logo, .bank-span.settings-bank-accounts.ph.rbank .bank-logo, .bank-span.settings-bank-accounts.en.rbank .bank-logo {
      background-position: -352px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.sbc .bank-logo, .bank-span.tour-bank-setup.en.sbc .bank-logo, .bank-span.settings-bank-accounts.ph.sbc .bank-logo, .bank-span.settings-bank-accounts.en.sbc .bank-logo {
      background-position: -374px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.ub .bank-logo, .bank-span.tour-bank-setup.en.ub .bank-logo, .bank-span.settings-bank-accounts.ph.ub .bank-logo, .bank-span.settings-bank-accounts.en.ub .bank-logo {
      background-position: -396px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.ucbp .bank-logo, .bank-span.tour-bank-setup.en.ucbp .bank-logo, .bank-span.settings-bank-accounts.ph.ucbp .bank-logo, .bank-span.settings-bank-accounts.en.ucbp .bank-logo {
      background-position: -418px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.cod .bank-logo, .bank-span.tour-bank-setup.en.cod .bank-logo, .bank-span.settings-bank-accounts.ph.cod .bank-logo, .bank-span.settings-bank-accounts.en.cod .bank-logo {
      background-position: -440px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.truemoney, .bank-span.tour-bank-setup.en.truemoney, .bank-span.settings-bank-accounts.ph.truemoney, .bank-span.settings-bank-accounts.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.ph.truemoney .bank-logo, .bank-span.tour-bank-setup.en.truemoney .bank-logo, .bank-span.settings-bank-accounts.ph.truemoney .bank-logo, .bank-span.settings-bank-accounts.en.truemoney .bank-logo {
        background-position: -462px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.shopeepay, .bank-span.tour-bank-setup.en.shopeepay, .bank-span.settings-bank-accounts.ph.shopeepay, .bank-span.settings-bank-accounts.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.ph.shopeepay .bank-logo, .bank-span.tour-bank-setup.en.shopeepay .bank-logo, .bank-span.settings-bank-accounts.ph.shopeepay .bank-logo, .bank-span.settings-bank-accounts.en.shopeepay .bank-logo {
        background-position: -484px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.paypal, .bank-span.tour-bank-setup.en.paypal, .bank-span.settings-bank-accounts.ph.paypal, .bank-span.settings-bank-accounts.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.ph.paypal .bank-logo, .bank-span.tour-bank-setup.en.paypal .bank-logo, .bank-span.settings-bank-accounts.ph.paypal .bank-logo, .bank-span.settings-bank-accounts.en.paypal .bank-logo {
        background-position: -506px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.cash, .bank-span.tour-bank-setup.en.cash, .bank-span.settings-bank-accounts.ph.cash, .bank-span.settings-bank-accounts.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.ph.cash .bank-logo, .bank-span.tour-bank-setup.en.cash .bank-logo, .bank-span.settings-bank-accounts.ph.cash .bank-logo, .bank-span.settings-bank-accounts.en.cash .bank-logo {
        background-position: -528px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.ph.custom .bank-logo, .bank-span.tour-bank-setup.en.custom .bank-logo, .bank-span.settings-bank-accounts.ph.custom .bank-logo, .bank-span.settings-bank-accounts.en.custom .bank-logo {
      background-position: -550px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.ttb, .bank-span.tour-bank-setup.en.ttb, .bank-span.settings-bank-accounts.th.ttb, .bank-span.settings-bank-accounts.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.ttb .bank-logo, .bank-span.tour-bank-setup.en.ttb .bank-logo, .bank-span.settings-bank-accounts.th.ttb .bank-logo, .bank-span.settings-bank-accounts.en.ttb .bank-logo {
        background-position: -440px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.kbank, .bank-span.tour-bank-setup.en.kbank, .bank-span.settings-bank-accounts.th.kbank, .bank-span.settings-bank-accounts.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.kbank .bank-logo, .bank-span.tour-bank-setup.en.kbank .bank-logo, .bank-span.settings-bank-accounts.th.kbank .bank-logo, .bank-span.settings-bank-accounts.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.scb, .bank-span.tour-bank-setup.en.scb, .bank-span.settings-bank-accounts.th.scb, .bank-span.settings-bank-accounts.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.scb .bank-logo, .bank-span.tour-bank-setup.en.scb .bank-logo, .bank-span.settings-bank-accounts.th.scb .bank-logo, .bank-span.settings-bank-accounts.en.scb .bank-logo {
        background-position: -22px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.bbl, .bank-span.tour-bank-setup.en.bbl, .bank-span.settings-bank-accounts.th.bbl, .bank-span.settings-bank-accounts.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.bbl .bank-logo, .bank-span.tour-bank-setup.en.bbl .bank-logo, .bank-span.settings-bank-accounts.th.bbl .bank-logo, .bank-span.settings-bank-accounts.en.bbl .bank-logo {
        background-position: -44px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.ktb, .bank-span.tour-bank-setup.en.ktb, .bank-span.settings-bank-accounts.th.ktb, .bank-span.settings-bank-accounts.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.ktb .bank-logo, .bank-span.tour-bank-setup.en.ktb .bank-logo, .bank-span.settings-bank-accounts.th.ktb .bank-logo, .bank-span.settings-bank-accounts.en.ktb .bank-logo {
        background-position: -66px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.bay, .bank-span.tour-bank-setup.en.bay, .bank-span.settings-bank-accounts.th.bay, .bank-span.settings-bank-accounts.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.bay .bank-logo, .bank-span.tour-bank-setup.en.bay .bank-logo, .bank-span.settings-bank-accounts.th.bay .bank-logo, .bank-span.settings-bank-accounts.en.bay .bank-logo {
        background-position: -88px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.tmb, .bank-span.tour-bank-setup.en.tmb, .bank-span.settings-bank-accounts.th.tmb, .bank-span.settings-bank-accounts.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.tmb .bank-logo, .bank-span.tour-bank-setup.en.tmb .bank-logo, .bank-span.settings-bank-accounts.th.tmb .bank-logo, .bank-span.settings-bank-accounts.en.tmb .bank-logo {
        background-position: -110px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.uob, .bank-span.tour-bank-setup.en.uob, .bank-span.settings-bank-accounts.th.uob, .bank-span.settings-bank-accounts.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.uob .bank-logo, .bank-span.tour-bank-setup.en.uob .bank-logo, .bank-span.settings-bank-accounts.th.uob .bank-logo, .bank-span.settings-bank-accounts.en.uob .bank-logo {
        background-position: -132px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.gsba, .bank-span.tour-bank-setup.en.gsba, .bank-span.settings-bank-accounts.th.gsba, .bank-span.settings-bank-accounts.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.gsba .bank-logo, .bank-span.tour-bank-setup.en.gsba .bank-logo, .bank-span.settings-bank-accounts.th.gsba .bank-logo, .bank-span.settings-bank-accounts.en.gsba .bank-logo {
        background-position: -154px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.tcap, .bank-span.tour-bank-setup.en.tcap, .bank-span.settings-bank-accounts.th.tcap, .bank-span.settings-bank-accounts.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.tcap .bank-logo, .bank-span.tour-bank-setup.en.tcap .bank-logo, .bank-span.settings-bank-accounts.th.tcap .bank-logo, .bank-span.settings-bank-accounts.en.tcap .bank-logo {
        background-position: -176px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.kkp, .bank-span.tour-bank-setup.en.kkp, .bank-span.settings-bank-accounts.th.kkp, .bank-span.settings-bank-accounts.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.kkp .bank-logo, .bank-span.tour-bank-setup.en.kkp .bank-logo, .bank-span.settings-bank-accounts.th.kkp .bank-logo, .bank-span.settings-bank-accounts.en.kkp .bank-logo {
        background-position: -198px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.scbl, .bank-span.tour-bank-setup.en.scbl, .bank-span.settings-bank-accounts.th.scbl, .bank-span.settings-bank-accounts.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.scbl .bank-logo, .bank-span.tour-bank-setup.en.scbl .bank-logo, .bank-span.settings-bank-accounts.th.scbl .bank-logo, .bank-span.settings-bank-accounts.en.scbl .bank-logo {
        background-position: -220px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.cimb, .bank-span.tour-bank-setup.en.cimb, .bank-span.settings-bank-accounts.th.cimb, .bank-span.settings-bank-accounts.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.cimb .bank-logo, .bank-span.tour-bank-setup.en.cimb .bank-logo, .bank-span.settings-bank-accounts.th.cimb .bank-logo, .bank-span.settings-bank-accounts.en.cimb .bank-logo {
        background-position: -242px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.tisco, .bank-span.tour-bank-setup.en.tisco, .bank-span.settings-bank-accounts.th.tisco, .bank-span.settings-bank-accounts.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.tisco .bank-logo, .bank-span.tour-bank-setup.en.tisco .bank-logo, .bank-span.settings-bank-accounts.th.tisco .bank-logo, .bank-span.settings-bank-accounts.en.tisco .bank-logo {
        background-position: -264px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.lhbank, .bank-span.tour-bank-setup.en.lhbank, .bank-span.settings-bank-accounts.th.lhbank, .bank-span.settings-bank-accounts.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.lhbank .bank-logo, .bank-span.tour-bank-setup.en.lhbank .bank-logo, .bank-span.settings-bank-accounts.th.lhbank .bank-logo, .bank-span.settings-bank-accounts.en.lhbank .bank-logo {
        background-position: -286px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.ghb, .bank-span.tour-bank-setup.en.ghb, .bank-span.settings-bank-accounts.th.ghb, .bank-span.settings-bank-accounts.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.ghb .bank-logo, .bank-span.tour-bank-setup.en.ghb .bank-logo, .bank-span.settings-bank-accounts.th.ghb .bank-logo, .bank-span.settings-bank-accounts.en.ghb .bank-logo {
        background-position: -308px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.ibank, .bank-span.tour-bank-setup.en.ibank, .bank-span.settings-bank-accounts.th.ibank, .bank-span.settings-bank-accounts.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.ibank .bank-logo, .bank-span.tour-bank-setup.en.ibank .bank-logo, .bank-span.settings-bank-accounts.th.ibank .bank-logo, .bank-span.settings-bank-accounts.en.ibank .bank-logo {
        background-position: -330px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.baac, .bank-span.tour-bank-setup.en.baac, .bank-span.settings-bank-accounts.th.baac, .bank-span.settings-bank-accounts.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.baac .bank-logo, .bank-span.tour-bank-setup.en.baac .bank-logo, .bank-span.settings-bank-accounts.th.baac .bank-logo, .bank-span.settings-bank-accounts.en.baac .bank-logo {
        background-position: -352px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.truemoney, .bank-span.tour-bank-setup.en.truemoney, .bank-span.settings-bank-accounts.th.truemoney, .bank-span.settings-bank-accounts.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.truemoney .bank-logo, .bank-span.tour-bank-setup.en.truemoney .bank-logo, .bank-span.settings-bank-accounts.th.truemoney .bank-logo, .bank-span.settings-bank-accounts.en.truemoney .bank-logo {
        background-position: -374px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.promptpay, .bank-span.tour-bank-setup.en.promptpay, .bank-span.settings-bank-accounts.th.promptpay, .bank-span.settings-bank-accounts.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.promptpay .bank-logo, .bank-span.tour-bank-setup.en.promptpay .bank-logo, .bank-span.settings-bank-accounts.th.promptpay .bank-logo, .bank-span.settings-bank-accounts.en.promptpay .bank-logo {
        background-position: -396px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.cod, .bank-span.tour-bank-setup.en.cod, .bank-span.settings-bank-accounts.th.cod, .bank-span.settings-bank-accounts.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.cod .bank-logo, .bank-span.tour-bank-setup.en.cod .bank-logo, .bank-span.settings-bank-accounts.th.cod .bank-logo, .bank-span.settings-bank-accounts.en.cod .bank-logo {
        background-position: -418px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.maemanee, .bank-span.tour-bank-setup.en.maemanee, .bank-span.settings-bank-accounts.th.maemanee, .bank-span.settings-bank-accounts.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.maemanee .bank-logo, .bank-span.tour-bank-setup.en.maemanee .bank-logo, .bank-span.settings-bank-accounts.th.maemanee .bank-logo, .bank-span.settings-bank-accounts.en.maemanee .bank-logo {
        background-position: -462px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.kplusshop, .bank-span.tour-bank-setup.en.kplusshop, .bank-span.settings-bank-accounts.th.kplusshop, .bank-span.settings-bank-accounts.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.kplusshop .bank-logo, .bank-span.tour-bank-setup.en.kplusshop .bank-logo, .bank-span.settings-bank-accounts.th.kplusshop .bank-logo, .bank-span.settings-bank-accounts.en.kplusshop .bank-logo {
        background-position: -484px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.shopeepay, .bank-span.tour-bank-setup.en.shopeepay, .bank-span.settings-bank-accounts.th.shopeepay, .bank-span.settings-bank-accounts.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.shopeepay .bank-logo, .bank-span.tour-bank-setup.en.shopeepay .bank-logo, .bank-span.settings-bank-accounts.th.shopeepay .bank-logo, .bank-span.settings-bank-accounts.en.shopeepay .bank-logo {
        background-position: -506px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.rabbitlinepay, .bank-span.tour-bank-setup.en.rabbitlinepay, .bank-span.settings-bank-accounts.th.rabbitlinepay, .bank-span.settings-bank-accounts.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.rabbitlinepay .bank-logo, .bank-span.tour-bank-setup.en.rabbitlinepay .bank-logo, .bank-span.settings-bank-accounts.th.rabbitlinepay .bank-logo, .bank-span.settings-bank-accounts.en.rabbitlinepay .bank-logo {
        background-position: -528px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.paypal, .bank-span.tour-bank-setup.en.paypal, .bank-span.settings-bank-accounts.th.paypal, .bank-span.settings-bank-accounts.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.paypal .bank-logo, .bank-span.tour-bank-setup.en.paypal .bank-logo, .bank-span.settings-bank-accounts.th.paypal .bank-logo, .bank-span.settings-bank-accounts.en.paypal .bank-logo {
        background-position: -550px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.cash, .bank-span.tour-bank-setup.en.cash, .bank-span.settings-bank-accounts.th.cash, .bank-span.settings-bank-accounts.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.cash .bank-logo, .bank-span.tour-bank-setup.en.cash .bank-logo, .bank-span.settings-bank-accounts.th.cash .bank-logo, .bank-span.settings-bank-accounts.en.cash .bank-logo {
        background-position: -572px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.custom .bank-logo, .bank-span.tour-bank-setup.en.custom .bank-logo, .bank-span.settings-bank-accounts.th.custom .bank-logo, .bank-span.settings-bank-accounts.en.custom .bank-logo {
      background-position: -594px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.discover .bank-logo, .bank-span.tour-bank-setup.en.discover .bank-logo, .bank-span.settings-bank-accounts.th.discover .bank-logo, .bank-span.settings-bank-accounts.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.visa .bank-logo, .bank-span.tour-bank-setup.en.visa .bank-logo, .bank-span.settings-bank-accounts.th.visa .bank-logo, .bank-span.settings-bank-accounts.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.mastercard .bank-logo, .bank-span.tour-bank-setup.en.mastercard .bank-logo, .bank-span.settings-bank-accounts.th.mastercard .bank-logo, .bank-span.settings-bank-accounts.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.jcb .bank-logo, .bank-span.tour-bank-setup.en.jcb .bank-logo, .bank-span.settings-bank-accounts.th.jcb .bank-logo, .bank-span.settings-bank-accounts.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.internet_banking_scb, .bank-span.tour-bank-setup.en.internet_banking_scb, .bank-span.settings-bank-accounts.th.internet_banking_scb, .bank-span.settings-bank-accounts.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.internet_banking_scb .bank-logo, .bank-span.tour-bank-setup.en.internet_banking_scb .bank-logo, .bank-span.settings-bank-accounts.th.internet_banking_scb .bank-logo, .bank-span.settings-bank-accounts.en.internet_banking_scb .bank-logo {
        background-position: -22px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.internet_banking_bbl, .bank-span.tour-bank-setup.en.internet_banking_bbl, .bank-span.settings-bank-accounts.th.internet_banking_bbl, .bank-span.settings-bank-accounts.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.internet_banking_bbl .bank-logo, .bank-span.tour-bank-setup.en.internet_banking_bbl .bank-logo, .bank-span.settings-bank-accounts.th.internet_banking_bbl .bank-logo, .bank-span.settings-bank-accounts.en.internet_banking_bbl .bank-logo {
        background-position: -44px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.internet_banking_ktb, .bank-span.tour-bank-setup.en.internet_banking_ktb, .bank-span.settings-bank-accounts.th.internet_banking_ktb, .bank-span.settings-bank-accounts.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.internet_banking_ktb .bank-logo, .bank-span.tour-bank-setup.en.internet_banking_ktb .bank-logo, .bank-span.settings-bank-accounts.th.internet_banking_ktb .bank-logo, .bank-span.settings-bank-accounts.en.internet_banking_ktb .bank-logo {
        background-position: -66px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.internet_banking_bay, .bank-span.tour-bank-setup.en.internet_banking_bay, .bank-span.settings-bank-accounts.th.internet_banking_bay, .bank-span.settings-bank-accounts.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.th.internet_banking_bay .bank-logo, .bank-span.tour-bank-setup.en.internet_banking_bay .bank-logo, .bank-span.settings-bank-accounts.th.internet_banking_bay .bank-logo, .bank-span.settings-bank-accounts.en.internet_banking_bay .bank-logo {
        background-position: -88px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.th.line .bank-logo, .bank-span.tour-bank-setup.en.line .bank-logo, .bank-span.settings-bank-accounts.th.line .bank-logo, .bank-span.settings-bank-accounts.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.bidvbank, .bank-span.tour-bank-setup.en.bidvbank, .bank-span.settings-bank-accounts.vi.bidvbank, .bank-span.settings-bank-accounts.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.bidvbank .bank-logo, .bank-span.tour-bank-setup.en.bidvbank .bank-logo, .bank-span.settings-bank-accounts.vi.bidvbank .bank-logo, .bank-span.settings-bank-accounts.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.meritime, .bank-span.tour-bank-setup.en.meritime, .bank-span.settings-bank-accounts.vi.meritime, .bank-span.settings-bank-accounts.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.meritime .bank-logo, .bank-span.tour-bank-setup.en.meritime .bank-logo, .bank-span.settings-bank-accounts.vi.meritime .bank-logo, .bank-span.settings-bank-accounts.en.meritime .bank-logo {
        background-position: -22px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.sacombank, .bank-span.tour-bank-setup.en.sacombank, .bank-span.settings-bank-accounts.vi.sacombank, .bank-span.settings-bank-accounts.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.sacombank .bank-logo, .bank-span.tour-bank-setup.en.sacombank .bank-logo, .bank-span.settings-bank-accounts.vi.sacombank .bank-logo, .bank-span.settings-bank-accounts.en.sacombank .bank-logo {
        background-position: -44px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.techcom, .bank-span.tour-bank-setup.en.techcom, .bank-span.settings-bank-accounts.vi.techcom, .bank-span.settings-bank-accounts.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.techcom .bank-logo, .bank-span.tour-bank-setup.en.techcom .bank-logo, .bank-span.settings-bank-accounts.vi.techcom .bank-logo, .bank-span.settings-bank-accounts.en.techcom .bank-logo {
        background-position: -66px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.vietcombank, .bank-span.tour-bank-setup.en.vietcombank, .bank-span.settings-bank-accounts.vi.vietcombank, .bank-span.settings-bank-accounts.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.vietcombank .bank-logo, .bank-span.tour-bank-setup.en.vietcombank .bank-logo, .bank-span.settings-bank-accounts.vi.vietcombank .bank-logo, .bank-span.settings-bank-accounts.en.vietcombank .bank-logo {
        background-position: -88px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.vieteximbank, .bank-span.tour-bank-setup.en.vieteximbank, .bank-span.settings-bank-accounts.vi.vieteximbank, .bank-span.settings-bank-accounts.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.vieteximbank .bank-logo, .bank-span.tour-bank-setup.en.vieteximbank .bank-logo, .bank-span.settings-bank-accounts.vi.vieteximbank .bank-logo, .bank-span.settings-bank-accounts.en.vieteximbank .bank-logo {
        background-position: -110px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.vietinbank, .bank-span.tour-bank-setup.en.vietinbank, .bank-span.settings-bank-accounts.vi.vietinbank, .bank-span.settings-bank-accounts.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.vietinbank .bank-logo, .bank-span.tour-bank-setup.en.vietinbank .bank-logo, .bank-span.settings-bank-accounts.vi.vietinbank .bank-logo, .bank-span.settings-bank-accounts.en.vietinbank .bank-logo {
        background-position: -132px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.vpbank, .bank-span.tour-bank-setup.en.vpbank, .bank-span.settings-bank-accounts.vi.vpbank, .bank-span.settings-bank-accounts.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.vpbank .bank-logo, .bank-span.tour-bank-setup.en.vpbank .bank-logo, .bank-span.settings-bank-accounts.vi.vpbank .bank-logo, .bank-span.settings-bank-accounts.en.vpbank .bank-logo {
        background-position: -154px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.agribank, .bank-span.tour-bank-setup.en.agribank, .bank-span.settings-bank-accounts.vi.agribank, .bank-span.settings-bank-accounts.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.vi.agribank .bank-logo, .bank-span.tour-bank-setup.en.agribank .bank-logo, .bank-span.settings-bank-accounts.vi.agribank .bank-logo, .bank-span.settings-bank-accounts.en.agribank .bank-logo {
        background-position: -176px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.vi.custom .bank-logo, .bank-span.tour-bank-setup.en.custom .bank-logo, .bank-span.settings-bank-accounts.vi.custom .bank-logo, .bank-span.settings-bank-accounts.en.custom .bank-logo {
      background-position: -198px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.tabungan_negara, .bank-span.tour-bank-setup.en.tabungan_negara, .bank-span.settings-bank-accounts.id.tabungan_negara, .bank-span.settings-bank-accounts.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.tabungan_negara .bank-logo, .bank-span.tour-bank-setup.en.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts.id.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.central_asia, .bank-span.tour-bank-setup.en.central_asia, .bank-span.settings-bank-accounts.id.central_asia, .bank-span.settings-bank-accounts.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.central_asia .bank-logo, .bank-span.tour-bank-setup.en.central_asia .bank-logo, .bank-span.settings-bank-accounts.id.central_asia .bank-logo, .bank-span.settings-bank-accounts.en.central_asia .bank-logo {
        background-position: -22px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.negara_indonesia, .bank-span.tour-bank-setup.en.negara_indonesia, .bank-span.settings-bank-accounts.id.negara_indonesia, .bank-span.settings-bank-accounts.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.negara_indonesia .bank-logo, .bank-span.tour-bank-setup.en.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts.id.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.negara_indonesia .bank-logo {
        background-position: -44px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.panin, .bank-span.tour-bank-setup.en.panin, .bank-span.settings-bank-accounts.id.panin, .bank-span.settings-bank-accounts.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.panin .bank-logo, .bank-span.tour-bank-setup.en.panin .bank-logo, .bank-span.settings-bank-accounts.id.panin .bank-logo, .bank-span.settings-bank-accounts.en.panin .bank-logo {
        background-position: -66px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.internasional_indonesia, .bank-span.tour-bank-setup.en.internasional_indonesia, .bank-span.settings-bank-accounts.id.internasional_indonesia, .bank-span.settings-bank-accounts.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.internasional_indonesia .bank-logo, .bank-span.tour-bank-setup.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts.id.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.internasional_indonesia .bank-logo {
        background-position: -88px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.rakyat_indonesia, .bank-span.tour-bank-setup.en.rakyat_indonesia, .bank-span.settings-bank-accounts.id.rakyat_indonesia, .bank-span.settings-bank-accounts.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.rakyat_indonesia .bank-logo, .bank-span.tour-bank-setup.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts.id.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts.en.rakyat_indonesia .bank-logo {
        background-position: -110px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.mandiri, .bank-span.tour-bank-setup.en.mandiri, .bank-span.settings-bank-accounts.id.mandiri, .bank-span.settings-bank-accounts.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.mandiri .bank-logo, .bank-span.tour-bank-setup.en.mandiri .bank-logo, .bank-span.settings-bank-accounts.id.mandiri .bank-logo, .bank-span.settings-bank-accounts.en.mandiri .bank-logo {
        background-position: -132px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.danamon, .bank-span.tour-bank-setup.en.danamon, .bank-span.settings-bank-accounts.id.danamon, .bank-span.settings-bank-accounts.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.danamon .bank-logo, .bank-span.tour-bank-setup.en.danamon .bank-logo, .bank-span.settings-bank-accounts.id.danamon .bank-logo, .bank-span.settings-bank-accounts.en.danamon .bank-logo {
        background-position: -154px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.cimb_niaga, .bank-span.tour-bank-setup.en.cimb_niaga, .bank-span.settings-bank-accounts.id.cimb_niaga, .bank-span.settings-bank-accounts.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup.id.cimb_niaga .bank-logo, .bank-span.tour-bank-setup.en.cimb_niaga .bank-logo, .bank-span.settings-bank-accounts.id.cimb_niaga .bank-logo, .bank-span.settings-bank-accounts.en.cimb_niaga .bank-logo {
        background-position: -176px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup.id.custom .bank-logo, .bank-span.tour-bank-setup.en.custom .bank-logo, .bank-span.settings-bank-accounts.id.custom .bank-logo, .bank-span.settings-bank-accounts.en.custom .bank-logo {
      background-position: -198px 0px; }
  /* line 589, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.tour-bank-setup-mobile {
    width: 50px;
    height: 50px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile .bank-logo {
      width: 28px;
      height: 28px;
      margin: 11px; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 784px 56px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 728px 56px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 280px 56px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 280px 56px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.en.ttb .bank-logo, .bank-span.tour-bank-setup-mobile.en.kbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.scb .bank-logo, .bank-span.tour-bank-setup-mobile.en.bbl .bank-logo, .bank-span.tour-bank-setup-mobile.en.ktb .bank-logo, .bank-span.tour-bank-setup-mobile.en.bay .bank-logo, .bank-span.tour-bank-setup-mobile.en.tmb .bank-logo, .bank-span.tour-bank-setup-mobile.en.uob .bank-logo, .bank-span.tour-bank-setup-mobile.en.gsba .bank-logo, .bank-span.tour-bank-setup-mobile.en.tcap .bank-logo, .bank-span.tour-bank-setup-mobile.en.kkp .bank-logo, .bank-span.tour-bank-setup-mobile.en.scbl .bank-logo, .bank-span.tour-bank-setup-mobile.en.cimb .bank-logo, .bank-span.tour-bank-setup-mobile.en.tisco .bank-logo, .bank-span.tour-bank-setup-mobile.en.lhbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.ghb .bank-logo, .bank-span.tour-bank-setup-mobile.en.ibank .bank-logo, .bank-span.tour-bank-setup-mobile.en.baac .bank-logo, .bank-span.tour-bank-setup-mobile.en.promptpay .bank-logo, .bank-span.tour-bank-setup-mobile.en.truemoney .bank-logo, .bank-span.tour-bank-setup-mobile.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 784px 56px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.en.bidvbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.meritime .bank-logo, .bank-span.tour-bank-setup-mobile.en.sacombank .bank-logo, .bank-span.tour-bank-setup-mobile.en.techcom .bank-logo, .bank-span.tour-bank-setup-mobile.en.vietcombank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vieteximbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vietinbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vpbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 280px 56px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.en.aub .bank-logo, .bank-span.tour-bank-setup-mobile.en.bsp .bank-logo, .bank-span.tour-bank-setup-mobile.en.bdo .bank-logo, .bank-span.tour-bank-setup-mobile.en.bpi .bank-logo, .bank-span.tour-bank-setup-mobile.en.cbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.dbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.ew .bank-logo, .bank-span.tour-bank-setup-mobile.en.gcash .bank-logo, .bank-span.tour-bank-setup-mobile.en.lbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.mbt .bank-logo, .bank-span.tour-bank-setup-mobile.en.paymaya .bank-logo, .bank-span.tour-bank-setup-mobile.en.pbcom .bank-logo, .bank-span.tour-bank-setup-mobile.en.pbb .bank-logo, .bank-span.tour-bank-setup-mobile.en.pht .bank-logo, .bank-span.tour-bank-setup-mobile.en.psb .bank-logo, .bank-span.tour-bank-setup-mobile.en.rcbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.rbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.sbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.ub .bank-logo, .bank-span.tour-bank-setup-mobile.en.ucbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.cod .bank-logo, .bank-span.tour-bank-setup-mobile.en.truemoney .bank-logo, .bank-span.tour-bank-setup-mobile.en.shopeepay .bank-logo, .bank-span.tour-bank-setup-mobile.en.paypal .bank-logo, .bank-span.tour-bank-setup-mobile.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 728px 56px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.en.tabungan_negara .bank-logo, .bank-span.tour-bank-setup-mobile.en.central_asia .bank-logo, .bank-span.tour-bank-setup-mobile.en.negara_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.panin .bank-logo, .bank-span.tour-bank-setup-mobile.en.internasional_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.rakyat_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.mandiri .bank-logo, .bank-span.tour-bank-setup-mobile.en.danamon .bank-logo, .bank-span.tour-bank-setup-mobile.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 280px 56px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 280px 56px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.aub .bank-logo, .bank-span.tour-bank-setup-mobile.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.bsp .bank-logo, .bank-span.tour-bank-setup-mobile.en.bsp .bank-logo {
      background-position: -28px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.bdo .bank-logo, .bank-span.tour-bank-setup-mobile.en.bdo .bank-logo {
      background-position: -56px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.bpi .bank-logo, .bank-span.tour-bank-setup-mobile.en.bpi .bank-logo {
      background-position: -84px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.cbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.cbc .bank-logo {
      background-position: -112px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.dbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.dbp .bank-logo {
      background-position: -140px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.ew .bank-logo, .bank-span.tour-bank-setup-mobile.en.ew .bank-logo {
      background-position: -168px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.gcash .bank-logo, .bank-span.tour-bank-setup-mobile.en.gcash .bank-logo {
      background-position: -196px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.lbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.lbp .bank-logo {
      background-position: -224px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.mbt .bank-logo, .bank-span.tour-bank-setup-mobile.en.mbt .bank-logo {
      background-position: -252px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.paymaya .bank-logo, .bank-span.tour-bank-setup-mobile.en.paymaya .bank-logo {
      background-position: -280px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.pbcom .bank-logo, .bank-span.tour-bank-setup-mobile.en.pbcom .bank-logo {
      background-position: -308px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.pbb .bank-logo, .bank-span.tour-bank-setup-mobile.en.pbb .bank-logo {
      background-position: -336px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.pht .bank-logo, .bank-span.tour-bank-setup-mobile.en.pht .bank-logo {
      background-position: -364px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.psb .bank-logo, .bank-span.tour-bank-setup-mobile.en.psb .bank-logo {
      background-position: -392px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.rcbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.rcbc .bank-logo {
      background-position: -420px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.rbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.rbank .bank-logo {
      background-position: -448px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.sbc .bank-logo, .bank-span.tour-bank-setup-mobile.en.sbc .bank-logo {
      background-position: -476px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.ub .bank-logo, .bank-span.tour-bank-setup-mobile.en.ub .bank-logo {
      background-position: -504px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.ucbp .bank-logo, .bank-span.tour-bank-setup-mobile.en.ucbp .bank-logo {
      background-position: -532px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.cod .bank-logo, .bank-span.tour-bank-setup-mobile.en.cod .bank-logo {
      background-position: -560px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.truemoney, .bank-span.tour-bank-setup-mobile.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.ph.truemoney .bank-logo, .bank-span.tour-bank-setup-mobile.en.truemoney .bank-logo {
        background-position: -588px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.shopeepay, .bank-span.tour-bank-setup-mobile.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.ph.shopeepay .bank-logo, .bank-span.tour-bank-setup-mobile.en.shopeepay .bank-logo {
        background-position: -616px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.paypal, .bank-span.tour-bank-setup-mobile.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.ph.paypal .bank-logo, .bank-span.tour-bank-setup-mobile.en.paypal .bank-logo {
        background-position: -644px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.cash, .bank-span.tour-bank-setup-mobile.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.ph.cash .bank-logo, .bank-span.tour-bank-setup-mobile.en.cash .bank-logo {
        background-position: -672px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.ph.custom .bank-logo, .bank-span.tour-bank-setup-mobile.en.custom .bank-logo {
      background-position: -700px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.ttb, .bank-span.tour-bank-setup-mobile.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.ttb .bank-logo, .bank-span.tour-bank-setup-mobile.en.ttb .bank-logo {
        background-position: -560px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.kbank, .bank-span.tour-bank-setup-mobile.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.kbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.scb, .bank-span.tour-bank-setup-mobile.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.scb .bank-logo, .bank-span.tour-bank-setup-mobile.en.scb .bank-logo {
        background-position: -28px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.bbl, .bank-span.tour-bank-setup-mobile.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.bbl .bank-logo, .bank-span.tour-bank-setup-mobile.en.bbl .bank-logo {
        background-position: -56px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.ktb, .bank-span.tour-bank-setup-mobile.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.ktb .bank-logo, .bank-span.tour-bank-setup-mobile.en.ktb .bank-logo {
        background-position: -84px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.bay, .bank-span.tour-bank-setup-mobile.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.bay .bank-logo, .bank-span.tour-bank-setup-mobile.en.bay .bank-logo {
        background-position: -112px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.tmb, .bank-span.tour-bank-setup-mobile.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.tmb .bank-logo, .bank-span.tour-bank-setup-mobile.en.tmb .bank-logo {
        background-position: -140px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.uob, .bank-span.tour-bank-setup-mobile.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.uob .bank-logo, .bank-span.tour-bank-setup-mobile.en.uob .bank-logo {
        background-position: -168px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.gsba, .bank-span.tour-bank-setup-mobile.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.gsba .bank-logo, .bank-span.tour-bank-setup-mobile.en.gsba .bank-logo {
        background-position: -196px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.tcap, .bank-span.tour-bank-setup-mobile.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.tcap .bank-logo, .bank-span.tour-bank-setup-mobile.en.tcap .bank-logo {
        background-position: -224px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.kkp, .bank-span.tour-bank-setup-mobile.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.kkp .bank-logo, .bank-span.tour-bank-setup-mobile.en.kkp .bank-logo {
        background-position: -252px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.scbl, .bank-span.tour-bank-setup-mobile.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.scbl .bank-logo, .bank-span.tour-bank-setup-mobile.en.scbl .bank-logo {
        background-position: -280px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.cimb, .bank-span.tour-bank-setup-mobile.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.cimb .bank-logo, .bank-span.tour-bank-setup-mobile.en.cimb .bank-logo {
        background-position: -308px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.tisco, .bank-span.tour-bank-setup-mobile.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.tisco .bank-logo, .bank-span.tour-bank-setup-mobile.en.tisco .bank-logo {
        background-position: -336px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.lhbank, .bank-span.tour-bank-setup-mobile.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.lhbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.lhbank .bank-logo {
        background-position: -364px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.ghb, .bank-span.tour-bank-setup-mobile.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.ghb .bank-logo, .bank-span.tour-bank-setup-mobile.en.ghb .bank-logo {
        background-position: -392px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.ibank, .bank-span.tour-bank-setup-mobile.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.ibank .bank-logo, .bank-span.tour-bank-setup-mobile.en.ibank .bank-logo {
        background-position: -420px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.baac, .bank-span.tour-bank-setup-mobile.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.baac .bank-logo, .bank-span.tour-bank-setup-mobile.en.baac .bank-logo {
        background-position: -448px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.truemoney, .bank-span.tour-bank-setup-mobile.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.truemoney .bank-logo, .bank-span.tour-bank-setup-mobile.en.truemoney .bank-logo {
        background-position: -476px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.promptpay, .bank-span.tour-bank-setup-mobile.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.promptpay .bank-logo, .bank-span.tour-bank-setup-mobile.en.promptpay .bank-logo {
        background-position: -504px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.cod, .bank-span.tour-bank-setup-mobile.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.cod .bank-logo, .bank-span.tour-bank-setup-mobile.en.cod .bank-logo {
        background-position: -532px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.maemanee, .bank-span.tour-bank-setup-mobile.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.maemanee .bank-logo, .bank-span.tour-bank-setup-mobile.en.maemanee .bank-logo {
        background-position: -588px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.kplusshop, .bank-span.tour-bank-setup-mobile.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.kplusshop .bank-logo, .bank-span.tour-bank-setup-mobile.en.kplusshop .bank-logo {
        background-position: -616px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.shopeepay, .bank-span.tour-bank-setup-mobile.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.shopeepay .bank-logo, .bank-span.tour-bank-setup-mobile.en.shopeepay .bank-logo {
        background-position: -644px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.rabbitlinepay, .bank-span.tour-bank-setup-mobile.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.rabbitlinepay .bank-logo, .bank-span.tour-bank-setup-mobile.en.rabbitlinepay .bank-logo {
        background-position: -672px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.paypal, .bank-span.tour-bank-setup-mobile.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.paypal .bank-logo, .bank-span.tour-bank-setup-mobile.en.paypal .bank-logo {
        background-position: -700px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.cash, .bank-span.tour-bank-setup-mobile.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.cash .bank-logo, .bank-span.tour-bank-setup-mobile.en.cash .bank-logo {
        background-position: -728px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.custom .bank-logo, .bank-span.tour-bank-setup-mobile.en.custom .bank-logo {
      background-position: -756px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.discover .bank-logo, .bank-span.tour-bank-setup-mobile.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.visa .bank-logo, .bank-span.tour-bank-setup-mobile.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.mastercard .bank-logo, .bank-span.tour-bank-setup-mobile.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.jcb .bank-logo, .bank-span.tour-bank-setup-mobile.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.internet_banking_scb, .bank-span.tour-bank-setup-mobile.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.internet_banking_scb .bank-logo, .bank-span.tour-bank-setup-mobile.en.internet_banking_scb .bank-logo {
        background-position: -28px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.internet_banking_bbl, .bank-span.tour-bank-setup-mobile.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.internet_banking_bbl .bank-logo, .bank-span.tour-bank-setup-mobile.en.internet_banking_bbl .bank-logo {
        background-position: -56px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.internet_banking_ktb, .bank-span.tour-bank-setup-mobile.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.internet_banking_ktb .bank-logo, .bank-span.tour-bank-setup-mobile.en.internet_banking_ktb .bank-logo {
        background-position: -84px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.internet_banking_bay, .bank-span.tour-bank-setup-mobile.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.th.internet_banking_bay .bank-logo, .bank-span.tour-bank-setup-mobile.en.internet_banking_bay .bank-logo {
        background-position: -112px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.th.line .bank-logo, .bank-span.tour-bank-setup-mobile.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.bidvbank, .bank-span.tour-bank-setup-mobile.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.bidvbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.meritime, .bank-span.tour-bank-setup-mobile.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.meritime .bank-logo, .bank-span.tour-bank-setup-mobile.en.meritime .bank-logo {
        background-position: -28px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.sacombank, .bank-span.tour-bank-setup-mobile.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.sacombank .bank-logo, .bank-span.tour-bank-setup-mobile.en.sacombank .bank-logo {
        background-position: -56px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.techcom, .bank-span.tour-bank-setup-mobile.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.techcom .bank-logo, .bank-span.tour-bank-setup-mobile.en.techcom .bank-logo {
        background-position: -84px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.vietcombank, .bank-span.tour-bank-setup-mobile.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.vietcombank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vietcombank .bank-logo {
        background-position: -112px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.vieteximbank, .bank-span.tour-bank-setup-mobile.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.vieteximbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vieteximbank .bank-logo {
        background-position: -140px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.vietinbank, .bank-span.tour-bank-setup-mobile.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.vietinbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vietinbank .bank-logo {
        background-position: -168px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.vpbank, .bank-span.tour-bank-setup-mobile.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.vpbank .bank-logo, .bank-span.tour-bank-setup-mobile.en.vpbank .bank-logo {
        background-position: -196px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.agribank, .bank-span.tour-bank-setup-mobile.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.vi.agribank .bank-logo, .bank-span.tour-bank-setup-mobile.en.agribank .bank-logo {
        background-position: -224px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.vi.custom .bank-logo, .bank-span.tour-bank-setup-mobile.en.custom .bank-logo {
      background-position: -252px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.tabungan_negara, .bank-span.tour-bank-setup-mobile.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.tabungan_negara .bank-logo, .bank-span.tour-bank-setup-mobile.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.central_asia, .bank-span.tour-bank-setup-mobile.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.central_asia .bank-logo, .bank-span.tour-bank-setup-mobile.en.central_asia .bank-logo {
        background-position: -28px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.negara_indonesia, .bank-span.tour-bank-setup-mobile.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.negara_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.negara_indonesia .bank-logo {
        background-position: -56px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.panin, .bank-span.tour-bank-setup-mobile.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.panin .bank-logo, .bank-span.tour-bank-setup-mobile.en.panin .bank-logo {
        background-position: -84px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.internasional_indonesia, .bank-span.tour-bank-setup-mobile.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.internasional_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.internasional_indonesia .bank-logo {
        background-position: -112px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.rakyat_indonesia, .bank-span.tour-bank-setup-mobile.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.rakyat_indonesia .bank-logo, .bank-span.tour-bank-setup-mobile.en.rakyat_indonesia .bank-logo {
        background-position: -140px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.mandiri, .bank-span.tour-bank-setup-mobile.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.mandiri .bank-logo, .bank-span.tour-bank-setup-mobile.en.mandiri .bank-logo {
        background-position: -168px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.danamon, .bank-span.tour-bank-setup-mobile.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.danamon .bank-logo, .bank-span.tour-bank-setup-mobile.en.danamon .bank-logo {
        background-position: -196px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.cimb_niaga, .bank-span.tour-bank-setup-mobile.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.tour-bank-setup-mobile.id.cimb_niaga .bank-logo, .bank-span.tour-bank-setup-mobile.en.cimb_niaga .bank-logo {
        background-position: -224px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.tour-bank-setup-mobile.id.custom .bank-logo, .bank-span.tour-bank-setup-mobile.en.custom .bank-logo {
      background-position: -252px 0px; }
  /* line 591, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.settings-bank-accounts-mobile {
    width: 45px;
    height: 45px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile .bank-logo {
      width: 29px;
      height: 29px;
      margin: 8px; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 812px 58px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 754px 58px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 290px 58px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 290px 58px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.en.ttb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.kbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.scb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bbl .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ktb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tmb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.uob .bank-logo, .bank-span.settings-bank-accounts-mobile.en.gsba .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tcap .bank-logo, .bank-span.settings-bank-accounts-mobile.en.kkp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.scbl .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cimb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tisco .bank-logo, .bank-span.settings-bank-accounts-mobile.en.lhbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ghb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ibank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.baac .bank-logo, .bank-span.settings-bank-accounts-mobile.en.promptpay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 812px 58px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.en.bidvbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.meritime .bank-logo, .bank-span.settings-bank-accounts-mobile.en.sacombank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.techcom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vietcombank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vieteximbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vietinbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vpbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 290px 58px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.en.aub .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bsp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bdo .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bpi .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.dbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ew .bank-logo, .bank-span.settings-bank-accounts-mobile.en.gcash .bank-logo, .bank-span.settings-bank-accounts-mobile.en.lbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.mbt .bank-logo, .bank-span.settings-bank-accounts-mobile.en.paymaya .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pbcom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pbb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pht .bank-logo, .bank-span.settings-bank-accounts-mobile.en.psb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rcbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.sbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ub .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ucbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cod .bank-logo, .bank-span.settings-bank-accounts-mobile.en.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile.en.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 754px 58px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.en.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts-mobile.en.central_asia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.panin .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.mandiri .bank-logo, .bank-span.settings-bank-accounts-mobile.en.danamon .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 290px 58px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 290px 58px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.aub .bank-logo, .bank-span.settings-bank-accounts-mobile.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.bsp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bsp .bank-logo {
      background-position: -29px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.bdo .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bdo .bank-logo {
      background-position: -58px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.bpi .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bpi .bank-logo {
      background-position: -87px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.cbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cbc .bank-logo {
      background-position: -116px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.dbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.dbp .bank-logo {
      background-position: -145px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.ew .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ew .bank-logo {
      background-position: -174px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.gcash .bank-logo, .bank-span.settings-bank-accounts-mobile.en.gcash .bank-logo {
      background-position: -203px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.lbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.lbp .bank-logo {
      background-position: -232px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.mbt .bank-logo, .bank-span.settings-bank-accounts-mobile.en.mbt .bank-logo {
      background-position: -261px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.paymaya .bank-logo, .bank-span.settings-bank-accounts-mobile.en.paymaya .bank-logo {
      background-position: -290px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.pbcom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pbcom .bank-logo {
      background-position: -319px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.pbb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pbb .bank-logo {
      background-position: -348px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.pht .bank-logo, .bank-span.settings-bank-accounts-mobile.en.pht .bank-logo {
      background-position: -377px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.psb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.psb .bank-logo {
      background-position: -406px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.rcbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rcbc .bank-logo {
      background-position: -435px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.rbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rbank .bank-logo {
      background-position: -464px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.sbc .bank-logo, .bank-span.settings-bank-accounts-mobile.en.sbc .bank-logo {
      background-position: -493px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.ub .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ub .bank-logo {
      background-position: -522px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.ucbp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ucbp .bank-logo {
      background-position: -551px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.cod .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cod .bank-logo {
      background-position: -580px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.truemoney, .bank-span.settings-bank-accounts-mobile.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.ph.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile.en.truemoney .bank-logo {
        background-position: -609px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.shopeepay, .bank-span.settings-bank-accounts-mobile.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.ph.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.shopeepay .bank-logo {
        background-position: -638px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.paypal, .bank-span.settings-bank-accounts-mobile.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.ph.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile.en.paypal .bank-logo {
        background-position: -667px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.cash, .bank-span.settings-bank-accounts-mobile.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.ph.cash .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cash .bank-logo {
        background-position: -696px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.ph.custom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.custom .bank-logo {
      background-position: -725px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.ttb, .bank-span.settings-bank-accounts-mobile.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.ttb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ttb .bank-logo {
        background-position: -580px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.kbank, .bank-span.settings-bank-accounts-mobile.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.kbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.scb, .bank-span.settings-bank-accounts-mobile.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.scb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.scb .bank-logo {
        background-position: -29px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.bbl, .bank-span.settings-bank-accounts-mobile.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.bbl .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bbl .bank-logo {
        background-position: -58px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.ktb, .bank-span.settings-bank-accounts-mobile.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.ktb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ktb .bank-logo {
        background-position: -87px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.bay, .bank-span.settings-bank-accounts-mobile.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.bay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bay .bank-logo {
        background-position: -116px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.tmb, .bank-span.settings-bank-accounts-mobile.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.tmb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tmb .bank-logo {
        background-position: -145px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.uob, .bank-span.settings-bank-accounts-mobile.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.uob .bank-logo, .bank-span.settings-bank-accounts-mobile.en.uob .bank-logo {
        background-position: -174px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.gsba, .bank-span.settings-bank-accounts-mobile.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.gsba .bank-logo, .bank-span.settings-bank-accounts-mobile.en.gsba .bank-logo {
        background-position: -203px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.tcap, .bank-span.settings-bank-accounts-mobile.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.tcap .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tcap .bank-logo {
        background-position: -232px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.kkp, .bank-span.settings-bank-accounts-mobile.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.kkp .bank-logo, .bank-span.settings-bank-accounts-mobile.en.kkp .bank-logo {
        background-position: -261px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.scbl, .bank-span.settings-bank-accounts-mobile.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.scbl .bank-logo, .bank-span.settings-bank-accounts-mobile.en.scbl .bank-logo {
        background-position: -290px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.cimb, .bank-span.settings-bank-accounts-mobile.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.cimb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cimb .bank-logo {
        background-position: -319px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.tisco, .bank-span.settings-bank-accounts-mobile.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.tisco .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tisco .bank-logo {
        background-position: -348px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.lhbank, .bank-span.settings-bank-accounts-mobile.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.lhbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.lhbank .bank-logo {
        background-position: -377px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.ghb, .bank-span.settings-bank-accounts-mobile.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.ghb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ghb .bank-logo {
        background-position: -406px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.ibank, .bank-span.settings-bank-accounts-mobile.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.ibank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.ibank .bank-logo {
        background-position: -435px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.baac, .bank-span.settings-bank-accounts-mobile.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.baac .bank-logo, .bank-span.settings-bank-accounts-mobile.en.baac .bank-logo {
        background-position: -464px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.truemoney, .bank-span.settings-bank-accounts-mobile.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile.en.truemoney .bank-logo {
        background-position: -493px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.promptpay, .bank-span.settings-bank-accounts-mobile.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.promptpay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.promptpay .bank-logo {
        background-position: -522px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.cod, .bank-span.settings-bank-accounts-mobile.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.cod .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cod .bank-logo {
        background-position: -551px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.maemanee, .bank-span.settings-bank-accounts-mobile.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.maemanee .bank-logo, .bank-span.settings-bank-accounts-mobile.en.maemanee .bank-logo {
        background-position: -609px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.kplusshop, .bank-span.settings-bank-accounts-mobile.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.kplusshop .bank-logo, .bank-span.settings-bank-accounts-mobile.en.kplusshop .bank-logo {
        background-position: -638px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.shopeepay, .bank-span.settings-bank-accounts-mobile.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.shopeepay .bank-logo {
        background-position: -667px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.rabbitlinepay, .bank-span.settings-bank-accounts-mobile.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.rabbitlinepay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rabbitlinepay .bank-logo {
        background-position: -696px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.paypal, .bank-span.settings-bank-accounts-mobile.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile.en.paypal .bank-logo {
        background-position: -725px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.cash, .bank-span.settings-bank-accounts-mobile.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.cash .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cash .bank-logo {
        background-position: -754px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.custom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.custom .bank-logo {
      background-position: -783px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.discover .bank-logo, .bank-span.settings-bank-accounts-mobile.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.visa .bank-logo, .bank-span.settings-bank-accounts-mobile.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.mastercard .bank-logo, .bank-span.settings-bank-accounts-mobile.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.jcb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.internet_banking_scb, .bank-span.settings-bank-accounts-mobile.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.internet_banking_scb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internet_banking_scb .bank-logo {
        background-position: -29px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.internet_banking_bbl, .bank-span.settings-bank-accounts-mobile.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.internet_banking_bbl .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internet_banking_bbl .bank-logo {
        background-position: -58px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.internet_banking_ktb, .bank-span.settings-bank-accounts-mobile.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.internet_banking_ktb .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internet_banking_ktb .bank-logo {
        background-position: -87px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.internet_banking_bay, .bank-span.settings-bank-accounts-mobile.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.th.internet_banking_bay .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internet_banking_bay .bank-logo {
        background-position: -116px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.th.line .bank-logo, .bank-span.settings-bank-accounts-mobile.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.bidvbank, .bank-span.settings-bank-accounts-mobile.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.bidvbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.meritime, .bank-span.settings-bank-accounts-mobile.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.meritime .bank-logo, .bank-span.settings-bank-accounts-mobile.en.meritime .bank-logo {
        background-position: -29px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.sacombank, .bank-span.settings-bank-accounts-mobile.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.sacombank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.sacombank .bank-logo {
        background-position: -58px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.techcom, .bank-span.settings-bank-accounts-mobile.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.techcom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.techcom .bank-logo {
        background-position: -87px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.vietcombank, .bank-span.settings-bank-accounts-mobile.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.vietcombank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vietcombank .bank-logo {
        background-position: -116px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.vieteximbank, .bank-span.settings-bank-accounts-mobile.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.vieteximbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vieteximbank .bank-logo {
        background-position: -145px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.vietinbank, .bank-span.settings-bank-accounts-mobile.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.vietinbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vietinbank .bank-logo {
        background-position: -174px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.vpbank, .bank-span.settings-bank-accounts-mobile.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.vpbank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.vpbank .bank-logo {
        background-position: -203px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.agribank, .bank-span.settings-bank-accounts-mobile.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.vi.agribank .bank-logo, .bank-span.settings-bank-accounts-mobile.en.agribank .bank-logo {
        background-position: -232px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.vi.custom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.custom .bank-logo {
      background-position: -261px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.tabungan_negara, .bank-span.settings-bank-accounts-mobile.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts-mobile.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.central_asia, .bank-span.settings-bank-accounts-mobile.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.central_asia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.central_asia .bank-logo {
        background-position: -29px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.negara_indonesia, .bank-span.settings-bank-accounts-mobile.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.negara_indonesia .bank-logo {
        background-position: -58px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.panin, .bank-span.settings-bank-accounts-mobile.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.panin .bank-logo, .bank-span.settings-bank-accounts-mobile.en.panin .bank-logo {
        background-position: -87px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.internasional_indonesia, .bank-span.settings-bank-accounts-mobile.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.internasional_indonesia .bank-logo {
        background-position: -116px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.rakyat_indonesia, .bank-span.settings-bank-accounts-mobile.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile.en.rakyat_indonesia .bank-logo {
        background-position: -145px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.mandiri, .bank-span.settings-bank-accounts-mobile.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.mandiri .bank-logo, .bank-span.settings-bank-accounts-mobile.en.mandiri .bank-logo {
        background-position: -174px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.danamon, .bank-span.settings-bank-accounts-mobile.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.danamon .bank-logo, .bank-span.settings-bank-accounts-mobile.en.danamon .bank-logo {
        background-position: -203px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.cimb_niaga, .bank-span.settings-bank-accounts-mobile.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile.id.cimb_niaga .bank-logo, .bank-span.settings-bank-accounts-mobile.en.cimb_niaga .bank-logo {
        background-position: -232px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile.id.custom .bank-logo, .bank-span.settings-bank-accounts-mobile.en.custom .bank-logo {
      background-position: -261px 0px; }
  /* line 593, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.settings-bank-accounts-mobile-edit {
    width: 100px;
    height: 100px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit .bank-logo {
      width: 60px;
      height: 60px;
      margin: 20px; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1680px 120px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1560px 120px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 600px 120px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 600px 120px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.en.ttb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.kbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.scb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bbl .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ktb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tmb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.uob .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.gsba .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tcap .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.kkp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.scbl .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cimb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tisco .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.lhbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ghb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ibank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.baac .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.promptpay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1680px 120px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.en.bidvbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.meritime .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.sacombank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.techcom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vietcombank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vieteximbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vietinbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vpbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 600px 120px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.en.aub .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bsp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bdo .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bpi .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.dbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ew .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.gcash .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.lbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.mbt .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.paymaya .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pbcom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pbb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pht .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.psb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rcbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.sbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ub .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ucbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cod .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1560px 120px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.en.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.central_asia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.panin .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.mandiri .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.danamon .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 600px 120px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 600px 120px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.aub .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.bsp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bsp .bank-logo {
      background-position: -60px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.bdo .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bdo .bank-logo {
      background-position: -120px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.bpi .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bpi .bank-logo {
      background-position: -180px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.cbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cbc .bank-logo {
      background-position: -240px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.dbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.dbp .bank-logo {
      background-position: -300px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.ew .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ew .bank-logo {
      background-position: -360px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.gcash .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.gcash .bank-logo {
      background-position: -420px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.lbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.lbp .bank-logo {
      background-position: -480px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.mbt .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.mbt .bank-logo {
      background-position: -540px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.paymaya .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.paymaya .bank-logo {
      background-position: -600px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.pbcom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pbcom .bank-logo {
      background-position: -660px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.pbb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pbb .bank-logo {
      background-position: -720px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.pht .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.pht .bank-logo {
      background-position: -780px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.psb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.psb .bank-logo {
      background-position: -840px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.rcbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rcbc .bank-logo {
      background-position: -900px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.rbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rbank .bank-logo {
      background-position: -960px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.sbc .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.sbc .bank-logo {
      background-position: -1020px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.ub .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ub .bank-logo {
      background-position: -1080px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.ucbp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ucbp .bank-logo {
      background-position: -1140px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.cod .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cod .bank-logo {
      background-position: -1200px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.truemoney, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.ph.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney .bank-logo {
        background-position: -1260px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.shopeepay, .bank-span.settings-bank-accounts-mobile-edit.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.ph.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.shopeepay .bank-logo {
        background-position: -1320px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.paypal, .bank-span.settings-bank-accounts-mobile-edit.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.ph.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.paypal .bank-logo {
        background-position: -1380px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.cash, .bank-span.settings-bank-accounts-mobile-edit.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.ph.cash .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cash .bank-logo {
        background-position: -1440px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.ph.custom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.custom .bank-logo {
      background-position: -1500px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.ttb, .bank-span.settings-bank-accounts-mobile-edit.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.ttb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ttb .bank-logo {
        background-position: -1200px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.kbank, .bank-span.settings-bank-accounts-mobile-edit.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.kbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.scb, .bank-span.settings-bank-accounts-mobile-edit.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.scb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.scb .bank-logo {
        background-position: -60px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.bbl, .bank-span.settings-bank-accounts-mobile-edit.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.bbl .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bbl .bank-logo {
        background-position: -120px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.ktb, .bank-span.settings-bank-accounts-mobile-edit.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.ktb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ktb .bank-logo {
        background-position: -180px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.bay, .bank-span.settings-bank-accounts-mobile-edit.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.bay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bay .bank-logo {
        background-position: -240px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.tmb, .bank-span.settings-bank-accounts-mobile-edit.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.tmb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tmb .bank-logo {
        background-position: -300px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.uob, .bank-span.settings-bank-accounts-mobile-edit.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.uob .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.uob .bank-logo {
        background-position: -360px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.gsba, .bank-span.settings-bank-accounts-mobile-edit.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.gsba .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.gsba .bank-logo {
        background-position: -420px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.tcap, .bank-span.settings-bank-accounts-mobile-edit.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.tcap .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tcap .bank-logo {
        background-position: -480px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.kkp, .bank-span.settings-bank-accounts-mobile-edit.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.kkp .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.kkp .bank-logo {
        background-position: -540px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.scbl, .bank-span.settings-bank-accounts-mobile-edit.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.scbl .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.scbl .bank-logo {
        background-position: -600px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.cimb, .bank-span.settings-bank-accounts-mobile-edit.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.cimb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cimb .bank-logo {
        background-position: -660px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.tisco, .bank-span.settings-bank-accounts-mobile-edit.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.tisco .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tisco .bank-logo {
        background-position: -720px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.lhbank, .bank-span.settings-bank-accounts-mobile-edit.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.lhbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.lhbank .bank-logo {
        background-position: -780px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.ghb, .bank-span.settings-bank-accounts-mobile-edit.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.ghb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ghb .bank-logo {
        background-position: -840px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.ibank, .bank-span.settings-bank-accounts-mobile-edit.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.ibank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.ibank .bank-logo {
        background-position: -900px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.baac, .bank-span.settings-bank-accounts-mobile-edit.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.baac .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.baac .bank-logo {
        background-position: -960px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.truemoney, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.truemoney .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.truemoney .bank-logo {
        background-position: -1020px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.promptpay, .bank-span.settings-bank-accounts-mobile-edit.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.promptpay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.promptpay .bank-logo {
        background-position: -1080px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.cod, .bank-span.settings-bank-accounts-mobile-edit.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.cod .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cod .bank-logo {
        background-position: -1140px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.maemanee, .bank-span.settings-bank-accounts-mobile-edit.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.maemanee .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.maemanee .bank-logo {
        background-position: -1260px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.kplusshop, .bank-span.settings-bank-accounts-mobile-edit.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.kplusshop .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.kplusshop .bank-logo {
        background-position: -1320px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.shopeepay, .bank-span.settings-bank-accounts-mobile-edit.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.shopeepay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.shopeepay .bank-logo {
        background-position: -1380px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.rabbitlinepay, .bank-span.settings-bank-accounts-mobile-edit.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.rabbitlinepay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rabbitlinepay .bank-logo {
        background-position: -1440px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.paypal, .bank-span.settings-bank-accounts-mobile-edit.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.paypal .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.paypal .bank-logo {
        background-position: -1500px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.cash, .bank-span.settings-bank-accounts-mobile-edit.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.cash .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cash .bank-logo {
        background-position: -1560px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.custom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.custom .bank-logo {
      background-position: -1620px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.discover .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.visa .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.mastercard .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.jcb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_scb, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_scb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_scb .bank-logo {
        background-position: -60px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_bbl, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_bbl .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_bbl .bank-logo {
        background-position: -120px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_ktb, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_ktb .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_ktb .bank-logo {
        background-position: -180px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_bay, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.th.internet_banking_bay .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internet_banking_bay .bank-logo {
        background-position: -240px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.th.line .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.bidvbank, .bank-span.settings-bank-accounts-mobile-edit.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.bidvbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.meritime, .bank-span.settings-bank-accounts-mobile-edit.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.meritime .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.meritime .bank-logo {
        background-position: -60px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.sacombank, .bank-span.settings-bank-accounts-mobile-edit.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.sacombank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.sacombank .bank-logo {
        background-position: -120px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.techcom, .bank-span.settings-bank-accounts-mobile-edit.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.techcom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.techcom .bank-logo {
        background-position: -180px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.vietcombank, .bank-span.settings-bank-accounts-mobile-edit.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.vietcombank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vietcombank .bank-logo {
        background-position: -240px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.vieteximbank, .bank-span.settings-bank-accounts-mobile-edit.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.vieteximbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vieteximbank .bank-logo {
        background-position: -300px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.vietinbank, .bank-span.settings-bank-accounts-mobile-edit.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.vietinbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vietinbank .bank-logo {
        background-position: -360px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.vpbank, .bank-span.settings-bank-accounts-mobile-edit.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.vpbank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.vpbank .bank-logo {
        background-position: -420px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.agribank, .bank-span.settings-bank-accounts-mobile-edit.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.vi.agribank .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.agribank .bank-logo {
        background-position: -480px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.vi.custom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.custom .bank-logo {
      background-position: -540px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.tabungan_negara, .bank-span.settings-bank-accounts-mobile-edit.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.tabungan_negara .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.central_asia, .bank-span.settings-bank-accounts-mobile-edit.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.central_asia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.central_asia .bank-logo {
        background-position: -60px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.negara_indonesia, .bank-span.settings-bank-accounts-mobile-edit.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.negara_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.negara_indonesia .bank-logo {
        background-position: -120px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.panin, .bank-span.settings-bank-accounts-mobile-edit.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.panin .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.panin .bank-logo {
        background-position: -180px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.internasional_indonesia, .bank-span.settings-bank-accounts-mobile-edit.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.internasional_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.internasional_indonesia .bank-logo {
        background-position: -240px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.rakyat_indonesia, .bank-span.settings-bank-accounts-mobile-edit.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.rakyat_indonesia .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.rakyat_indonesia .bank-logo {
        background-position: -300px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.mandiri, .bank-span.settings-bank-accounts-mobile-edit.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.mandiri .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.mandiri .bank-logo {
        background-position: -360px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.danamon, .bank-span.settings-bank-accounts-mobile-edit.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.danamon .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.danamon .bank-logo {
        background-position: -420px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.cimb_niaga, .bank-span.settings-bank-accounts-mobile-edit.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-accounts-mobile-edit.id.cimb_niaga .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.cimb_niaga .bank-logo {
        background-position: -480px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-accounts-mobile-edit.id.custom .bank-logo, .bank-span.settings-bank-accounts-mobile-edit.en.custom .bank-logo {
      background-position: -540px 0px; }
  /* line 595, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.settings-bank-selector {
    width: 50px;
    height: 50px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector .bank-logo {
      width: 50px;
      height: 50px;
      margin: 0; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1400px 100px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1300px 100px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 500px 100px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.en.ttb .bank-logo, .bank-span.settings-bank-selector.en.kbank .bank-logo, .bank-span.settings-bank-selector.en.scb .bank-logo, .bank-span.settings-bank-selector.en.bbl .bank-logo, .bank-span.settings-bank-selector.en.ktb .bank-logo, .bank-span.settings-bank-selector.en.bay .bank-logo, .bank-span.settings-bank-selector.en.tmb .bank-logo, .bank-span.settings-bank-selector.en.uob .bank-logo, .bank-span.settings-bank-selector.en.gsba .bank-logo, .bank-span.settings-bank-selector.en.tcap .bank-logo, .bank-span.settings-bank-selector.en.kkp .bank-logo, .bank-span.settings-bank-selector.en.scbl .bank-logo, .bank-span.settings-bank-selector.en.cimb .bank-logo, .bank-span.settings-bank-selector.en.tisco .bank-logo, .bank-span.settings-bank-selector.en.lhbank .bank-logo, .bank-span.settings-bank-selector.en.ghb .bank-logo, .bank-span.settings-bank-selector.en.ibank .bank-logo, .bank-span.settings-bank-selector.en.baac .bank-logo, .bank-span.settings-bank-selector.en.promptpay .bank-logo, .bank-span.settings-bank-selector.en.truemoney .bank-logo, .bank-span.settings-bank-selector.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1400px 100px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.en.bidvbank .bank-logo, .bank-span.settings-bank-selector.en.meritime .bank-logo, .bank-span.settings-bank-selector.en.sacombank .bank-logo, .bank-span.settings-bank-selector.en.techcom .bank-logo, .bank-span.settings-bank-selector.en.vietcombank .bank-logo, .bank-span.settings-bank-selector.en.vieteximbank .bank-logo, .bank-span.settings-bank-selector.en.vietinbank .bank-logo, .bank-span.settings-bank-selector.en.vpbank .bank-logo, .bank-span.settings-bank-selector.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 500px 100px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.en.aub .bank-logo, .bank-span.settings-bank-selector.en.bsp .bank-logo, .bank-span.settings-bank-selector.en.bdo .bank-logo, .bank-span.settings-bank-selector.en.bpi .bank-logo, .bank-span.settings-bank-selector.en.cbc .bank-logo, .bank-span.settings-bank-selector.en.dbp .bank-logo, .bank-span.settings-bank-selector.en.ew .bank-logo, .bank-span.settings-bank-selector.en.gcash .bank-logo, .bank-span.settings-bank-selector.en.lbp .bank-logo, .bank-span.settings-bank-selector.en.mbt .bank-logo, .bank-span.settings-bank-selector.en.paymaya .bank-logo, .bank-span.settings-bank-selector.en.pbcom .bank-logo, .bank-span.settings-bank-selector.en.pbb .bank-logo, .bank-span.settings-bank-selector.en.pht .bank-logo, .bank-span.settings-bank-selector.en.psb .bank-logo, .bank-span.settings-bank-selector.en.rcbc .bank-logo, .bank-span.settings-bank-selector.en.rbank .bank-logo, .bank-span.settings-bank-selector.en.sbc .bank-logo, .bank-span.settings-bank-selector.en.ub .bank-logo, .bank-span.settings-bank-selector.en.ucbp .bank-logo, .bank-span.settings-bank-selector.en.cod .bank-logo, .bank-span.settings-bank-selector.en.truemoney .bank-logo, .bank-span.settings-bank-selector.en.shopeepay .bank-logo, .bank-span.settings-bank-selector.en.paypal .bank-logo, .bank-span.settings-bank-selector.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1300px 100px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.en.tabungan_negara .bank-logo, .bank-span.settings-bank-selector.en.central_asia .bank-logo, .bank-span.settings-bank-selector.en.negara_indonesia .bank-logo, .bank-span.settings-bank-selector.en.panin .bank-logo, .bank-span.settings-bank-selector.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-selector.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-selector.en.mandiri .bank-logo, .bank-span.settings-bank-selector.en.danamon .bank-logo, .bank-span.settings-bank-selector.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.aub .bank-logo, .bank-span.settings-bank-selector.en.aub .bank-logo {
      background-position: 0px -50px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.bsp .bank-logo, .bank-span.settings-bank-selector.en.bsp .bank-logo {
      background-position: -50px -50px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.bdo .bank-logo, .bank-span.settings-bank-selector.en.bdo .bank-logo {
      background-position: -100px -50px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.bpi .bank-logo, .bank-span.settings-bank-selector.en.bpi .bank-logo {
      background-position: -150px -50px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.cbc .bank-logo, .bank-span.settings-bank-selector.en.cbc .bank-logo {
      background-position: -200px -50px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.dbp .bank-logo, .bank-span.settings-bank-selector.en.dbp .bank-logo {
      background-position: -250px -50px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.ew .bank-logo, .bank-span.settings-bank-selector.en.ew .bank-logo {
      background-position: -300px -50px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.gcash .bank-logo, .bank-span.settings-bank-selector.en.gcash .bank-logo {
      background-position: -350px -50px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.lbp .bank-logo, .bank-span.settings-bank-selector.en.lbp .bank-logo {
      background-position: -400px -50px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.mbt .bank-logo, .bank-span.settings-bank-selector.en.mbt .bank-logo {
      background-position: -450px -50px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.paymaya .bank-logo, .bank-span.settings-bank-selector.en.paymaya .bank-logo {
      background-position: -500px -50px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.pbcom .bank-logo, .bank-span.settings-bank-selector.en.pbcom .bank-logo {
      background-position: -550px -50px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.pbb .bank-logo, .bank-span.settings-bank-selector.en.pbb .bank-logo {
      background-position: -600px -50px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.pht .bank-logo, .bank-span.settings-bank-selector.en.pht .bank-logo {
      background-position: -650px -50px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.psb .bank-logo, .bank-span.settings-bank-selector.en.psb .bank-logo {
      background-position: -700px -50px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.rcbc .bank-logo, .bank-span.settings-bank-selector.en.rcbc .bank-logo {
      background-position: -750px -50px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.rbank .bank-logo, .bank-span.settings-bank-selector.en.rbank .bank-logo {
      background-position: -800px -50px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.sbc .bank-logo, .bank-span.settings-bank-selector.en.sbc .bank-logo {
      background-position: -850px -50px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.ub .bank-logo, .bank-span.settings-bank-selector.en.ub .bank-logo {
      background-position: -900px -50px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.ucbp .bank-logo, .bank-span.settings-bank-selector.en.ucbp .bank-logo {
      background-position: -950px -50px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.cod .bank-logo, .bank-span.settings-bank-selector.en.cod .bank-logo {
      background-position: -1000px -50px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.truemoney, .bank-span.settings-bank-selector.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.ph.truemoney .bank-logo, .bank-span.settings-bank-selector.en.truemoney .bank-logo {
        background-position: -1050px -50px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.shopeepay, .bank-span.settings-bank-selector.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.ph.shopeepay .bank-logo, .bank-span.settings-bank-selector.en.shopeepay .bank-logo {
        background-position: -1100px -50px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.paypal, .bank-span.settings-bank-selector.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.ph.paypal .bank-logo, .bank-span.settings-bank-selector.en.paypal .bank-logo {
        background-position: -1150px -50px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.cash, .bank-span.settings-bank-selector.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.ph.cash .bank-logo, .bank-span.settings-bank-selector.en.cash .bank-logo {
        background-position: -1200px -50px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.ph.custom .bank-logo, .bank-span.settings-bank-selector.en.custom .bank-logo {
      background-position: -1250px -50px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.ttb, .bank-span.settings-bank-selector.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.ttb .bank-logo, .bank-span.settings-bank-selector.en.ttb .bank-logo {
        background-position: -1000px -50px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.kbank, .bank-span.settings-bank-selector.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.kbank .bank-logo, .bank-span.settings-bank-selector.en.kbank .bank-logo {
        background-position: 0px -50px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.scb, .bank-span.settings-bank-selector.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.scb .bank-logo, .bank-span.settings-bank-selector.en.scb .bank-logo {
        background-position: -50px -50px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.bbl, .bank-span.settings-bank-selector.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.bbl .bank-logo, .bank-span.settings-bank-selector.en.bbl .bank-logo {
        background-position: -100px -50px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.ktb, .bank-span.settings-bank-selector.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.ktb .bank-logo, .bank-span.settings-bank-selector.en.ktb .bank-logo {
        background-position: -150px -50px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.bay, .bank-span.settings-bank-selector.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.bay .bank-logo, .bank-span.settings-bank-selector.en.bay .bank-logo {
        background-position: -200px -50px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.tmb, .bank-span.settings-bank-selector.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.tmb .bank-logo, .bank-span.settings-bank-selector.en.tmb .bank-logo {
        background-position: -250px -50px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.uob, .bank-span.settings-bank-selector.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.uob .bank-logo, .bank-span.settings-bank-selector.en.uob .bank-logo {
        background-position: -300px -50px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.gsba, .bank-span.settings-bank-selector.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.gsba .bank-logo, .bank-span.settings-bank-selector.en.gsba .bank-logo {
        background-position: -350px -50px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.tcap, .bank-span.settings-bank-selector.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.tcap .bank-logo, .bank-span.settings-bank-selector.en.tcap .bank-logo {
        background-position: -400px -50px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.kkp, .bank-span.settings-bank-selector.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.kkp .bank-logo, .bank-span.settings-bank-selector.en.kkp .bank-logo {
        background-position: -450px -50px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.scbl, .bank-span.settings-bank-selector.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.scbl .bank-logo, .bank-span.settings-bank-selector.en.scbl .bank-logo {
        background-position: -500px -50px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.cimb, .bank-span.settings-bank-selector.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.cimb .bank-logo, .bank-span.settings-bank-selector.en.cimb .bank-logo {
        background-position: -550px -50px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.tisco, .bank-span.settings-bank-selector.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.tisco .bank-logo, .bank-span.settings-bank-selector.en.tisco .bank-logo {
        background-position: -600px -50px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.lhbank, .bank-span.settings-bank-selector.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.lhbank .bank-logo, .bank-span.settings-bank-selector.en.lhbank .bank-logo {
        background-position: -650px -50px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.ghb, .bank-span.settings-bank-selector.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.ghb .bank-logo, .bank-span.settings-bank-selector.en.ghb .bank-logo {
        background-position: -700px -50px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.ibank, .bank-span.settings-bank-selector.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.ibank .bank-logo, .bank-span.settings-bank-selector.en.ibank .bank-logo {
        background-position: -750px -50px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.baac, .bank-span.settings-bank-selector.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.baac .bank-logo, .bank-span.settings-bank-selector.en.baac .bank-logo {
        background-position: -800px -50px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.truemoney, .bank-span.settings-bank-selector.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.truemoney .bank-logo, .bank-span.settings-bank-selector.en.truemoney .bank-logo {
        background-position: -850px -50px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.promptpay, .bank-span.settings-bank-selector.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.promptpay .bank-logo, .bank-span.settings-bank-selector.en.promptpay .bank-logo {
        background-position: -900px -50px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.cod, .bank-span.settings-bank-selector.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.cod .bank-logo, .bank-span.settings-bank-selector.en.cod .bank-logo {
        background-position: -950px -50px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.maemanee, .bank-span.settings-bank-selector.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.maemanee .bank-logo, .bank-span.settings-bank-selector.en.maemanee .bank-logo {
        background-position: -1050px -50px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.kplusshop, .bank-span.settings-bank-selector.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.kplusshop .bank-logo, .bank-span.settings-bank-selector.en.kplusshop .bank-logo {
        background-position: -1100px -50px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.shopeepay, .bank-span.settings-bank-selector.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.shopeepay .bank-logo, .bank-span.settings-bank-selector.en.shopeepay .bank-logo {
        background-position: -1150px -50px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.rabbitlinepay, .bank-span.settings-bank-selector.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.rabbitlinepay .bank-logo, .bank-span.settings-bank-selector.en.rabbitlinepay .bank-logo {
        background-position: -1200px -50px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.paypal, .bank-span.settings-bank-selector.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.paypal .bank-logo, .bank-span.settings-bank-selector.en.paypal .bank-logo {
        background-position: -1250px -50px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.cash, .bank-span.settings-bank-selector.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.cash .bank-logo, .bank-span.settings-bank-selector.en.cash .bank-logo {
        background-position: -1300px -50px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.custom .bank-logo, .bank-span.settings-bank-selector.en.custom .bank-logo {
      background-position: -1350px -50px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.discover .bank-logo, .bank-span.settings-bank-selector.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.visa .bank-logo, .bank-span.settings-bank-selector.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.mastercard .bank-logo, .bank-span.settings-bank-selector.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.jcb .bank-logo, .bank-span.settings-bank-selector.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.internet_banking_scb, .bank-span.settings-bank-selector.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.internet_banking_scb .bank-logo, .bank-span.settings-bank-selector.en.internet_banking_scb .bank-logo {
        background-position: -50px -50px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.internet_banking_bbl, .bank-span.settings-bank-selector.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.internet_banking_bbl .bank-logo, .bank-span.settings-bank-selector.en.internet_banking_bbl .bank-logo {
        background-position: -100px -50px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.internet_banking_ktb, .bank-span.settings-bank-selector.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.internet_banking_ktb .bank-logo, .bank-span.settings-bank-selector.en.internet_banking_ktb .bank-logo {
        background-position: -150px -50px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.internet_banking_bay, .bank-span.settings-bank-selector.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.th.internet_banking_bay .bank-logo, .bank-span.settings-bank-selector.en.internet_banking_bay .bank-logo {
        background-position: -200px -50px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.th.line .bank-logo, .bank-span.settings-bank-selector.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.bidvbank, .bank-span.settings-bank-selector.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.bidvbank .bank-logo, .bank-span.settings-bank-selector.en.bidvbank .bank-logo {
        background-position: 0px -50px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.meritime, .bank-span.settings-bank-selector.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.meritime .bank-logo, .bank-span.settings-bank-selector.en.meritime .bank-logo {
        background-position: -50px -50px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.sacombank, .bank-span.settings-bank-selector.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.sacombank .bank-logo, .bank-span.settings-bank-selector.en.sacombank .bank-logo {
        background-position: -100px -50px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.techcom, .bank-span.settings-bank-selector.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.techcom .bank-logo, .bank-span.settings-bank-selector.en.techcom .bank-logo {
        background-position: -150px -50px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.vietcombank, .bank-span.settings-bank-selector.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.vietcombank .bank-logo, .bank-span.settings-bank-selector.en.vietcombank .bank-logo {
        background-position: -200px -50px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.vieteximbank, .bank-span.settings-bank-selector.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.vieteximbank .bank-logo, .bank-span.settings-bank-selector.en.vieteximbank .bank-logo {
        background-position: -250px -50px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.vietinbank, .bank-span.settings-bank-selector.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.vietinbank .bank-logo, .bank-span.settings-bank-selector.en.vietinbank .bank-logo {
        background-position: -300px -50px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.vpbank, .bank-span.settings-bank-selector.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.vpbank .bank-logo, .bank-span.settings-bank-selector.en.vpbank .bank-logo {
        background-position: -350px -50px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.agribank, .bank-span.settings-bank-selector.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.vi.agribank .bank-logo, .bank-span.settings-bank-selector.en.agribank .bank-logo {
        background-position: -400px -50px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.vi.custom .bank-logo, .bank-span.settings-bank-selector.en.custom .bank-logo {
      background-position: -450px -50px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.tabungan_negara, .bank-span.settings-bank-selector.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.tabungan_negara .bank-logo, .bank-span.settings-bank-selector.en.tabungan_negara .bank-logo {
        background-position: 0px -50px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.central_asia, .bank-span.settings-bank-selector.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.central_asia .bank-logo, .bank-span.settings-bank-selector.en.central_asia .bank-logo {
        background-position: -50px -50px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.negara_indonesia, .bank-span.settings-bank-selector.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.negara_indonesia .bank-logo, .bank-span.settings-bank-selector.en.negara_indonesia .bank-logo {
        background-position: -100px -50px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.panin, .bank-span.settings-bank-selector.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.panin .bank-logo, .bank-span.settings-bank-selector.en.panin .bank-logo {
        background-position: -150px -50px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.internasional_indonesia, .bank-span.settings-bank-selector.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.internasional_indonesia .bank-logo, .bank-span.settings-bank-selector.en.internasional_indonesia .bank-logo {
        background-position: -200px -50px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.rakyat_indonesia, .bank-span.settings-bank-selector.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.rakyat_indonesia .bank-logo, .bank-span.settings-bank-selector.en.rakyat_indonesia .bank-logo {
        background-position: -250px -50px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.mandiri, .bank-span.settings-bank-selector.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.mandiri .bank-logo, .bank-span.settings-bank-selector.en.mandiri .bank-logo {
        background-position: -300px -50px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.danamon, .bank-span.settings-bank-selector.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.danamon .bank-logo, .bank-span.settings-bank-selector.en.danamon .bank-logo {
        background-position: -350px -50px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.cimb_niaga, .bank-span.settings-bank-selector.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector.id.cimb_niaga .bank-logo, .bank-span.settings-bank-selector.en.cimb_niaga .bank-logo {
        background-position: -400px -50px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector.id.custom .bank-logo, .bank-span.settings-bank-selector.en.custom .bank-logo {
      background-position: -450px -50px; }
  /* line 597, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.settings-bank-selector-hover {
    width: 50px;
    height: 50px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover .bank-logo {
      width: 50px;
      height: 50px;
      margin: 0; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1400px 100px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1300px 100px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 500px 100px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.en.ttb .bank-logo, .bank-span.settings-bank-selector-hover.en.kbank .bank-logo, .bank-span.settings-bank-selector-hover.en.scb .bank-logo, .bank-span.settings-bank-selector-hover.en.bbl .bank-logo, .bank-span.settings-bank-selector-hover.en.ktb .bank-logo, .bank-span.settings-bank-selector-hover.en.bay .bank-logo, .bank-span.settings-bank-selector-hover.en.tmb .bank-logo, .bank-span.settings-bank-selector-hover.en.uob .bank-logo, .bank-span.settings-bank-selector-hover.en.gsba .bank-logo, .bank-span.settings-bank-selector-hover.en.tcap .bank-logo, .bank-span.settings-bank-selector-hover.en.kkp .bank-logo, .bank-span.settings-bank-selector-hover.en.scbl .bank-logo, .bank-span.settings-bank-selector-hover.en.cimb .bank-logo, .bank-span.settings-bank-selector-hover.en.tisco .bank-logo, .bank-span.settings-bank-selector-hover.en.lhbank .bank-logo, .bank-span.settings-bank-selector-hover.en.ghb .bank-logo, .bank-span.settings-bank-selector-hover.en.ibank .bank-logo, .bank-span.settings-bank-selector-hover.en.baac .bank-logo, .bank-span.settings-bank-selector-hover.en.promptpay .bank-logo, .bank-span.settings-bank-selector-hover.en.truemoney .bank-logo, .bank-span.settings-bank-selector-hover.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 1400px 100px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.en.bidvbank .bank-logo, .bank-span.settings-bank-selector-hover.en.meritime .bank-logo, .bank-span.settings-bank-selector-hover.en.sacombank .bank-logo, .bank-span.settings-bank-selector-hover.en.techcom .bank-logo, .bank-span.settings-bank-selector-hover.en.vietcombank .bank-logo, .bank-span.settings-bank-selector-hover.en.vieteximbank .bank-logo, .bank-span.settings-bank-selector-hover.en.vietinbank .bank-logo, .bank-span.settings-bank-selector-hover.en.vpbank .bank-logo, .bank-span.settings-bank-selector-hover.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 500px 100px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.en.aub .bank-logo, .bank-span.settings-bank-selector-hover.en.bsp .bank-logo, .bank-span.settings-bank-selector-hover.en.bdo .bank-logo, .bank-span.settings-bank-selector-hover.en.bpi .bank-logo, .bank-span.settings-bank-selector-hover.en.cbc .bank-logo, .bank-span.settings-bank-selector-hover.en.dbp .bank-logo, .bank-span.settings-bank-selector-hover.en.ew .bank-logo, .bank-span.settings-bank-selector-hover.en.gcash .bank-logo, .bank-span.settings-bank-selector-hover.en.lbp .bank-logo, .bank-span.settings-bank-selector-hover.en.mbt .bank-logo, .bank-span.settings-bank-selector-hover.en.paymaya .bank-logo, .bank-span.settings-bank-selector-hover.en.pbcom .bank-logo, .bank-span.settings-bank-selector-hover.en.pbb .bank-logo, .bank-span.settings-bank-selector-hover.en.pht .bank-logo, .bank-span.settings-bank-selector-hover.en.psb .bank-logo, .bank-span.settings-bank-selector-hover.en.rcbc .bank-logo, .bank-span.settings-bank-selector-hover.en.rbank .bank-logo, .bank-span.settings-bank-selector-hover.en.sbc .bank-logo, .bank-span.settings-bank-selector-hover.en.ub .bank-logo, .bank-span.settings-bank-selector-hover.en.ucbp .bank-logo, .bank-span.settings-bank-selector-hover.en.cod .bank-logo, .bank-span.settings-bank-selector-hover.en.truemoney .bank-logo, .bank-span.settings-bank-selector-hover.en.shopeepay .bank-logo, .bank-span.settings-bank-selector-hover.en.paypal .bank-logo, .bank-span.settings-bank-selector-hover.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 1300px 100px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.en.tabungan_negara .bank-logo, .bank-span.settings-bank-selector-hover.en.central_asia .bank-logo, .bank-span.settings-bank-selector-hover.en.negara_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.panin .bank-logo, .bank-span.settings-bank-selector-hover.en.internasional_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.rakyat_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.mandiri .bank-logo, .bank-span.settings-bank-selector-hover.en.danamon .bank-logo, .bank-span.settings-bank-selector-hover.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 500px 100px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.aub .bank-logo, .bank-span.settings-bank-selector-hover.en.aub .bank-logo {
      background-position: 0px 0px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.bsp .bank-logo, .bank-span.settings-bank-selector-hover.en.bsp .bank-logo {
      background-position: -50px 0px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.bdo .bank-logo, .bank-span.settings-bank-selector-hover.en.bdo .bank-logo {
      background-position: -100px 0px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.bpi .bank-logo, .bank-span.settings-bank-selector-hover.en.bpi .bank-logo {
      background-position: -150px 0px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.cbc .bank-logo, .bank-span.settings-bank-selector-hover.en.cbc .bank-logo {
      background-position: -200px 0px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.dbp .bank-logo, .bank-span.settings-bank-selector-hover.en.dbp .bank-logo {
      background-position: -250px 0px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.ew .bank-logo, .bank-span.settings-bank-selector-hover.en.ew .bank-logo {
      background-position: -300px 0px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.gcash .bank-logo, .bank-span.settings-bank-selector-hover.en.gcash .bank-logo {
      background-position: -350px 0px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.lbp .bank-logo, .bank-span.settings-bank-selector-hover.en.lbp .bank-logo {
      background-position: -400px 0px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.mbt .bank-logo, .bank-span.settings-bank-selector-hover.en.mbt .bank-logo {
      background-position: -450px 0px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.paymaya .bank-logo, .bank-span.settings-bank-selector-hover.en.paymaya .bank-logo {
      background-position: -500px 0px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.pbcom .bank-logo, .bank-span.settings-bank-selector-hover.en.pbcom .bank-logo {
      background-position: -550px 0px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.pbb .bank-logo, .bank-span.settings-bank-selector-hover.en.pbb .bank-logo {
      background-position: -600px 0px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.pht .bank-logo, .bank-span.settings-bank-selector-hover.en.pht .bank-logo {
      background-position: -650px 0px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.psb .bank-logo, .bank-span.settings-bank-selector-hover.en.psb .bank-logo {
      background-position: -700px 0px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.rcbc .bank-logo, .bank-span.settings-bank-selector-hover.en.rcbc .bank-logo {
      background-position: -750px 0px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.rbank .bank-logo, .bank-span.settings-bank-selector-hover.en.rbank .bank-logo {
      background-position: -800px 0px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.sbc .bank-logo, .bank-span.settings-bank-selector-hover.en.sbc .bank-logo {
      background-position: -850px 0px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.ub .bank-logo, .bank-span.settings-bank-selector-hover.en.ub .bank-logo {
      background-position: -900px 0px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.ucbp .bank-logo, .bank-span.settings-bank-selector-hover.en.ucbp .bank-logo {
      background-position: -950px 0px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.cod .bank-logo, .bank-span.settings-bank-selector-hover.en.cod .bank-logo {
      background-position: -1000px 0px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.truemoney, .bank-span.settings-bank-selector-hover.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.ph.truemoney .bank-logo, .bank-span.settings-bank-selector-hover.en.truemoney .bank-logo {
        background-position: -1050px 0px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.shopeepay, .bank-span.settings-bank-selector-hover.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.ph.shopeepay .bank-logo, .bank-span.settings-bank-selector-hover.en.shopeepay .bank-logo {
        background-position: -1100px 0px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.paypal, .bank-span.settings-bank-selector-hover.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.ph.paypal .bank-logo, .bank-span.settings-bank-selector-hover.en.paypal .bank-logo {
        background-position: -1150px 0px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.cash, .bank-span.settings-bank-selector-hover.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.ph.cash .bank-logo, .bank-span.settings-bank-selector-hover.en.cash .bank-logo {
        background-position: -1200px 0px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.ph.custom .bank-logo, .bank-span.settings-bank-selector-hover.en.custom .bank-logo {
      background-position: -1250px 0px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.ttb, .bank-span.settings-bank-selector-hover.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.ttb .bank-logo, .bank-span.settings-bank-selector-hover.en.ttb .bank-logo {
        background-position: -1000px 0px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.kbank, .bank-span.settings-bank-selector-hover.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.kbank .bank-logo, .bank-span.settings-bank-selector-hover.en.kbank .bank-logo {
        background-position: 0px 0px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.scb, .bank-span.settings-bank-selector-hover.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.scb .bank-logo, .bank-span.settings-bank-selector-hover.en.scb .bank-logo {
        background-position: -50px 0px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.bbl, .bank-span.settings-bank-selector-hover.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.bbl .bank-logo, .bank-span.settings-bank-selector-hover.en.bbl .bank-logo {
        background-position: -100px 0px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.ktb, .bank-span.settings-bank-selector-hover.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.ktb .bank-logo, .bank-span.settings-bank-selector-hover.en.ktb .bank-logo {
        background-position: -150px 0px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.bay, .bank-span.settings-bank-selector-hover.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.bay .bank-logo, .bank-span.settings-bank-selector-hover.en.bay .bank-logo {
        background-position: -200px 0px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.tmb, .bank-span.settings-bank-selector-hover.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.tmb .bank-logo, .bank-span.settings-bank-selector-hover.en.tmb .bank-logo {
        background-position: -250px 0px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.uob, .bank-span.settings-bank-selector-hover.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.uob .bank-logo, .bank-span.settings-bank-selector-hover.en.uob .bank-logo {
        background-position: -300px 0px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.gsba, .bank-span.settings-bank-selector-hover.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.gsba .bank-logo, .bank-span.settings-bank-selector-hover.en.gsba .bank-logo {
        background-position: -350px 0px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.tcap, .bank-span.settings-bank-selector-hover.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.tcap .bank-logo, .bank-span.settings-bank-selector-hover.en.tcap .bank-logo {
        background-position: -400px 0px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.kkp, .bank-span.settings-bank-selector-hover.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.kkp .bank-logo, .bank-span.settings-bank-selector-hover.en.kkp .bank-logo {
        background-position: -450px 0px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.scbl, .bank-span.settings-bank-selector-hover.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.scbl .bank-logo, .bank-span.settings-bank-selector-hover.en.scbl .bank-logo {
        background-position: -500px 0px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.cimb, .bank-span.settings-bank-selector-hover.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.cimb .bank-logo, .bank-span.settings-bank-selector-hover.en.cimb .bank-logo {
        background-position: -550px 0px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.tisco, .bank-span.settings-bank-selector-hover.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.tisco .bank-logo, .bank-span.settings-bank-selector-hover.en.tisco .bank-logo {
        background-position: -600px 0px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.lhbank, .bank-span.settings-bank-selector-hover.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.lhbank .bank-logo, .bank-span.settings-bank-selector-hover.en.lhbank .bank-logo {
        background-position: -650px 0px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.ghb, .bank-span.settings-bank-selector-hover.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.ghb .bank-logo, .bank-span.settings-bank-selector-hover.en.ghb .bank-logo {
        background-position: -700px 0px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.ibank, .bank-span.settings-bank-selector-hover.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.ibank .bank-logo, .bank-span.settings-bank-selector-hover.en.ibank .bank-logo {
        background-position: -750px 0px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.baac, .bank-span.settings-bank-selector-hover.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.baac .bank-logo, .bank-span.settings-bank-selector-hover.en.baac .bank-logo {
        background-position: -800px 0px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.truemoney, .bank-span.settings-bank-selector-hover.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.truemoney .bank-logo, .bank-span.settings-bank-selector-hover.en.truemoney .bank-logo {
        background-position: -850px 0px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.promptpay, .bank-span.settings-bank-selector-hover.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.promptpay .bank-logo, .bank-span.settings-bank-selector-hover.en.promptpay .bank-logo {
        background-position: -900px 0px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.cod, .bank-span.settings-bank-selector-hover.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.cod .bank-logo, .bank-span.settings-bank-selector-hover.en.cod .bank-logo {
        background-position: -950px 0px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.maemanee, .bank-span.settings-bank-selector-hover.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.maemanee .bank-logo, .bank-span.settings-bank-selector-hover.en.maemanee .bank-logo {
        background-position: -1050px 0px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.kplusshop, .bank-span.settings-bank-selector-hover.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.kplusshop .bank-logo, .bank-span.settings-bank-selector-hover.en.kplusshop .bank-logo {
        background-position: -1100px 0px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.shopeepay, .bank-span.settings-bank-selector-hover.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.shopeepay .bank-logo, .bank-span.settings-bank-selector-hover.en.shopeepay .bank-logo {
        background-position: -1150px 0px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.rabbitlinepay, .bank-span.settings-bank-selector-hover.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.rabbitlinepay .bank-logo, .bank-span.settings-bank-selector-hover.en.rabbitlinepay .bank-logo {
        background-position: -1200px 0px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.paypal, .bank-span.settings-bank-selector-hover.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.paypal .bank-logo, .bank-span.settings-bank-selector-hover.en.paypal .bank-logo {
        background-position: -1250px 0px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.cash, .bank-span.settings-bank-selector-hover.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.cash .bank-logo, .bank-span.settings-bank-selector-hover.en.cash .bank-logo {
        background-position: -1300px 0px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.custom .bank-logo, .bank-span.settings-bank-selector-hover.en.custom .bank-logo {
      background-position: -1350px 0px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.discover .bank-logo, .bank-span.settings-bank-selector-hover.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.visa .bank-logo, .bank-span.settings-bank-selector-hover.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.mastercard .bank-logo, .bank-span.settings-bank-selector-hover.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.jcb .bank-logo, .bank-span.settings-bank-selector-hover.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.internet_banking_scb, .bank-span.settings-bank-selector-hover.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.internet_banking_scb .bank-logo, .bank-span.settings-bank-selector-hover.en.internet_banking_scb .bank-logo {
        background-position: -50px 0px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.internet_banking_bbl, .bank-span.settings-bank-selector-hover.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.internet_banking_bbl .bank-logo, .bank-span.settings-bank-selector-hover.en.internet_banking_bbl .bank-logo {
        background-position: -100px 0px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.internet_banking_ktb, .bank-span.settings-bank-selector-hover.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.internet_banking_ktb .bank-logo, .bank-span.settings-bank-selector-hover.en.internet_banking_ktb .bank-logo {
        background-position: -150px 0px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.internet_banking_bay, .bank-span.settings-bank-selector-hover.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.th.internet_banking_bay .bank-logo, .bank-span.settings-bank-selector-hover.en.internet_banking_bay .bank-logo {
        background-position: -200px 0px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.th.line .bank-logo, .bank-span.settings-bank-selector-hover.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.bidvbank, .bank-span.settings-bank-selector-hover.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.bidvbank .bank-logo, .bank-span.settings-bank-selector-hover.en.bidvbank .bank-logo {
        background-position: 0px 0px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.meritime, .bank-span.settings-bank-selector-hover.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.meritime .bank-logo, .bank-span.settings-bank-selector-hover.en.meritime .bank-logo {
        background-position: -50px 0px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.sacombank, .bank-span.settings-bank-selector-hover.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.sacombank .bank-logo, .bank-span.settings-bank-selector-hover.en.sacombank .bank-logo {
        background-position: -100px 0px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.techcom, .bank-span.settings-bank-selector-hover.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.techcom .bank-logo, .bank-span.settings-bank-selector-hover.en.techcom .bank-logo {
        background-position: -150px 0px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.vietcombank, .bank-span.settings-bank-selector-hover.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.vietcombank .bank-logo, .bank-span.settings-bank-selector-hover.en.vietcombank .bank-logo {
        background-position: -200px 0px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.vieteximbank, .bank-span.settings-bank-selector-hover.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.vieteximbank .bank-logo, .bank-span.settings-bank-selector-hover.en.vieteximbank .bank-logo {
        background-position: -250px 0px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.vietinbank, .bank-span.settings-bank-selector-hover.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.vietinbank .bank-logo, .bank-span.settings-bank-selector-hover.en.vietinbank .bank-logo {
        background-position: -300px 0px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.vpbank, .bank-span.settings-bank-selector-hover.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.vpbank .bank-logo, .bank-span.settings-bank-selector-hover.en.vpbank .bank-logo {
        background-position: -350px 0px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.agribank, .bank-span.settings-bank-selector-hover.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.vi.agribank .bank-logo, .bank-span.settings-bank-selector-hover.en.agribank .bank-logo {
        background-position: -400px 0px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.vi.custom .bank-logo, .bank-span.settings-bank-selector-hover.en.custom .bank-logo {
      background-position: -450px 0px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.tabungan_negara, .bank-span.settings-bank-selector-hover.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.tabungan_negara .bank-logo, .bank-span.settings-bank-selector-hover.en.tabungan_negara .bank-logo {
        background-position: 0px 0px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.central_asia, .bank-span.settings-bank-selector-hover.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.central_asia .bank-logo, .bank-span.settings-bank-selector-hover.en.central_asia .bank-logo {
        background-position: -50px 0px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.negara_indonesia, .bank-span.settings-bank-selector-hover.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.negara_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.negara_indonesia .bank-logo {
        background-position: -100px 0px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.panin, .bank-span.settings-bank-selector-hover.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.panin .bank-logo, .bank-span.settings-bank-selector-hover.en.panin .bank-logo {
        background-position: -150px 0px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.internasional_indonesia, .bank-span.settings-bank-selector-hover.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.internasional_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.internasional_indonesia .bank-logo {
        background-position: -200px 0px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.rakyat_indonesia, .bank-span.settings-bank-selector-hover.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.rakyat_indonesia .bank-logo, .bank-span.settings-bank-selector-hover.en.rakyat_indonesia .bank-logo {
        background-position: -250px 0px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.mandiri, .bank-span.settings-bank-selector-hover.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.mandiri .bank-logo, .bank-span.settings-bank-selector-hover.en.mandiri .bank-logo {
        background-position: -300px 0px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.danamon, .bank-span.settings-bank-selector-hover.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.danamon .bank-logo, .bank-span.settings-bank-selector-hover.en.danamon .bank-logo {
        background-position: -350px 0px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.cimb_niaga, .bank-span.settings-bank-selector-hover.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.settings-bank-selector-hover.id.cimb_niaga .bank-logo, .bank-span.settings-bank-selector-hover.en.cimb_niaga .bank-logo {
        background-position: -400px 0px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.settings-bank-selector-hover.id.custom .bank-logo, .bank-span.settings-bank-selector-hover.en.custom .bank-logo {
      background-position: -450px 0px; }
  /* line 599, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
  .bank-span.orders-transferred-bank {
    width: 18px;
    height: 18px; }
    /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank .bank-logo {
      width: 18px;
      height: 18px;
      margin: 0; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 504px 36px; }
    /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 468px 36px; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 180px 36px; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 180px 36px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.en.ttb .bank-logo, .bank-span.orders-transferred-bank.en.kbank .bank-logo, .bank-span.orders-transferred-bank.en.scb .bank-logo, .bank-span.orders-transferred-bank.en.bbl .bank-logo, .bank-span.orders-transferred-bank.en.ktb .bank-logo, .bank-span.orders-transferred-bank.en.bay .bank-logo, .bank-span.orders-transferred-bank.en.tmb .bank-logo, .bank-span.orders-transferred-bank.en.uob .bank-logo, .bank-span.orders-transferred-bank.en.gsba .bank-logo, .bank-span.orders-transferred-bank.en.tcap .bank-logo, .bank-span.orders-transferred-bank.en.kkp .bank-logo, .bank-span.orders-transferred-bank.en.scbl .bank-logo, .bank-span.orders-transferred-bank.en.cimb .bank-logo, .bank-span.orders-transferred-bank.en.tisco .bank-logo, .bank-span.orders-transferred-bank.en.lhbank .bank-logo, .bank-span.orders-transferred-bank.en.ghb .bank-logo, .bank-span.orders-transferred-bank.en.ibank .bank-logo, .bank-span.orders-transferred-bank.en.baac .bank-logo, .bank-span.orders-transferred-bank.en.promptpay .bank-logo, .bank-span.orders-transferred-bank.en.truemoney .bank-logo, .bank-span.orders-transferred-bank.en.cod .bank-logo {
      background-image: url("/assets/hg/icon/bank-th-cc5e24fa9cc1188d5ddadb7c0356af8d07fcca96f52531bef2601f1c7e3e5923.png");
      background-size: 504px 36px; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.en.bidvbank .bank-logo, .bank-span.orders-transferred-bank.en.meritime .bank-logo, .bank-span.orders-transferred-bank.en.sacombank .bank-logo, .bank-span.orders-transferred-bank.en.techcom .bank-logo, .bank-span.orders-transferred-bank.en.vietcombank .bank-logo, .bank-span.orders-transferred-bank.en.vieteximbank .bank-logo, .bank-span.orders-transferred-bank.en.vietinbank .bank-logo, .bank-span.orders-transferred-bank.en.vpbank .bank-logo, .bank-span.orders-transferred-bank.en.agribank .bank-logo {
      background-image: url("/assets/hg/icon/bank-vi-a017212916bb6e3028f6a299e9085f4dc76d912a4c9910c6ff09cbc27a1befb3.png");
      background-size: 180px 36px; }
    /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.en.aub .bank-logo, .bank-span.orders-transferred-bank.en.bsp .bank-logo, .bank-span.orders-transferred-bank.en.bdo .bank-logo, .bank-span.orders-transferred-bank.en.bpi .bank-logo, .bank-span.orders-transferred-bank.en.cbc .bank-logo, .bank-span.orders-transferred-bank.en.dbp .bank-logo, .bank-span.orders-transferred-bank.en.ew .bank-logo, .bank-span.orders-transferred-bank.en.gcash .bank-logo, .bank-span.orders-transferred-bank.en.lbp .bank-logo, .bank-span.orders-transferred-bank.en.mbt .bank-logo, .bank-span.orders-transferred-bank.en.paymaya .bank-logo, .bank-span.orders-transferred-bank.en.pbcom .bank-logo, .bank-span.orders-transferred-bank.en.pbb .bank-logo, .bank-span.orders-transferred-bank.en.pht .bank-logo, .bank-span.orders-transferred-bank.en.psb .bank-logo, .bank-span.orders-transferred-bank.en.rcbc .bank-logo, .bank-span.orders-transferred-bank.en.rbank .bank-logo, .bank-span.orders-transferred-bank.en.sbc .bank-logo, .bank-span.orders-transferred-bank.en.ub .bank-logo, .bank-span.orders-transferred-bank.en.ucbp .bank-logo, .bank-span.orders-transferred-bank.en.cod .bank-logo, .bank-span.orders-transferred-bank.en.truemoney .bank-logo, .bank-span.orders-transferred-bank.en.shopeepay .bank-logo, .bank-span.orders-transferred-bank.en.paypal .bank-logo, .bank-span.orders-transferred-bank.en.cash .bank-logo {
      background-image: url("/assets/hg/icon/bank-ph-d5b0a29b98ff64e43385cb2b0734d81cfc7ca7d91edacb04e8c0fae4dd75b75b.png");
      background-size: 468px 36px; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.en.tabungan_negara .bank-logo, .bank-span.orders-transferred-bank.en.central_asia .bank-logo, .bank-span.orders-transferred-bank.en.negara_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.panin .bank-logo, .bank-span.orders-transferred-bank.en.internasional_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.rakyat_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.mandiri .bank-logo, .bank-span.orders-transferred-bank.en.danamon .bank-logo, .bank-span.orders-transferred-bank.en.cimb_niaga .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 180px 36px; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.en.custom .bank-logo {
      background-image: url("/assets/hg/icon/bank-id-f88d790b26804486570a2db2a21e0dc8448193b4da97ae0329a1384cc87a12f9.png");
      background-size: 180px 36px; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.aub .bank-logo, .bank-span.orders-transferred-bank.en.aub .bank-logo {
      background-position: 0px -18px; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.bsp .bank-logo, .bank-span.orders-transferred-bank.en.bsp .bank-logo {
      background-position: -18px -18px; }
    /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.bdo .bank-logo, .bank-span.orders-transferred-bank.en.bdo .bank-logo {
      background-position: -36px -18px; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.bpi .bank-logo, .bank-span.orders-transferred-bank.en.bpi .bank-logo {
      background-position: -54px -18px; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.cbc .bank-logo, .bank-span.orders-transferred-bank.en.cbc .bank-logo {
      background-position: -72px -18px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.dbp .bank-logo, .bank-span.orders-transferred-bank.en.dbp .bank-logo {
      background-position: -90px -18px; }
    /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.ew .bank-logo, .bank-span.orders-transferred-bank.en.ew .bank-logo {
      background-position: -108px -18px; }
    /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.gcash .bank-logo, .bank-span.orders-transferred-bank.en.gcash .bank-logo {
      background-position: -126px -18px; }
    /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.lbp .bank-logo, .bank-span.orders-transferred-bank.en.lbp .bank-logo {
      background-position: -144px -18px; }
    /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.mbt .bank-logo, .bank-span.orders-transferred-bank.en.mbt .bank-logo {
      background-position: -162px -18px; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.paymaya .bank-logo, .bank-span.orders-transferred-bank.en.paymaya .bank-logo {
      background-position: -180px -18px; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.pbcom .bank-logo, .bank-span.orders-transferred-bank.en.pbcom .bank-logo {
      background-position: -198px -18px; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.pbb .bank-logo, .bank-span.orders-transferred-bank.en.pbb .bank-logo {
      background-position: -216px -18px; }
    /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.pht .bank-logo, .bank-span.orders-transferred-bank.en.pht .bank-logo {
      background-position: -234px -18px; }
    /* line 154, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.psb .bank-logo, .bank-span.orders-transferred-bank.en.psb .bank-logo {
      background-position: -252px -18px; }
    /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.rcbc .bank-logo, .bank-span.orders-transferred-bank.en.rcbc .bank-logo {
      background-position: -270px -18px; }
    /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.rbank .bank-logo, .bank-span.orders-transferred-bank.en.rbank .bank-logo {
      background-position: -288px -18px; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.sbc .bank-logo, .bank-span.orders-transferred-bank.en.sbc .bank-logo {
      background-position: -306px -18px; }
    /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.ub .bank-logo, .bank-span.orders-transferred-bank.en.ub .bank-logo {
      background-position: -324px -18px; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.ucbp .bank-logo, .bank-span.orders-transferred-bank.en.ucbp .bank-logo {
      background-position: -342px -18px; }
    /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.cod .bank-logo, .bank-span.orders-transferred-bank.en.cod .bank-logo {
      background-position: -360px -18px; }
    /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.truemoney, .bank-span.orders-transferred-bank.en.truemoney {
      background-color: #f48221; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.ph.truemoney .bank-logo, .bank-span.orders-transferred-bank.en.truemoney .bank-logo {
        background-position: -378px -18px; }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.shopeepay, .bank-span.orders-transferred-bank.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.ph.shopeepay .bank-logo, .bank-span.orders-transferred-bank.en.shopeepay .bank-logo {
        background-position: -396px -18px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.paypal, .bank-span.orders-transferred-bank.en.paypal {
      background-color: #4b58a4; }
      /* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.ph.paypal .bank-logo, .bank-span.orders-transferred-bank.en.paypal .bank-logo {
        background-position: -414px -18px; }
    /* line 186, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.cash, .bank-span.orders-transferred-bank.en.cash {
      background-color: #32bea6; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.ph.cash .bank-logo, .bank-span.orders-transferred-bank.en.cash .bank-logo {
        background-position: -432px -18px; }
    /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.ph.custom .bank-logo, .bank-span.orders-transferred-bank.en.custom .bank-logo {
      background-position: -450px -18px; }
    /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.ttb, .bank-span.orders-transferred-bank.en.ttb {
      background-color: #002d64; }
      /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.ttb .bank-logo, .bank-span.orders-transferred-bank.en.ttb .bank-logo {
        background-position: -360px -18px; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.kbank, .bank-span.orders-transferred-bank.en.kbank {
      background-color: #009245; }
      /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.kbank .bank-logo, .bank-span.orders-transferred-bank.en.kbank .bank-logo {
        background-position: 0px -18px; }
    /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.scb, .bank-span.orders-transferred-bank.en.scb {
      background-color: #4c2786; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.scb .bank-logo, .bank-span.orders-transferred-bank.en.scb .bank-logo {
        background-position: -18px -18px; }
    /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.bbl, .bank-span.orders-transferred-bank.en.bbl {
      background-color: #233e99; }
      /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.bbl .bank-logo, .bank-span.orders-transferred-bank.en.bbl .bank-logo {
        background-position: -36px -18px; }
    /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.ktb, .bank-span.orders-transferred-bank.en.ktb {
      background-color: #0191d7; }
      /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.ktb .bank-logo, .bank-span.orders-transferred-bank.en.ktb .bank-logo {
        background-position: -54px -18px; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.bay, .bank-span.orders-transferred-bank.en.bay {
      background-color: #ffc323; }
      /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.bay .bank-logo, .bank-span.orders-transferred-bank.en.bay .bank-logo {
        background-position: -72px -18px; }
    /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.tmb, .bank-span.orders-transferred-bank.en.tmb {
      background-color: #056eaf; }
      /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.tmb .bank-logo, .bank-span.orders-transferred-bank.en.tmb .bank-logo {
        background-position: -90px -18px; }
    /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.uob, .bank-span.orders-transferred-bank.en.uob {
      background-color: #00377a; }
      /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.uob .bank-logo, .bank-span.orders-transferred-bank.en.uob .bank-logo {
        background-position: -108px -18px; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.gsba, .bank-span.orders-transferred-bank.en.gsba {
      background-color: #ED268D; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.gsba .bank-logo, .bank-span.orders-transferred-bank.en.gsba .bank-logo {
        background-position: -126px -18px; }
    /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.tcap, .bank-span.orders-transferred-bank.en.tcap {
      background-color: #f37022; }
      /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.tcap .bank-logo, .bank-span.orders-transferred-bank.en.tcap .bank-logo {
        background-position: -144px -18px; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.kkp, .bank-span.orders-transferred-bank.en.kkp {
      background-color: #584b74; }
      /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.kkp .bank-logo, .bank-span.orders-transferred-bank.en.kkp .bank-logo {
        background-position: -162px -18px; }
    /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.scbl, .bank-span.orders-transferred-bank.en.scbl {
      background-color: #005993; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.scbl .bank-logo, .bank-span.orders-transferred-bank.en.scbl .bank-logo {
        background-position: -180px -18px; }
    /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.cimb, .bank-span.orders-transferred-bank.en.cimb {
      background-color: #ff121a; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.cimb .bank-logo, .bank-span.orders-transferred-bank.en.cimb .bank-logo {
        background-position: -198px -18px; }
    /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.tisco, .bank-span.orders-transferred-bank.en.tisco {
      background-color: #095090; }
      /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.tisco .bank-logo, .bank-span.orders-transferred-bank.en.tisco .bank-logo {
        background-position: -216px -18px; }
    /* line 252, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.lhbank, .bank-span.orders-transferred-bank.en.lhbank {
      background-color: #7a7a7e; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.lhbank .bank-logo, .bank-span.orders-transferred-bank.en.lhbank .bank-logo {
        background-position: -234px -18px; }
    /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.ghb, .bank-span.orders-transferred-bank.en.ghb {
      background-color: #ff8500; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.ghb .bank-logo, .bank-span.orders-transferred-bank.en.ghb .bank-logo {
        background-position: -252px -18px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.ibank, .bank-span.orders-transferred-bank.en.ibank {
      background-color: #164614; }
      /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.ibank .bank-logo, .bank-span.orders-transferred-bank.en.ibank .bank-logo {
        background-position: -270px -18px; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.baac, .bank-span.orders-transferred-bank.en.baac {
      background-color: #006038; }
      /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.baac .bank-logo, .bank-span.orders-transferred-bank.en.baac .bank-logo {
        background-position: -288px -18px; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.truemoney, .bank-span.orders-transferred-bank.en.truemoney {
      background-color: #f48221; }
      /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.truemoney .bank-logo, .bank-span.orders-transferred-bank.en.truemoney .bank-logo {
        background-position: -306px -18px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.promptpay, .bank-span.orders-transferred-bank.en.promptpay {
      background-color: #003d69; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.promptpay .bank-logo, .bank-span.orders-transferred-bank.en.promptpay .bank-logo {
        background-position: -324px -18px; }
    /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.cod, .bank-span.orders-transferred-bank.en.cod {
      background-color: #fed106; }
      /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.cod .bank-logo, .bank-span.orders-transferred-bank.en.cod .bank-logo {
        background-position: -342px -18px; }
    /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.maemanee, .bank-span.orders-transferred-bank.en.maemanee {
      background-color: #562f87; }
      /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.maemanee .bank-logo, .bank-span.orders-transferred-bank.en.maemanee .bank-logo {
        background-position: -378px -18px; }
    /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.kplusshop, .bank-span.orders-transferred-bank.en.kplusshop {
      background-color: #1c9b52; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.kplusshop .bank-logo, .bank-span.orders-transferred-bank.en.kplusshop .bank-logo {
        background-position: -396px -18px; }
    /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.shopeepay, .bank-span.orders-transferred-bank.en.shopeepay {
      background-color: #ed4d2b; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.shopeepay .bank-logo, .bank-span.orders-transferred-bank.en.shopeepay .bank-logo {
        background-position: -414px -18px; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.rabbitlinepay, .bank-span.orders-transferred-bank.en.rabbitlinepay {
      background-color: #08bf5a; }
      /* line 294, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.rabbitlinepay .bank-logo, .bank-span.orders-transferred-bank.en.rabbitlinepay .bank-logo {
        background-position: -432px -18px; }
    /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.paypal, .bank-span.orders-transferred-bank.en.paypal {
      background-color: #4b58a4; }
      /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.paypal .bank-logo, .bank-span.orders-transferred-bank.en.paypal .bank-logo {
        background-position: -450px -18px; }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.cash, .bank-span.orders-transferred-bank.en.cash {
      background-color: #32bea6; }
      /* line 302, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.cash .bank-logo, .bank-span.orders-transferred-bank.en.cash .bank-logo {
        background-position: -468px -18px; }
    /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.custom .bank-logo, .bank-span.orders-transferred-bank.en.custom .bank-logo {
      background-position: -486px -18px; }
    /* line 308, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.discover .bank-logo, .bank-span.orders-transferred-bank.en.discover .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: 0px 1px; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.visa .bank-logo, .bank-span.orders-transferred-bank.en.visa .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -19px 1px; }
    /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.mastercard .bank-logo, .bank-span.orders-transferred-bank.en.mastercard .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -35px 1px; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.jcb .bank-logo, .bank-span.orders-transferred-bank.en.jcb .bank-logo {
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-repeat: no-repeat;
      background-size: 72px 14px;
      background-position: -53px 1px; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.internet_banking_scb, .bank-span.orders-transferred-bank.en.internet_banking_scb {
      background-color: #4c2786; }
      /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.internet_banking_scb .bank-logo, .bank-span.orders-transferred-bank.en.internet_banking_scb .bank-logo {
        background-position: -18px -18px; }
    /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.internet_banking_bbl, .bank-span.orders-transferred-bank.en.internet_banking_bbl {
      background-color: #233e99; }
      /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.internet_banking_bbl .bank-logo, .bank-span.orders-transferred-bank.en.internet_banking_bbl .bank-logo {
        background-position: -36px -18px; }
    /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.internet_banking_ktb, .bank-span.orders-transferred-bank.en.internet_banking_ktb {
      background-color: #0191d7; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.internet_banking_ktb .bank-logo, .bank-span.orders-transferred-bank.en.internet_banking_ktb .bank-logo {
        background-position: -54px -18px; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.internet_banking_bay, .bank-span.orders-transferred-bank.en.internet_banking_bay {
      background-color: #ffc323; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.th.internet_banking_bay .bank-logo, .bank-span.orders-transferred-bank.en.internet_banking_bay .bank-logo {
        background-position: -72px -18px; }
    /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.th.line .bank-logo, .bank-span.orders-transferred-bank.en.line .bank-logo {
      background-image: url("/assets/hg/icon/linepay-logo-square-124386c53a690a39f147b2f557f4caa800eec5be662ab9b89a8944587acdd75a.png");
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 0px 0px; }
    /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.bidvbank, .bank-span.orders-transferred-bank.en.bidvbank {
      background-color: #434899; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.bidvbank .bank-logo, .bank-span.orders-transferred-bank.en.bidvbank .bank-logo {
        background-position: 0px -18px; }
    /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.meritime, .bank-span.orders-transferred-bank.en.meritime {
      background-color: #EF0C19; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.meritime .bank-logo, .bank-span.orders-transferred-bank.en.meritime .bank-logo {
        background-position: -18px -18px; }
    /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.sacombank, .bank-span.orders-transferred-bank.en.sacombank {
      background-color: #1790D3; }
      /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.sacombank .bank-logo, .bank-span.orders-transferred-bank.en.sacombank .bank-logo {
        background-position: -36px -18px; }
    /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.techcom, .bank-span.orders-transferred-bank.en.techcom {
      background-color: #E9212D; }
      /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.techcom .bank-logo, .bank-span.orders-transferred-bank.en.techcom .bank-logo {
        background-position: -54px -18px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.vietcombank, .bank-span.orders-transferred-bank.en.vietcombank {
      background-color: #054423; }
      /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.vietcombank .bank-logo, .bank-span.orders-transferred-bank.en.vietcombank .bank-logo {
        background-position: -72px -18px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.vieteximbank, .bank-span.orders-transferred-bank.en.vieteximbank {
      background-color: #1581B5; }
      /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.vieteximbank .bank-logo, .bank-span.orders-transferred-bank.en.vieteximbank .bank-logo {
        background-position: -90px -18px; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.vietinbank, .bank-span.orders-transferred-bank.en.vietinbank {
      background-color: #1B7ECD; }
      /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.vietinbank .bank-logo, .bank-span.orders-transferred-bank.en.vietinbank .bank-logo {
        background-position: -108px -18px; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.vpbank, .bank-span.orders-transferred-bank.en.vpbank {
      background-color: #13844A; }
      /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.vpbank .bank-logo, .bank-span.orders-transferred-bank.en.vpbank .bank-logo {
        background-position: -126px -18px; }
    /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.agribank, .bank-span.orders-transferred-bank.en.agribank {
      background-color: #8C191D; }
      /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.vi.agribank .bank-logo, .bank-span.orders-transferred-bank.en.agribank .bank-logo {
        background-position: -144px -18px; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.vi.custom .bank-logo, .bank-span.orders-transferred-bank.en.custom .bank-logo {
      background-position: -162px -18px; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.tabungan_negara, .bank-span.orders-transferred-bank.en.tabungan_negara {
      background-color: #005595; }
      /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.tabungan_negara .bank-logo, .bank-span.orders-transferred-bank.en.tabungan_negara .bank-logo {
        background-position: 0px -18px; }
    /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.central_asia, .bank-span.orders-transferred-bank.en.central_asia {
      background-color: #0a61ae; }
      /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.central_asia .bank-logo, .bank-span.orders-transferred-bank.en.central_asia .bank-logo {
        background-position: -18px -18px; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.negara_indonesia, .bank-span.orders-transferred-bank.en.negara_indonesia {
      background-color: #f05921; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.negara_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.negara_indonesia .bank-logo {
        background-position: -36px -18px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.panin, .bank-span.orders-transferred-bank.en.panin {
      background-color: #017dc7; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.panin .bank-logo, .bank-span.orders-transferred-bank.en.panin .bank-logo {
        background-position: -54px -18px; }
    /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.internasional_indonesia, .bank-span.orders-transferred-bank.en.internasional_indonesia {
      background-color: #fed106; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.internasional_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.internasional_indonesia .bank-logo {
        background-position: -72px -18px; }
    /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.rakyat_indonesia, .bank-span.orders-transferred-bank.en.rakyat_indonesia {
      background-color: #004e91; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.rakyat_indonesia .bank-logo, .bank-span.orders-transferred-bank.en.rakyat_indonesia .bank-logo {
        background-position: -90px -18px; }
    /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.mandiri, .bank-span.orders-transferred-bank.en.mandiri {
      background-color: #013066; }
      /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.mandiri .bank-logo, .bank-span.orders-transferred-bank.en.mandiri .bank-logo {
        background-position: -108px -18px; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.danamon, .bank-span.orders-transferred-bank.en.danamon {
      background-color: #f47321; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.danamon .bank-logo, .bank-span.orders-transferred-bank.en.danamon .bank-logo {
        background-position: -126px -18px; }
    /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.cimb_niaga, .bank-span.orders-transferred-bank.en.cimb_niaga {
      background-color: #ff121a; }
      /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
      .bank-span.orders-transferred-bank.id.cimb_niaga .bank-logo, .bank-span.orders-transferred-bank.en.cimb_niaga .bank-logo {
        background-position: -144px -18px; }
    /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/banks.css.sass */
    .bank-span.orders-transferred-bank.id.custom .bank-logo, .bank-span.orders-transferred-bank.en.custom .bank-logo {
      background-position: -162px -18px; }
/* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
.alert-confirmation {
  height: auto !important;
  font-size: 90%;
  margin: 30px auto auto auto;
  width: 380px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
  .alert-confirmation .noty_bar .noty_message {
    color: #666;
    font-size: 120%;
    margin: 20px; }
    /* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
    .alert-confirmation .noty_bar .noty_message h2 {
      margin-top: 0; }
  /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
  .alert-confirmation .noty_bar .noty_buttons {
    margin: 25px;
    text-align: right; }
    /* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
    .alert-confirmation .noty_bar .noty_buttons .btn {
      color: #fff;
      font-size: 110%;
      min-width: 100px;
      height: 30px;
      padding: 5px 10px; }
      /* line 34, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
      .alert-confirmation .noty_bar .noty_buttons .btn.btn-cancel {
        background-color: #C0C0C0;
        margin-right: 10px; }
        /* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
        .alert-confirmation .noty_bar .noty_buttons .btn.btn-cancel:hover {
          background-color: #aaa; }
      /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
      .alert-confirmation .noty_bar .noty_buttons .btn.btn-action {
        background-color: #26b899; }
        /* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
        .alert-confirmation .noty_bar .noty_buttons .btn.btn-action:hover {
          background-color: #139f85; }

/* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/confirmation.css.sass */
body.phone .alert-confirmation {
  width: 100%; }
/* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
.swal-modal {
  font-family: helvetica, arial, sans-serif; }
  /* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal.vertical-buttons .swal-footer {
    flex-flow: column;
    align-items: stretch; }
  /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal.vertical-buttons .swal-button-container {
    display: block;
    width: 100%;
    margin: 6px 0; }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal.vertical-buttons .swal-button {
    width: 100%; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-title {
    font-size: 30px;
    font-weight: 600; }
  /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-text {
    text-align: center; }
  /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-input-group {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 10px; }
  /* line 32, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-input {
    flex: 1;
    width: 100%;
    padding: 8px;
    border: 1px solid #d0d0d0;
    border-radius: 4px; }
  /* line 38, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-error-coupon {
    padding: 10px 16px;
    background-color: #fbb040;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap; }
    /* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-error-coupon:hover, .swal-modal .swal-error-coupon:focus {
      background-color: #f1a929; }
  /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-error-message {
    margin-top: 8px;
    font-size: 14px;
    color: #d9534f;
    font-weight: 700;
    min-height: 18px; }
  /* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-info-message {
    margin-top: 4px;
    font-size: 14px;
    color: #1e90ff;
    font-weight: 700; }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-footer {
    display: flex;
    justify-content: center; }
  /* line 63, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-button {
    font-size: 17px;
    font-weight: 500;
    padding: 10px 32px;
    color: #fff;
    opacity: 1;
    background-color: #d0d0d0; }
    /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button:hover, .swal-modal .swal-button:focus {
      box-shadow: none;
      background-color: #c0c0c0; }
  /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-button--onlySelected,
  .swal-modal .swal-button--all,
  .swal-modal .swal-button--mix,
  .swal-modal .swal-button--taxInvoice,
  .swal-modal .swal-button--abbreviatedTaxInvoice,
  .swal-modal .swal-button--receipt {
    width: 100%; }
    /* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--onlySelected.valid,
    .swal-modal .swal-button--all.valid,
    .swal-modal .swal-button--mix.valid,
    .swal-modal .swal-button--taxInvoice.valid,
    .swal-modal .swal-button--abbreviatedTaxInvoice.valid,
    .swal-modal .swal-button--receipt.valid {
      background-color: #26b899; }
      /* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
      .swal-modal .swal-button--onlySelected.valid:hover, .swal-modal .swal-button--onlySelected.valid:focus,
      .swal-modal .swal-button--all.valid:hover,
      .swal-modal .swal-button--all.valid:focus,
      .swal-modal .swal-button--mix.valid:hover,
      .swal-modal .swal-button--mix.valid:focus,
      .swal-modal .swal-button--taxInvoice.valid:hover,
      .swal-modal .swal-button--taxInvoice.valid:focus,
      .swal-modal .swal-button--abbreviatedTaxInvoice.valid:hover,
      .swal-modal .swal-button--abbreviatedTaxInvoice.valid:focus,
      .swal-modal .swal-button--receipt.valid:hover,
      .swal-modal .swal-button--receipt.valid:focus {
        background-color: #26b899; }
    /* line 86, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--onlySelected.invalid,
    .swal-modal .swal-button--all.invalid,
    .swal-modal .swal-button--mix.invalid,
    .swal-modal .swal-button--taxInvoice.invalid,
    .swal-modal .swal-button--abbreviatedTaxInvoice.invalid,
    .swal-modal .swal-button--receipt.invalid {
      pointer-events: none;
      background-color: #d0d0d0; }
      /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
      .swal-modal .swal-button--onlySelected.invalid:hover, .swal-modal .swal-button--onlySelected.invalid:focus,
      .swal-modal .swal-button--all.invalid:hover,
      .swal-modal .swal-button--all.invalid:focus,
      .swal-modal .swal-button--mix.invalid:hover,
      .swal-modal .swal-button--mix.invalid:focus,
      .swal-modal .swal-button--taxInvoice.invalid:hover,
      .swal-modal .swal-button--taxInvoice.invalid:focus,
      .swal-modal .swal-button--abbreviatedTaxInvoice.invalid:hover,
      .swal-modal .swal-button--abbreviatedTaxInvoice.invalid:focus,
      .swal-modal .swal-button--receipt.invalid:hover,
      .swal-modal .swal-button--receipt.invalid:focus {
        box-shadow: none;
        background-color: #c0c0c0; }
  /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-button--confirm {
    background-color: #26b899; }
    /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--confirm:hover, .swal-modal .swal-button--confirm:focus {
      background-color: #139f85; }
    /* line 98, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--confirm.close {
      background-color: #d0d0d0; }
      /* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
      .swal-modal .swal-button--confirm.close:hover, .swal-modal .swal-button--confirm.close:focus {
        box-shadow: none;
        background-color: #c0c0c0; }
    /* line 104, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--confirm.danger {
      background-color: #dd6b55; }
      /* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
      .swal-modal .swal-button--confirm.danger:hover, .swal-modal .swal-button--confirm.danger:focus {
        background-color: #d46752; }
    /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--confirm.confirm {
      background-color: #fbb040; }
      /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
      .swal-modal .swal-button--confirm.confirm:hover, .swal-modal .swal-button--confirm.confirm:focus {
        background-color: #f1a929; }
  /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
  .swal-modal .swal-button--self_purchase {
    background-color: #26b899; }
    /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/swal.css.sass */
    .swal-modal .swal-button--self_purchase:hover, .swal-modal .swal-button--self_purchase:focus {
      background-color: #139f85; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-alert.normal {
  border: 1px solid #E9EFF5; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/components/alert.sass */
.sb-alert {
  width: calc(100% - 40px);
  margin: 10px 20px;
  padding: 10px 10px;
  border-radius: 3px; }
  /* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/components/alert.sass */
  .sb-alert.normal {
    color: #7B868A;
    background-color: #FCFCFD; }
  /* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/components/alert.sass */
  .sb-alert.danger {
    border: 1px solid #F35754;
    color: #F35754;
    background-color: rgba(243, 87, 84, 0.1); }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 6, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.close-button-container {
  position: relative;
  cursor: pointer; }
  /* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .close-button-container .button.glyphicons {
    position: absolute;
    top: 15px;
    right: 25px;
    padding-left: 0;
    color: #c3c6cd; }
    /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .close-button-container .button.glyphicons:before {
      font-size: 11px; }
    /* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .close-button-container .button.glyphicons:hover {
      color: #666; }

/* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.check-box-button {
  cursor: pointer;
  color: #d4d4d4;
  background-color: #d4d4d4;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  padding: 0; }
  /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .check-box-button:before {
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .check-box-button.active {
    background-color: #26b899;
    color: white; }

/* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-button {
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  display: inline-block;
  font-weight: bold;
  padding: 6px 20px;
  margin-left: 10px;
  border: 1px solid #E9EFF5;
  border-radius: 3px;
  outline: 0; }
  /* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button:first-child {
    margin-left: 0px; }
  /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.ghost {
    color: #2A69B3;
    border: 1px solid #2A69B3; }
  /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.default {
    color: #7B868A;
    border: 1px solid #E9EFF5;
    background-color: #ffffff; }
  /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.primary {
    color: #ffffff;
    border: 1px solid #2A69B3;
    background-color: #2A69B3; }
    /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button.primary:hover {
      border: 1px solid #3D76BD;
      background-color: #3D76BD; }
    /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button.primary:active {
      border: 1px solid #215BA2;
      background-color: #215BA2; }
  /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.danger {
    color: #ffffff;
    border: 1px solid #F04545;
    background-color: #F04545; }
    /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button.danger:hover {
      border: 1px solid #F04545;
      background-color: #F04545; }
    /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button.danger:active {
      border: 1px solid #D83B38;
      background-color: #D83B38; }
  /* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.disable {
    cursor: not-allowed;
    color: #CBD0D5;
    background-color: #F5F7F8; }
    /* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button.disable:hover {
      box-shadow: 0px 0px 0px 0px rgba(42, 105, 179, 0.1); }
  /* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button.sb-loading {
    padding: 6px 30px; }
  /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button:hover {
    box-shadow: 0px 3px 5px 0px rgba(42, 105, 179, 0.1); }
  /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button:active {
    box-shadow: 0px 1.5px 2.5px 0px rgba(42, 105, 179, 0.1); }

/* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner {
  white-space: nowrap; }

/* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner .bounce1 {
  background-color: #fff; }

/* line 96, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner .bounce2 {
  background-color: #fff; }

/* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner .bounce3 {
  background-color: #fff; }

/* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner > div {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  animation-fill-mode: both; }

/* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner .bounce1 {
  animation-delay: -0.32s; }

/* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.spinner .bounce2 {
  animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }
@media only screen and (max-width: 600px) {
  /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
  .sb-button {
    margin: 0 0 10px; }
    /* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
    .sb-button:last-child {
      margin-bottom: 0; } }
/* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch {
  vertical-align: middle;
  width: 3rem;
  height: 1.55rem;
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px; }

/* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

/* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input + .toggle {
  background-color: #d8d8d8;
  width: inherit;
  height: inherit;
  border-radius: 2rem;
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  transition: background 0.3s ease; }

/* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input + .toggle::after {
  content: "";
  position: absolute;
  top: 0.175rem;
  left: 0.175rem;
  background-color: #fff;
  display: inline-block;
  width: 1.175rem;
  height: 1.175rem;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.06s ease; }

/* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input + .toggle:active::after, .sb-switch input:active + .toggle::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05); }

/* line 175, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input:checked + .toggle:active::after, .sb-switch input:checked:active + .toggle::after {
  box-shadow: 0 0 1px 2px rgba(234, 90, 90, 0.15); }

/* line 179, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input:checked + .toggle {
  background-color: #26B899; }

/* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/components/button.sass */
.sb-switch input:checked + .toggle::after {
  transform: translateX(1.5rem); }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-card {
  border: 1px solid #E9EFF5; }

/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-card .sb-card-header {
  border-bottom: 1px solid #E9EFF5; }

/* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-card {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
.sb-card {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: auto auto 20px auto;
  border-radius: 3px;
  background-color: white; }
  /* line 14, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card.sb-card-permission {
    max-width: initial; }
  /* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card a {
    color: #2A69B3; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card .sb-card-header {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 3px 3px 0px 0px;
    background-color: #fff; }
    /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card .sb-card-header .title {
      font-size: 120%;
      font-weight: bold; }
  /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card .sb-card-content {
    padding: 10px 0; }
  /* line 35, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card.alert .icon {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0; }
    /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card.alert .icon .glyphicons {
      display: inline; }
      /* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
      .sb-card.alert .icon .glyphicons:before {
        font-size: 28px; }
  /* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card.alert .sb-alert-content {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 70px); }
    /* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card.alert .sb-alert-content .alert-title {
      font-weight: bold; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card.alert .sb-alert-content .alert-detail {
      font-weight: 100; }
    /* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card.alert .sb-alert-content .alert-link {
      position: relative;
      font-weight: 400; }
      /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
      .sb-card.alert .sb-alert-content .alert-link .sb-link {
        cursor: pointer;
        font-weight: 500;
        color: #2A69B3; }
  /* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
  .sb-card.alert.danger {
    border-left: 5px solid #F04545; }
    /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/components/card.sass */
    .sb-card.alert.danger .icon {
      color: #F04545; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
.sb-dropdown {
  margin: 10px 0; }
  /* line 5, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
  .sb-dropdown .btn-dropdown {
    text-align: left;
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(42, 105, 179, 0.25);
    border-radius: 3px;
    color: #333;
    background-color: #FCFCFD; }
    /* line 14, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
    .sb-dropdown .btn-dropdown span {
      float: right;
      margin-top: 10px; }
  /* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
  .sb-dropdown .dropdown-menu {
    position: absolute;
    max-height: 250px;
    overflow-y: scroll; }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
    .sb-dropdown .dropdown-menu .dropdown-item {
      cursor: pointer;
      padding: 0px 10px; }
      /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/components/dropdown.sass */
      .sb-dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #E9EFF5; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
.feature-recommend-box {
  cursor: pointer;
  margin: auto auto 20px auto;
  min-width: 630px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 0 0 #D0D1D5; }
  /* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box .hide-on-mobile {
    display: block; }
  /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box .show-only-mobile {
    display: none; }
  /* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box .logo {
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 38px;
    height: 40px;
    margin: 18px 17px 0 23px; }
    /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.credit_card {
      background-image: url("/assets/hg/icon/badge-verified-7ae3d1411e0a1addb91532eb52ad7229beb4e71e5ab8d241a36f5aaffd0c1d10.png"); }
    /* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.lead_gen {
      background-image: url("/assets/hg/icon/recommend-lead-b86b907f2d205a9d736c937f4855b83cfae708f588860b175f4abfb50588acb2.png"); }
    /* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.upgrade_via_creditcard {
      background-image: url("/assets/hg/icon/lead-banner-6f9a2c38cfdc475bba8f801dd11dc16c3138e17cfc249e5f8a6a81c6b72ec1bf.png");
      background-size: 114px 38px;
      background-position: -76px 0; }
    /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.express {
      background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
      background-size: 120px 120px;
      background-position: -40px -40px; }
    /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.line_pay {
      background-image: url("/assets/hg/icon/recommend-line-pay-d65a8b4cfd15633324805c666527a21d0fc105e4ca2516c07119569366da0419.png");
      margin: 8px 7px 0 13px;
      width: 58px;
      height: 60px; }
    /* line 36, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .logo.sms {
      background-image: url("/assets/hg/icon/recommend-sms-f3e9dc55ef75f3a15b60b33ba1d417aa69696d370f30bd166e7f58138f6e36c1.png");
      background-size: contain; }
  /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box .detail {
    display: inline-block;
    width: 75%;
    margin: 17px 0px; }
    /* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box .detail p {
      margin: 0; }
      /* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
      .feature-recommend-box .detail p.title {
        font-size: 24px;
        font-weight: 400; }
      /* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
      .feature-recommend-box .detail p.description {
        font-size: 18px;
        font-weight: 400;
        top: 5px; }
        /* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
        .feature-recommend-box .detail p.description a {
          color: #167ac6; }
          /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
          .feature-recommend-box .detail p.description a:hover {
            color: #2a6496;
            text-decoration: underline;
            cursor: pointer; }
    @media (max-width: 768px) {
      /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
      .feature-recommend-box .detail {
        width: 100%; } }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box.custom-storefront {
    background-color: #ddeefe;
    border: 1px solid #bcd9f6;
    box-shadow: none;
    max-width: 100%;
    margin-top: 0; }
  /* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box.custom-order-detail {
    background-color: #f1f1f1;
    width: 85%;
    margin-bottom: 20px; }
    /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box.custom-order-detail .close-button-container {
      display: none; }
    /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .feature-recommend-box.custom-order-detail a::hover {
      text-decoration: none; }
  /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .feature-recommend-box:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }

/* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
.tablet .feature-recommend-box.custom-storefront {
  height: auto;
  padding-bottom: 15px; }
  /* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .tablet .feature-recommend-box.custom-storefront .logo {
    margin-bottom: 10px; }
  /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .tablet .feature-recommend-box.custom-storefront .detail p.description {
    padding-right: 20px; }

/* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
.phone .feature-recommend-box {
  min-width: 100%;
  padding-top: 10px;
  height: auto;
  margin: 0;
  border-radius: 0; }
  /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box.custom-order-detail {
    margin: 0 auto 20px; }
  /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box .close-button-container .button.glyphicons {
    top: 0;
    margin-top: 5px; }
  /* line 96, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box .logo {
    float: none;
    margin: 0 auto 0 auto; }
    /* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .phone .feature-recommend-box .logo.img {
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
  /* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box .detail {
    display: block;
    text-align: center; }
    /* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
    .phone .feature-recommend-box .detail span.button {
      display: inline-block;
      margin: 10px 0 18px;
      padding: 5px 30px;
      background-color: #26b899;
      color: #fff;
      border-radius: 3px;
      cursor: pointer; }
      /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
      .phone .feature-recommend-box .detail span.button:hover {
        background-color: #139F85; }
  /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box .show-only-mobile {
    display: block; }
  /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/components/feature-recommend-banner.css.sass */
  .phone .feature-recommend-box .hide-on-mobile {
    display: none; }
/* line 5, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

/* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-column {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-0 {
  position: relative;
  flex: 0 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-1 {
  position: relative;
  flex: 1 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-2 {
  position: relative;
  flex: 2 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-3 {
  position: relative;
  flex: 3 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-4 {
  position: relative;
  flex: 4 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-5 {
  position: relative;
  flex: 5 1 auto; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/flex.sass */
.flex-block-6 {
  position: relative;
  flex: 6 1 auto; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
.sb-form-group {
  position: relative;
  width: 100%;
  margin: 15px 0; }
  /* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group .title {
    font-weight: bold; }
  /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group .detail {
    margin-top: 5px;
    color: #7B868A; }
  /* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group .form-group {
    margin-bottom: 10px; }
  /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group .group {
    margin-bottom: 10px; }
    /* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-form-group .group .input-group {
      position: relative;
      width: 100%; }
      /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
      .sb-form-group .group .input-group .icon {
        display: flex;
        position: absolute;
        align-items: center;
        text-align: center;
        width: 36px;
        height: 36px;
        margin: 10px 0;
        border-right: 1px solid rgba(42, 105, 179, 0.25);
        border-radius: 3px 0px 0px 3px;
        color: rgba(42, 105, 179, 0.5);
        background-color: rgba(42, 105, 179, 0.25); }
        /* line 32, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
        .sb-form-group .group .input-group .icon .symbol {
          display: flex;
          font-weight: bold;
          font-size: 24px;
          margin: auto; }
      /* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
      .sb-form-group .group .input-group input {
        width: 100%;
        padding-left: 45px; }
      /* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
      .sb-form-group .group .input-group:focus-within .icon {
        color: #fff;
        background-color: #2a69b3; }
  /* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group .group-small {
    display: inline-block;
    width: calc(50% - 2px); }
    /* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-form-group .group-small:nth-child(1) {
      padding-right: 5px; }
    /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-form-group .group-small:nth-child(2) {
      padding-left: 5px; }
  /* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-form-group input, .sb-form-group textarea {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    margin: 7px 0;
    padding: 6px 10px;
    border: 1px solid rgba(42, 105, 179, 0.25);
    border-radius: 3px;
    outline: 0;
    background-color: #fff; }
    /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-form-group input:focus, .sb-form-group textarea:focus {
      border: 1px solid rgba(42, 105, 179, 0.75);
      box-shadow: 0px 1px 3px 0px rgba(42, 105, 179, 0.1); }

/* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
.sb-control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px; }

/* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
.sb-control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px; }
  /* line 84, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control .text {
    vertical-align: middle;
    font-weight: normal; }
  /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }

/* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
.sb-control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 3px;
  background: #CBD0D5; }
  /* line 102, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control--radio .sb-control__indicator {
    border-radius: 50%; }
  /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control:hover input ~ .sb-control__indicator, .sb-control input:focus ~ .sb-control__indicator {
    background: #7B868A; }
  /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control input:checked ~ .sb-control__indicator {
    background: #2A69B3; }
  /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control:hover input:not([disabled]):checked ~ .sb-control__indicator, .sb-control input:checked:focus ~ .sb-control__indicator {
    background: #3D76BD; }
  /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control input:disabled ~ .sb-control__indicator {
    background: #CBD0D5;
    opacity: 0.6;
    pointer-events: none; }
  /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
  .sb-control__indicator:after {
    content: "";
    position: absolute;
    display: none; }
    /* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-control input:checked ~ .sb-control__indicator:after {
      display: block; }
    /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-control--checkbox .sb-control__indicator:after {
      left: 7px;
      top: 3px;
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 2.5px 2.5px 0;
      transform: rotate(45deg); }
    /* line 138, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-control--checkbox input:disabled ~ .sb-control__indicator:after {
      border-color: #7B868A; }
    /* line 141, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-control--radio .sb-control__indicator:after {
      left: 7px;
      top: 7px;
      height: 6px;
      width: 6px;
      border-radius: 50%;
      background: #fff; }
    /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/components/form.sass */
    .sb-control--radio input:disabled ~ .sb-control__indicator:after {
      background: #7B868A; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-popup, .sb-popup .sb-popup-footer {
  border: 1px solid #E9EFF5; }

/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-popup .sb-popup-header {
  border-bottom: 1px solid #E9EFF5; }

/* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-popup {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
.sb-popup {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: auto;
  border-radius: 3px;
  background-color: white;
  z-index: 5000; }
  /* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
  .sb-popup .sb-popup-header {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 3px 3px 0px 0px;
    background-color: #fff; }
    /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
    .sb-popup .sb-popup-header .title {
      font-size: 25px;
      font-weight: bold; }
    /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
    .sb-popup .sb-popup-header .action {
      vertical-align: middle;
      cursor: pointer;
      display: inline-block;
      float: right;
      color: #2A69B3; }
      /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
      .sb-popup .sb-popup-header .action .glyphicons {
        vertical-align: middle;
        display: inline;
        height: 16px;
        padding-left: 20px;
        color: #CBD0D5; }
        /* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
        .sb-popup .sb-popup-header .action .glyphicons:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          font-size: 18px; }
  /* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
  .sb-popup .sb-popup-content {
    position: relative;
    overflow-y: auto;
    max-height: calc(100vh - 250px);
    padding: 20px; }
    /* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
    .sb-popup .sb-popup-content .title {
      font-weight: bold; }
  /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
  .sb-popup .sb-popup-footer {
    width: 100%;
    height: auto;
    min-height: 74px;
    padding: 10px;
    border-radius: 3px 3px 0px 0px;
    background-color: #FCFCFD; }
    /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
    .sb-popup .sb-popup-footer .left {
      position: relative;
      display: inline;
      width: auto; }

/* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/components/popup.sass */
.sb-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2000;
  backdrop-filter: blur(50px) contrast(0.8); }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/toggle.sass */
.sb-toggle-check {
  display: none; }
  /* line 5, /drone/softbaked/page365/app/assets/stylesheets/hg/components/toggle.sass */
  .sb-toggle-check:checked + .sb-toggle {
    background: #25B865; }
  /* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/components/toggle.sass */
  .sb-toggle-check:checked + .sb-toggle::after {
    transform: translateX(14px); }

/* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/components/toggle.sass */
.sb-toggle {
  cursor: pointer;
  display: block;
  padding: 2px;
  width: 32px;
  height: 18px;
  border-radius: 10px;
  background: #7B868A;
  transition: 240ms; }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/components/toggle.sass */
  .sb-toggle::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    transition: 240ms; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/components/upgrade-required-badge.css.sass */
.badge.upgrade-required {
  cursor: pointer;
  color: #eee; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.th .badge.upgrade-required {
    font-size: 16px;
    background-color: #3399db;
    padding: 1px 15px 0;
    margin: 8px;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.vi .badge.upgrade-required {
    font-size: 12px;
    background-color: #3399db;
    padding: 1px 15px 0;
    margin: 8px;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.id .badge.upgrade-required {
    font-size: 15px;
    background-color: #3399db;
    padding: 1px 15px 0;
    margin: 8px;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.en .badge.upgrade-required {
    font-size: 15px;
    background-color: #3399db;
    padding: 1px 15px 0;
    margin: 8px;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/components/upgrade-required-badge.css.sass */
  .badge.upgrade-required:hover {
    background-color: #446cb3;
    color: #fff; }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/components/upgrade-required-badge.css.sass */
  .badge.upgrade-required .glyphicons {
    width: 11px;
    height: 11px;
    padding: 0;
    margin-right: 5px;
    margin-top: -2px; }
    /* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/components/upgrade-required-badge.css.sass */
    .badge.upgrade-required .glyphicons:before {
      font-size: 10px; }
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 6, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
.introjs-tooltip {
  padding: 0;
  min-width: 400px; }
  /* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
  .introjs-tooltip .introjs-arrow.bottom {
    left: 5px; }
  /* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
  .introjs-tooltip .introjs-tooltiptext h1 {
    font-size: 1.2em;
    padding: 20px;
    margin: 0;
    background-color: #fcfcfd;
    font-weight: 800;
    border-radius: 3px; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
  .introjs-tooltip .introjs-tooltiptext p {
    padding: 10px 20px;
    font-size: 1.2em;
    position: relative; }
    /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
    .introjs-tooltip .introjs-tooltiptext p span {
      position: absolute;
      width: intrinsic;
      width: -moz-max-content;
      width: -webkit-max-content;
      left: 50%;
      transform: translateX(-50%);
      bottom: 38px;
      font-size: 0.8em;
      font-weight: 800;
      color: #333; }
  /* line 35, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
  .introjs-tooltip .introjs-tooltiptext img {
    width: 100%; }
  /* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
  .introjs-tooltip .introjs-tooltipbuttons {
    padding: 20px;
    height: 73px; }
    /* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
    .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
      border-radius: 3px;
      text-decoration: none;
      padding: 0;
      margin: 0;
      padding: 5px 35px;
      max-width: 100px;
      background-image: none;
      text-shadow: none;
      font-size: 1.1em;
      background-color: white; }
      /* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton {
        border-radius: 3px;
        margin-left: 15px;
        color: #ffffff;
        border: 1px solid #2A69B3;
        background-color: #2A69B3; }
      /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-disabled {
        display: none; }
      /* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-custom-disabled {
        pointer-events: none;
        border-color: #d4d4d4;
        box-shadow: none;
        background-image: none;
        text-decoration: none;
        cursor: not-allowed;
        color: #CBD0D5;
        background-color: #F5F7F8; }
        /* line 68, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
        .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-custom-disabled:hover {
          box-shadow: 0px 0px 0px 0px rgba(42, 105, 179, 0.1); }
      /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-prevbutton {
        margin-left: 15px;
        border-right: 1px solid #d4d4d4; }
      /* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton {
        float: left;
        border: 0px;
        padding: 5px 0px; }
      /* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
      .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-donebutton {
        float: right;
        margin-left: 15px;
        padding: 5px 35px;
        display: inline-block;
        color: #ffffff;
        border: 1px solid #2A69B3;
        background-color: #2A69B3; }

/* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
.intro-wrapper {
  position: absolute !important; }

/* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/components/intro.sass */
.intro-top-index {
  z-index: 100000000; }
@charset "UTF-8";
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
.middle {
  vertical-align: middle; }

/* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
.inline-block {
  display: inline-block; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
.container.update-account-logo form input.upload {
  height: 162px;
  margin-top: -162px;
  margin-left: 162px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }
/* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
.container.update-account-logo form .footer {
  margin-top: 65px; }

/* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
.container.activation {
  overflow: hidden;
  width: 100%;
  min-height: 100vh !important;
  max-height: 100vh !important;
  padding: 0;
  background-color: #fff; }
  /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .activation-left {
    overflow: scroll;
    float: left;
    width: 100%;
    max-width: 460px;
    height: 100vh;
    max-height: 100vh;
    box-shadow: 10px 0px 42px 0px rgba(0, 0, 0, 0.55);
    z-index: 500; }
    /* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .activation-left .activation-content {
      position: relative;
      height: 100%;
      min-height: 100%; }
      /* line 63, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .activation-left .activation-content .form-header {
        padding: 30px 30px 20px; }
        /* line 65, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .sb-button {
          margin: 15px 0 0; }
        /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .logo {
          width: 120px;
          height: auto; }
        /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .helper-top {
          display: none;
          position: absolute;
          text-align: right;
          top: 10px;
          right: 30px;
          padding: 15px 0;
          color: #2A69B3;
          z-index: 1000; }
          /* line 79, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-header .helper-top a {
            color: #2A69B3;
            text-decoration: none; }
          /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-header .helper-top i {
            top: 5px;
            left: 0;
            padding-left: 20px; }
            /* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-header .helper-top i.glyphicons-circle-question-mark {
              font-family: helx, sans-serif;
              line-height: 22px;
              letter-spacing: 0.3px; }
              /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-header .helper-top i.glyphicons-circle-question-mark:before {
                font: 16px/1em "Glyphicons Regular";
                color: #2A69B3; }
            /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-header .helper-top i a {
              position: relative;
              top: -3px;
              font-style: normal; }
        /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .dot {
          display: none;
          position: absolute;
          top: 40px;
          right: 30px;
          margin-top: 16px; }
          /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-header .dot .dot-item {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin-right: 2px;
            background-color: #CBD0D5; }
            /* line 108, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-header .dot .dot-item.active {
              background-color: #2A69B3; }
        @media (max-width: 500px) {
          /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-header .helper-top {
            display: block; }
          /* line 113, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-header .dot {
            display: block; } }
        /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .title {
          font-weight: bold;
          font-size: 160%;
          line-height: 30px;
          margin-top: 30px;
          color: #333333; }
        /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-header .detail {
          margin-top: 7px;
          color: #7B868A; }
      /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .activation-left .activation-content .form-content {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 30px 30px;
        background-color: #fff !important; }
        /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .group {
          margin-bottom: 20px; }
        /* line 132, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .sb-form-group {
          margin-top: 0;
          background-color: #fff !important; }
          /* line 135, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group ul {
            margin-bottom: 0; }
            /* line 137, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group ul li {
              padding-bottom: 0; }
          /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address {
            font-size: 95%;
            margin-top: 10px;
            padding-left: 20px; }
            /* line 143, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address input, .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address textarea {
              margin-bottom: 10px;
              width: 100%;
              line-height: initial; }
            /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-toggle {
              font-size: 100%;
              margin-bottom: 10px;
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              text-align: left;
              display: flex;
              justify-content: space-between; }
              /* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-toggle .selected {
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis; }
              /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-toggle .caret {
                margin-top: 10px; }
            /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu {
              overflow-y: scroll;
              height: 230px;
              cursor: pointer;
              font-size: 100%;
              width: 100%; }
              /* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu a {
                color: black; }
                /* line 170, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
                .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu a:hover {
                  color: black; }
              /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu hr {
                margin: 5px 0; }
              /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu .glyphicons-justify {
                margin-top: 0px;
                margin-right: 5px;
                padding: 0;
                width: 10px;
                top: -8px; }
                /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
                .container.activation .activation-left .activation-content .form-content .sb-form-group .structural-address .dropdown-menu .glyphicons-justify:before {
                  font-size: 12px; }
          /* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-request {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            margin-top: 8px; }
            /* line 189, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-request .otp-resend {
              margin-left: auto;
              display: flex;
              align-items: center;
              font-size: 95%;
              color: #7B868A; }
              /* line 195, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-request .otp-resend .otp-resend-label {
                margin-right: 4px;
                color: #333333; }
              /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-request .otp-resend .otp-resend-value {
                font-weight: bold;
                color: #7B868A; }
          /* line 201, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            gap: 8px 16px;
            margin: 8px 0;
            font-size: 95%;
            color: #7B868A;
            line-height: 1.3; }
            /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .otp-ref,
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .otp-timer {
              display: inline-block;
              line-height: inherit; }
            /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .label,
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .value {
              display: inline-block;
              vertical-align: middle;
              line-height: inherit; }
            /* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .label {
              margin-right: 4px;
              color: #333333;
              float: none;
              padding: 0; }
            /* line 224, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-meta .value {
              font-weight: bold; }
          /* line 226, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-inputs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 8px 0 6px; }
            /* line 231, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-inputs .otp-input {
              width: 40px;
              max-width: 40px;
              margin: 0;
              padding: 6px 0;
              text-align: center;
              font-size: 18px; }
          /* line 238, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-actions {
            text-align: right;
            margin-top: 8px; }
          /* line 241, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-error {
            margin-top: 6px; }
          /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-expired {
            margin-top: 6px; }
          /* line 245, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .sb-form-group .otp-group .otp-success {
            margin-top: 6px; }
        /* line 247, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .error {
          padding: 0; }
        /* line 249, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .valid {
          padding: 0; }
        /* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .bottom {
          text-align: right;
          width: 100%;
          padding: 0 0 20px; }
          /* line 255, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .bottom .dot {
            float: left;
            margin-top: 16px; }
            /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .bottom .dot .dot-item {
              display: inline-block;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              margin-right: 2px;
              background-color: #CBD0D5; }
              /* line 265, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .bottom .dot .dot-item.active {
                background-color: #2A69B3; }
          /* line 267, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .bottom .sb-button {
            position: relative;
            display: inline-block;
            width: fit-content;
            margin-right: 0; }
          @media (max-width: 500px) {
            /* line 273, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .bottom .dot {
              display: none; }
            /* line 275, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation .activation-left .activation-content .form-content .bottom .button {
              width: 100%;
              margin-top: 10px; }
              /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation .activation-left .activation-content .form-content .bottom .button .defaul {
                float: left;
                margin-left: 0; } }
        /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-left .activation-content .form-content .alert {
          border: 1px solid rgba(42, 105, 179, 0.5);
          background-color: rgba(42, 105, 179, 0.1); }
          /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation .activation-left .activation-content .form-content .alert a {
            cursor: pointer;
            color: #2A69B3; }
      /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .activation-left .activation-content .bottom a {
        text-decoration: none; }
  /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .activation-right {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: calc(100vw - 460px);
    height: 100%;
    min-height: 100vh;
    background-color: #27B899;
    z-index: 400;
    box-shadow: inset 30px -20px 80px 0px rgba(0, 0, 0, 0.1); }
    /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .activation-right .activation-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 500px;
      max-height: 450px;
      height: auto;
      z-index: 1; }
    /* line 310, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .activation-right .bottom {
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 100%;
      padding: 15px;
      z-index: 1000; }
      /* line 317, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .activation-right .bottom .text {
        font-size: 100%;
        max-width: 800px;
        margin: auto;
        color: #fff; }
      /* line 322, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .activation-right .bottom .name {
        padding: 10px 20px 10px; }
        /* line 324, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .activation-right .bottom .name .block {
          position: relative;
          display: inline-block;
          text-decoration: none !important;
          font-weight: bold;
          padding: 5px 15px;
          border-radius: 3px;
          color: #fff !important; }
    /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .activation-right .activation-background {
      position: absolute; }
  /* line 334, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.create-new-account {
    background-color: #fff; }
  /* line 340, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-logo .activation-left .activation-content .form-content form {
    background-color: #fff; }
    /* line 343, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail {
      border-radius: 3px 3px 0 0; }
      /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .upload-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 22px;
        height: auto;
        padding: 2px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.5); }
        /* line 354, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .upload-icon img {
          width: 16px;
          height: 16px;
          padding: 2px; }
      /* line 358, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .cover {
        width: 100%;
        height: auto;
        border-radius: 3px 3px 0 0; }
      /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        background: rgba(0, 0, 0, 0.7);
        color: black;
        font-size: 50px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px 3px 0 0;
        transition: opacity ease 0.5s; }
        /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .image-overlay .image-detail {
          position: relative;
          text-align: center;
          width: 100%;
          height: 100%; }
          /* line 379, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .image-overlay .image-detail .text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 18px;
            color: #fff; }
        /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail .image-overlay:hover {
          opacity: 1; }
      /* line 389, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .cover-thumbnail:hover .upload-icon {
        opacity: 0; }
    /* line 391, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-item .upload {
      display: none; }
    /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-cover {
      position: relative !important;
      max-height: 145px;
      background-color: #7B868A; }
      /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-cover .cover-thumbnail .cover {
        width: 100%;
        height: 145px; }
      /* line 401, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-cover .cover-thumbnail .image-overlay {
        width: 100%;
        height: 145px; }
    /* line 405, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-avatar .cover-thumbnail {
      position: absolute;
      top: 90px;
      left: 50px; }
      /* line 409, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-avatar .cover-thumbnail .logo {
        width: 100px;
        height: 100px; }
      /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .upload-avatar .cover-thumbnail .image-overlay {
        width: 100px;
        height: 100px; }
    /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-logo .activation-left .activation-content .form-content form .store-name {
      height: 60px;
      margin-bottom: 20px;
      padding: 15px 20px 20px 135px;
      border-radius: 0 0 3px 3px;
      background-color: #F8F9F9; }
      /* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-logo .activation-left .activation-content .form-content form .store-name span {
        font-weight: bold; }
  /* line 423, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-logo .activation-right {
    background-color: #966EFF; }
  /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-import .activation-left .activation-content .form-content {
    position: relative;
    background-color: #F8F9F9; }
    /* line 431, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-import .activation-left .activation-content .form-content .import-product {
      position: relative;
      width: 100%; }
      /* line 434, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-error {
        position: relative;
        text-align: center;
        width: 100%;
        height: 100px;
        border: 1px solid #E9EFF5;
        background-color: #FCFCFD; }
        /* line 441, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-error .content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%; }
          /* line 447, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-error .content .icon {
            font-weight: bold;
            font-size: 20px; }
      /* line 450, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image {
        position: relative;
        text-align: center;
        height: 100%;
        padding-bottom: 50px; }
        /* line 455, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item {
          display: inline-block;
          width: 90px;
          height: 90px;
          margin: 5px; }
          /* line 460, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo {
            cursor: pointer;
            border: 4px solid #E9EFF5;
            border-radius: 3px; }
            /* line 464, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo .select {
              display: none;
              position: absolute;
              right: 0;
              width: 28px;
              height: 24px;
              border-bottom-left-radius: 3px;
              background-color: #2A69B3; }
            /* line 472, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo img {
              width: 100%;
              height: 100%;
              border-radius: 3px; }
            /* line 476, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo.active {
              border: 4px solid #2A69B3;
              background-color: #2A69B3; }
              /* line 479, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
              .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo.active:hover {
                border: 4px solid #2A69B3;
                background-color: #2A69B3; }
            /* line 482, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            .container.activation.update-account-import .activation-left .activation-content .form-content .import-product .import-image .image-item .product-photo:hover {
              border: 4px solid rgba(42, 105, 179, 0.25);
              background-color: rgba(42, 105, 179, 0.25);
              box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.125); }
  /* line 486, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-import .activation-left .activation-content .bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: right;
    width: 100%;
    max-width: 460px;
    padding: 15px 30px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08); }
    /* line 496, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-import .activation-left .activation-content .bottom .dot {
      float: left;
      margin-top: 10px; }
      /* line 499, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-import .activation-left .activation-content .bottom .dot .dot-item {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 2px;
        background-color: #CBD0D5; }
        /* line 506, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-import .activation-left .activation-content .bottom .dot .dot-item.active {
          background-color: #2A69B3; }
    @media (max-width: 500px) {
      /* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-import .activation-left .activation-content .bottom .dot {
        display: none; }
      /* line 511, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-import .activation-left .activation-content .bottom .button {
        width: 100%;
        margin-top: 10px; }
        /* line 514, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-import .activation-left .activation-content .bottom .button .defaul {
          float: left;
          margin-left: 0; }
        /* line 517, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-import .activation-left .activation-content .bottom .button .primary {
          margin-right: 0; } }
  /* line 519, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-import .activation-right {
    background-color: #7DA2FF; }
  /* line 522, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-edit .activation-right {
    background-color: #7DA2FF; }
  /* line 528, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download {
    position: relative;
    width: 100%; }
    /* line 531, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .app-badge {
      cursor: pointer;
      display: inline-block;
      width: 40%;
      margin-right: 5px; }
      /* line 536, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .app-badge img {
        width: 100%;
        height: auto; }
      /* line 539, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .app-badge.chrome-app {
        margin-top: 10px; }
    /* line 541, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .chrome {
      padding-top: 20px;
      max-width: 450px;
      margin-top: 30px; }
      /* line 545, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .chrome .title {
        font-weight: bold;
        font-size: 160%;
        color: #333333; }
      /* line 549, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .chrome .detail {
        margin-top: 7px;
        color: #7B868A; }
    /* line 552, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-apps .activation-left .activation-content .form-content .apps-download .bottom {
      text-align: right;
      width: 100%;
      margin-top: 30px; }
  /* line 556, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-apps .activation-right {
    background-color: #FFAB7B; }
  /* line 558, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-survey {
    fill: currentColor; }
    /* line 560, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-survey .state {
      margin: 10px 0 30px; }
      /* line 562, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-survey .state .state-item {
        cursor: pointer;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #eee; }
        /* line 569, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-survey .state .state-item .content img {
          display: inline-block;
          width: 30px;
          height: 30px;
          fill: red;
          color: red; }
        /* line 575, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-survey .state .state-item .content svg {
          display: inline-block;
          position: absolute;
          width: 30px;
          height: 30px;
          fill: #7B868B; }
          /* line 581, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          .container.activation.update-account-survey .state .state-item .content svg.active {
            fill: #25B865; }
        /* line 583, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-survey .state .state-item .content .title {
          display: inline-block;
          font-weight: normal;
          margin-left: 40px;
          line-height: 1.8;
          width: 100%; }
        /* line 589, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-survey .state .state-item:hover {
          background-color: #F5F7F8;
          border: 1px solid #ccc; }
        /* line 592, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation.update-account-survey .state .state-item.active {
          border: 1px solid #25B865;
          color: #25B865; }
  /* line 599, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-finish .activation-left .activation-content .form-content .simple-product {
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }
    /* line 603, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation.update-account-finish .activation-left .activation-content .form-content .simple-product .product-image {
      width: 120px;
      height: 120px;
      display: inline-block;
      margin: 0px 10px 10px 0px;
      border-radius: 3px;
      border: 4px solid #E9EFF5;
      background-color: #FCFCFD; }
      /* line 611, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation.update-account-finish .activation-left .activation-content .form-content .simple-product .product-image img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  /* line 615, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-finish .activation-left .activation-content .form-content .alert {
    border: 1px solid rgba(42, 105, 179, 0.5);
    background-color: rgba(42, 105, 179, 0.1); }
  /* line 618, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-finish .activation-left .activation-content .form-content .bottom {
    text-align: right;
    width: 100%; }
  /* line 621, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-finish .activation-left .activation-content .form-content .validate-phone {
    border-style: solid;
    border-width: 1px;
    border-color: #F04545; }
  /* line 625, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation.update-account-finish .activation-right {
    background-color: #27B899; }
  /* line 627, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .box {
    width: 440px;
    height: 400px;
    margin: 0 auto; }
  /* line 631, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .header {
    text-align: center;
    margin-top: 51px;
    padding-bottom: 25px; }
    /* line 635, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .header h1 {
      margin-top: 39px;
      line-height: 22px; }
    /* line 638, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .header h4 {
      font-size: 98%;
      font-weight: 400; }
  /* line 641, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .helper {
    position: fixed;
    text-align: right;
    top: 10px;
    right: 0;
    padding: 15px 30px;
    z-index: 1000; }
    /* line 648, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .helper a {
      color: #fff;
      text-decoration: none; }
    /* line 651, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .helper i {
      top: 5px;
      left: 0;
      padding-left: 20px; }
      /* line 652, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .helper i.glyphicons-circle-question-mark {
        font-family: helx, sans-serif;
        line-height: 22px;
        letter-spacing: 0.3px; }
        /* line 654, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        .container.activation .helper i.glyphicons-circle-question-mark:before {
          font: 16px/1em "Glyphicons Regular";
          color: #fff; }
      /* line 660, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .helper i a {
        position: relative;
        top: -3px;
        font-style: normal; }
    @media (max-width: 500px) {
      /* line 665, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .helper a {
        display: none; }
      /* line 667, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      .container.activation .helper i {
        display: none; } }
  /* line 670, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .box {
    text-align: center; }
  /* line 673, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation li {
    padding-bottom: 10px; }
    /* line 675, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation li .input-group {
      position: relative;
      padding: 0;
      width: 100%; }
    /* line 679, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation li span.suffix {
      position: absolute;
      margin: 0;
      right: 10px;
      top: 50%;
      transform: translate(0, -50%); }
  /* line 686, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .label {
    float: left;
    padding: 4px 0;
    color: #999;
    text-align: left;
    font-size: 100%;
    font-weight: 500; }
  /* line 694, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .error,
  .container.activation .valid {
    float: right;
    padding: 3px 0;
    font-size: 94%;
    font-weight: 400; }
  /* line 701, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .error {
    color: #e74b3c; }
  /* line 704, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .valid {
    color: #2dcd71; }
  /* line 707, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .input {
    width: 400px;
    line-height: 36px;
    padding: 0 10px; }
  /* line 712, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .input::-webkit-input-placeholder {
    color: #ccc; }
  /* line 714, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .input:-moz-placeholder {
    color: #ccc;
    opacity: 1; }
  /* line 717, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .input::-moz-placeholder {
    color: #ccc;
    opacity: 1; }
  /* line 720, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .input:-ms-input-placeholder {
    color: #ccc; }
  /* line 723, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .suffix {
    color: #999;
    position: absolute;
    margin-left: 105px;
    margin-top: -30px; }
  /* line 729, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  .container.activation .btn {
    position: relative;
    display: inline-block;
    width: 49%;
    height: 40px;
    padding: 8px; }
    /* line 735, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    .container.activation .btn.btn-back {
      color: #26B899;
      border: 0;
      background-color: transparent; }

/* line 740, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts {
  background: #ecf0f1; }
  /* line 742, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  /* line 749, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .dummy {
    position: relative;
    background: #f6f6f6; }
    /* line 752, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .dummy > .dp {
      height: 56px;
      width: 56px;
      background: #ddd;
      border-radius: 5px 0 0 5px; }
    /* line 757, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .dummy > .dl {
      height: 12px;
      width: 200px;
      background: #ddd;
      position: absolute;
      top: 23px;
      left: 85px; }
    /* line 764, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .dummy > .dr {
      height: 12px;
      width: 200px;
      background: #ddd;
      position: absolute;
      top: 23px;
      right: 10px; }
  /* line 771, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .add-shop {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    margin: 10px 0; }
    /* line 778, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .add-shop.open .bg-black {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.3;
      z-index: 999; }
    /* line 787, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .add-shop .btn {
      height: 100%;
      line-height: 40px;
      font-weight: 500;
      font-size: 90%;
      padding: 0 41px 0 41px;
      border: 2px solid; }
      /* line 794, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .add-shop .btn .glyphicons {
        padding: 10px 0 0 10px;
        margin: -2px 0 0; }
        /* line 797, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .btn .glyphicons:before {
          font-size: 10px;
          padding: 0;
          margin: 0;
          color: #1abc9c; }
        /* line 802, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .btn .glyphicons.glyphicons-plus {
          display: none; }
        /* line 804, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .btn .glyphicons.glyphicons-chevron-down {
          display: inline-block; }
    /* line 806, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .add-shop .dropdown-menu {
      position: absolute;
      font-size: 16px !important;
      top: 44px;
      width: 300px;
      right: 20px;
      margin: 0 0 30px 0;
      padding: 6px 0;
      border: 0;
      border-radius: 4px; }
      /* line 817, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .add-shop .dropdown-menu .separator {
        height: 1px;
        width: 100%;
        padding: 0;
        margin: 6px 0;
        background: #ccc; }
      /* line 823, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .add-shop .dropdown-menu .scrollable {
        max-height: 350px;
        overflow: scroll; }
      /* line 826, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .add-shop .dropdown-menu .page-list {
        margin: 0;
        padding: 5px 10px;
        background-color: inherit;
        border-radius: 0;
        border-bottom: 0; }
        /* line 832, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list:hover, body.accounts .add-shop .dropdown-menu .page-list:active {
          border-radius: 0;
          background-color: #1abc9c; }
          /* line 836, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .add-shop .dropdown-menu .page-list:hover .page-title,
          body.accounts .add-shop .dropdown-menu .page-list:hover .glyphicons, body.accounts .add-shop .dropdown-menu .page-list:active .page-title,
          body.accounts .add-shop .dropdown-menu .page-list:active .glyphicons {
            color: #fff !important; }
        /* line 839, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.disabled {
          padding: 15px 10px;
          opacity: 0.4;
          pointer-events: none;
          text-align: center;
          font-weight: normal; }
        /* line 847, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.fetch-more.blank, body.accounts .add-shop .dropdown-menu .page-list.new-offline-page.blank {
          border-top: 0; }
        /* line 849, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.fetch-more .glyphicons, body.accounts .add-shop .dropdown-menu .page-list.new-offline-page .glyphicons {
          top: -2px;
          padding: 0 0 0 15px; }
        /* line 852, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.fetch-more.permissions-error .glyphicons, body.accounts .add-shop .dropdown-menu .page-list.new-offline-page.permissions-error .glyphicons {
          padding: 0 0 0 30px; }
        /* line 854, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.fetch-more .page-title, body.accounts .add-shop .dropdown-menu .page-list.new-offline-page .page-title {
          padding: 0; }
        /* line 856, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list.fetch-more a, body.accounts .add-shop .dropdown-menu .page-list.new-offline-page a {
          display: inline; }
        /* line 858, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .page-list .page-display {
          width: 30px;
          height: 30px;
          border-radius: 4px; }
      /* line 863, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .add-shop .dropdown-menu .still-not-found a {
        text-align: center;
        font-size: 85%;
        line-height: 1;
        color: inherit;
        padding-left: 25px;
        margin-top: 5px; }
        /* line 870, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .add-shop .dropdown-menu .still-not-found a:hover {
          background-color: inherit;
          color: #26B899; }
  /* line 873, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .blank-state {
    position: relative;
    display: block;
    height: 300px; }
    /* line 877, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .blank-state span {
      display: flex;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin-top: -20px; }
      /* line 884, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .blank-state span .glyphicons {
        width: 16px;
        height: 18px;
        padding: 0;
        margin-right: 7px; }
        /* line 889, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .blank-state span .glyphicons:before {
          font-size: 16px; }
      /* line 891, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .blank-state span.text {
        color: #ddd; }
      /* line 893, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .blank-state span.button {
        color: #aaa;
        cursor: pointer; }
        /* line 896, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .blank-state span.button:hover {
          color: #888; }
  /* line 899, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .page-list {
    margin: 10px 0;
    color: #4a4a4a;
    border-radius: 4px;
    background-color: #f6f6f6; }
    /* line 904, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list:hover, body.accounts .page-list:active {
      background-color: #e7f0ef;
      cursor: pointer; }
      /* line 908, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list:hover .page-title,
      body.accounts .page-list:hover .glyphicons, body.accounts .page-list:active .page-title,
      body.accounts .page-list:active .glyphicons {
        color: #333 !important; }
    /* line 911, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list a {
      display: block;
      height: 100%;
      color: #4a4a4a !important;
      font-size: 100%;
      text-decoration: none;
      color: inherit;
      padding: 0;
      margin: 0;
      line-height: inherit;
      background-color: inherit; }
    /* line 922, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .page-display {
      width: 56px;
      height: 56px;
      border-radius: 4px 0 0 4px; }
    /* line 926, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .page-title {
      position: relative;
      display: inline-block;
      padding-left: 10px;
      max-width: 75%;
      color: #4a4a4a;
      font-weight: 500;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    /* line 937, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .title-max-width {
      max-width: calc(100% - 300px); }
    /* line 939, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .account-id {
      display: block;
      font-size: 18px;
      color: #26B899; }
    /* line 943, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .page-notif {
      position: relative;
      display: inline-block;
      text-align: center;
      height: 24px;
      padding: 2px 5px;
      margin: 3px 0 0 5px;
      font-size: 80%;
      font-weight: 600;
      color: #fff;
      background-color: #e74b3c;
      border-radius: 4px; }
    /* line 955, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list .page-plan {
      position: relative;
      display: inline-block;
      width: fit-content;
      padding: 0 30px 0 0;
      float: right;
      line-height: 54px;
      font-weight: 600;
      text-align: right; }
      /* line 964, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list .page-plan .plan-name {
        color: #fff;
        font-size: 70%;
        padding: 0 4px;
        background-color: #4ecdc4;
        border: 1px solid #3da39c;
        border-radius: 2px; }
      /* line 971, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list .page-plan .page-admin {
        padding-left: 30px; }
        /* line 973, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .page-list .page-plan .page-admin::before {
          content: "";
          position: relative;
          display: inline-block;
          right: 16px;
          top: 2px;
          font: 14px/1em "Glyphicons Regular";
          text-transform: none; }
    /* line 981, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list.logout {
      display: none; }
    /* line 983, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list.grant-permissions, body.accounts .page-list.fetch-more, body.accounts .page-list.new-offline-page {
      text-align: center;
      border-bottom: 0; }
      /* line 988, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list.grant-permissions .glyphicons, body.accounts .page-list.fetch-more .glyphicons, body.accounts .page-list.new-offline-page .glyphicons {
        top: -2px;
        height: auto;
        padding-left: 15px; }
        /* line 992, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .page-list.grant-permissions .glyphicons::before, body.accounts .page-list.fetch-more .glyphicons::before, body.accounts .page-list.new-offline-page .glyphicons::before {
          font-size: 65%;
          top: 50%;
          left: 50%;
          margin: 0;
          transform: translate(-50%, -50%); }
      /* line 998, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list.grant-permissions .page-title, body.accounts .page-list.fetch-more .page-title, body.accounts .page-list.new-offline-page .page-title {
        padding: 10px 10px 10px 0; }
    /* line 1000, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .page-list.grant-permissions, body.accounts .page-list.new-offline-page.permissions-error {
      text-align: left; }
      /* line 1003, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list.grant-permissions .glyphicons, body.accounts .page-list.new-offline-page.permissions-error .glyphicons {
        padding-left: 30px; }
        /* line 1005, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .page-list.grant-permissions .glyphicons::before, body.accounts .page-list.new-offline-page.permissions-error .glyphicons::before {
          font-size: 80%; }
      /* line 1007, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .page-list.grant-permissions .page-title, body.accounts .page-list.new-offline-page.permissions-error .page-title {
        padding: 0; }
  /* line 1010, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .header {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    padding-top: 51px;
    padding-bottom: 25px; }
    /* line 1018, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .header h1 {
      margin-top: 39px; }
    /* line 1020, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .header .helper {
      position: fixed;
      top: 0;
      right: 0;
      color: #28b799;
      padding: 15px 15px;
      line-height: 22px;
      font-family: helx, sans-serif;
      cursor: pointer; }
      /* line 1029, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .header .helper .glyphicons {
        font-family: inherit;
        top: -2px;
        padding: 0; }
        /* line 1033, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .header .helper .glyphicons:before {
          position: relative;
          font-size: 90%;
          margin: 0; }
      /* line 1037, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .header .helper .helper-link {
        color: #28b799;
        text-decoration: none;
        position: relative;
        top: -3px;
        font-style: normal; }
  /* line 1043, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .aside {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 25%;
    padding: 0;
    text-align: center;
    border-radius: 5px; }
    /* line 1049, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .aside .facebook-reminder {
      margin: 15px 0 40px; }
      /* line 1051, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .facebook-reminder .footer {
        bottom: -40px;
        padding: 12px 10px 8px;
        font-weight: normal;
        cursor: pointer; }
    /* line 1056, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .aside .user-detail {
      padding: 15px 0 0 0;
      border-radius: 5px;
      background-color: #fff; }
      /* line 1061, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .user-detail .user-profile .welcome {
        display: inline-block;
        font-size: 90%; }
      /* line 1064, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .user-detail .user-profile .title {
        font-size: 90%;
        margin: 10px 0; }
        /* line 1067, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .aside .user-detail .user-profile .title.phone {
          display: none; }
      /* line 1069, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .user-detail .user-profile .profile {
        display: inline-block;
        object-fit: cover;
        width: 100px;
        height: 100px;
        border-radius: 50%; }
      /* line 1075, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .user-detail .user-profile .description {
        display: none; }
      /* line 1077, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .aside .user-detail .footer {
        margin: 10px 0 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
        /* line 1081, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .aside .user-detail .footer a {
          display: block;
          padding: 10px;
          color: #26b899;
          background-color: #f8f8f8;
          text-decoration: none;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px; }
          /* line 1089, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container .aside .user-detail .footer a:hover, body.accounts .container .aside .user-detail .footer a:active {
            color: #f8f8f8;
            background-color: #26b899; }
  /* line 1093, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .box-account {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 75%; }
  /* line 1096, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .pimploen-use-facebook-page-wrapper {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 33.33%; }
  /* line 1099, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .use-facebook-message-wrapper {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 66.34%; }
  /* line 1102, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container .box {
    background: #fff;
    border-radius: 5px;
    min-height: 190px;
    margin-bottom: 15px;
    padding: 15px 0;
    position: relative; }
    /* line 1109, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box p, body.accounts .container .box h2 {
      text-align: center; }
    /* line 1111, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box h2 {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin: 5px;
      font-size: 108%; }
    /* line 1117, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .user-profile {
      margin-top: 5px;
      min-height: 190px; }
    /* line 1120, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box img.profile {
      width: 75px;
      border-radius: 50px;
      margin-top: 12px; }
    /* line 1124, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box a {
      color: #28b799;
      text-decoration: none; }
    /* line 1127, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box p.welcome {
      margin: 0; }
    /* line 1129, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .footer {
      position: absolute;
      font-weight: 500;
      bottom: 0;
      width: 100%;
      background: #f8f8f8;
      border-radius: 0 0 5px 5px;
      padding-top: 10px; }
      /* line 1137, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .footer:hover {
        background: #26b899; }
        /* line 1138, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .footer:hover a {
          color: #ffffff; }
    /* line 1142, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .box-account {
      position: relative; }
      /* line 1144, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .box-account .box {
        min-height: 190px; }
    /* line 1146, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .loading-container {
      text-align: center;
      height: 200px;
      padding-top: 30px; }
      /* line 1150, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .loading-container .loading-page365 {
        background-size: 100px 100px;
        background-image: url("/assets/hg/icon/loading-365-7618d54bf112cc968659a10783dfb456423439718171b7471c19a76b4bfe1660.gif");
        width: 100px;
        height: 100px;
        margin: auto; }
      /* line 1156, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .loading-container .quote-message {
        margin: 10px 0 0 0; }
      /* line 1158, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .loading-container .quote-author {
        font-size: 90%; }
    /* line 1160, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box.facebook-reminder {
      background-image: url("/assets/hg/background/pimploen-use-facebook-page-5f7473bfc919d1844a84c881084ce7da05be28a32cf2a8fa2801eeef1847acfe.png") no-repeat; }
      /* line 1162, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box.facebook-reminder p {
        font-size: 96%;
        margin: auto;
        padding: 10px; }
        /* line 1166, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box.facebook-reminder p.title {
          padding: 0 16px;
          font-weight: 500; }
      /* line 1169, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box.facebook-reminder .btn.btn-login-facebook {
        font-weight: 500;
        margin-top: 10px;
        font-size: 100%;
        padding: 5px 16px 5px 16px;
        background-color: #4e69a2;
        color: #fff; }
      /* line 1176, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box.facebook-reminder .pimploen-use-facebook-page {
        width: 78px;
        height: 80px;
        position: relative;
        margin: 23px auto -18px;
        background-image: url("/assets/hg/background/pimploen-use-facebook-page-5f7473bfc919d1844a84c881084ce7da05be28a32cf2a8fa2801eeef1847acfe.png");
        background-size: 80px; }
    /* line 1183, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .use-facebook-page {
      height: 210px; }
      /* line 1185, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .use-facebook-page .pimploen-use-facebook-page {
        width: 157px;
        height: 154px;
        left: 52px;
        position: relative;
        margin-top: 23px;
        background-image: url("/assets/hg/background/pimploen-use-facebook-page-5f7473bfc919d1844a84c881084ce7da05be28a32cf2a8fa2801eeef1847acfe.png"); }
      /* line 1192, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .use-facebook-page .use-facebook-page-img-th {
        width: 169px;
        height: 191px;
        left: 45px;
        position: relative;
        margin-top: 10px;
        background-image: url("/assets/hg/background/allow-facebook-permissions-th-8ea97c431d251f1c38e6eb7469a8a7eb91649052d04617e6a6bea727ede1a036.png"); }
      /* line 1199, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .use-facebook-page .use-facebook-page-img-en {
        width: 169px;
        height: 191px;
        left: 45px;
        position: relative;
        margin-top: 10px;
        background-image: url("/assets/hg/background/allow-facebook-permissions-en-849b1de7c6558b31e060531aa57904a70f79ba014c94dffaa5c8ed760e4ac459.png"); }
      /* line 1206, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .use-facebook-page .use-facebook-message {
        margin-top: 25px; }
        /* line 1208, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .use-facebook-page .use-facebook-message h2 {
          text-align: left;
          margin: 0; }
        /* line 1211, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .use-facebook-page .use-facebook-message .text-margin {
          margin-top: 6px; }
        /* line 1213, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .use-facebook-page .use-facebook-message .permissions-policy {
          margin-bottom: 13px; }
        /* line 1215, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .use-facebook-page .use-facebook-message .btn.btn-login-facebook {
          font-weight: 500;
          margin-top: 10px;
          font-size: 100%;
          padding: 5px 16px 5px 16px;
          background-color: #4e69a2;
          color: #fff; }
      /* line 1222, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .use-facebook-page .close {
        position: absolute;
        top: -14px;
        right: -9px;
        padding: 10px;
        width: 45px;
        height: 45px; }
        /* line 1229, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .use-facebook-page .close i.glyphicons-remove-2::before {
          font-size: 96%; }
    /* line 1231, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box .permissions-alert {
      position: absolute;
      text-align: left;
      width: 100%; }
      /* line 1235, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .permissions-alert .background-pimploen {
        width: 177px;
        height: 178px;
        left: 70px;
        position: relative;
        margin-top: 0;
        background-image: url("/assets/hg/background/pimploen-bd8d04c384b152590d7efa70aa44824a9c710b71a0128d678f364bb95cb35338.png"); }
      /* line 1242, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .permissions-alert .permissions-message {
        margin-top: 20px; }
        /* line 1244, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .permissions-alert .permissions-message h2 {
          text-align: left;
          margin: 0; }
        /* line 1247, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .permissions-alert .permissions-message .text-margin {
          margin-top: 6px; }
        /* line 1249, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .permissions-alert .permissions-message .permissions-policy {
          margin-bottom: 13px; }
      /* line 1251, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .permissions-alert .glyphicons {
        padding-left: 13px; }
        /* line 1253, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container .box .permissions-alert .glyphicons.glyphicons-circle-exclamation-mark::before {
          left: -2px;
          font-size: 88%;
          top: -7px; }
      /* line 1257, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box .permissions-alert .btn.btn-permission {
        font-weight: 500;
        margin-top: 1px;
        font-size: 100%;
        padding: 5px 16px 5px 16px;
        background-color: #26B899;
        color: #fff; }
    /* line 1265, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container .box i.glyphicons-circle-question-mark {
      font-family: helx, sans-serif;
      line-height: 22px;
      letter-spacing: 0.3px; }
      /* line 1267, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container .box i.glyphicons-circle-question-mark:before {
        font: 16px/1em "Glyphicons Regular";
        color: #28b799; }
  /* line 1270, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .container ul.account {
    padding: 0 20px;
    margin: 0; }
    /* line 1273, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container ul.account li:hover > a.enabled {
      cursor: pointer; }
    /* line 1275, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts .container ul.account li {
      list-style-type: none; }
      /* line 1277, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.list {
        margin: 0;
        border-radius: 5px;
        text-align: left;
        background: #f6f6f6;
        display: block;
        position: relative;
        height: 56px; }
        /* line 1285, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list i {
          color: #aaa; }
        /* line 1287, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list i:before {
          color: #aaa; }
        /* line 1289, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .col-* {
          padding-top: 15px;
          vertical-align: middle; }
        /* line 1292, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-profile {
          width: 56px;
          position: absolute;
          left: 0; }
          /* line 1296, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-profile span {
            width: 56px;
            height: 56px;
            display: inline-block;
            border-radius: 5px 0 0 5px;
            background-size: cover;
            background-position: center center; }
            /* line 1303, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            body.accounts .container ul.account li a.list .account-profile span.image-disable {
              opacity: 0.3; }
          /* line 1305, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-profile.blank {
            height: 56px;
            background: #f1f1f1; }
            /* line 1308, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            body.accounts .container ul.account li a.list .account-profile.blank i.glyphicons:before {
              left: 14px;
              top: 1px;
              font-size: 110%; }
        /* line 1313, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-page {
          left: 57px;
          position: absolute;
          height: 58px;
          right: 130px; }
          /* line 1318, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-page span.account-name {
            position: relative;
            display: inline-block;
            font-weight: 500;
            margin-left: 10px;
            font-size: 110%;
            color: #888;
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 400px;
            top: 50%;
            transform: translate(0, -50%); }
          /* line 1332, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-page span.account-notifications {
            position: relative;
            display: inline-block;
            margin-left: 8px;
            float: left;
            color: #fff;
            font-weight: 600;
            border-radius: 8px;
            line-height: 12px;
            padding: 8px 7px 9px 7px;
            box-sizing: border-box;
            background: #e74b3c;
            top: 50%;
            transform: translate(0, -50%); }
        /* line 1346, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-analytics {
          top: 20px;
          right: 140px;
          width: 80px;
          position: absolute; }
          /* line 1351, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-analytics svg {
            fill: #4ecdc4; }
        /* line 1353, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-user {
          right: 60px;
          top: 20px;
          position: absolute; }
          /* line 1357, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-user i.glyphicons-group {
            font-family: helx, sans-serif;
            line-height: 22px;
            letter-spacing: 0.3px;
            padding-left: 0;
            height: 20px; }
            /* line 1361, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            body.accounts .container ul.account li a.list .account-user i.glyphicons-group:before {
              font: 14px/1em "Glyphicons Regular"; }
          /* line 1363, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-user span.disabled {
            color: #aaa;
            float: left;
            margin-top: 20px;
            margin-left: 5px; }
          /* line 1368, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-user span.account-plan {
            font-size: 70%;
            margin-right: 12px;
            float: left;
            color: #fff;
            border: 1px solid #999999;
            display: inline-block;
            font-weight: 600;
            border-radius: 2px;
            line-height: 12px;
            padding: 2px 4px 2px 4px;
            box-sizing: border-box;
            border-color: #3da39c;
            background: #4ecdc4; }
          /* line 1382, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-user span.admin {
            color: #4d4d4d;
            position: relative;
            top: -4px;
            left: 25px;
            font-weight: 900;
            font-style: normal;
            font-size: 96%; }
            /* line 1390, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            body.accounts .container ul.account li a.list .account-user span.admin .infinity {
              position: relative;
              display: inline-block;
              top: 2px; }
        /* line 1394, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-open {
          right: 49px;
          top: 15px;
          position: absolute;
          width: 75px; }
          /* line 1399, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-open .btn-on {
            padding-left: 22px;
            padding-right: 22px; }
        /* line 1402, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list .account-inbox {
          right: 0;
          top: 0;
          position: absolute;
          width: 45px; }
          /* line 1407, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-inbox i.glyphicons-inbox {
            top: 7px;
            left: 0;
            padding-left: 0; }
            /* line 1411, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
            body.accounts .container ul.account li a.list .account-inbox i.glyphicons-inbox:before {
              font: 24px/1em "Glyphicons Regular"; }
          /* line 1414, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list .account-inbox span.unread {
            position: relative;
            top: 9px;
            left: 12px;
            background: #ee4935;
            border-radius: 25px;
            color: #fff;
            font-style: normal;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center; }
      /* line 1427, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.enabled:hover {
        background: #e7f0ef; }
      /* line 1430, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.enabled i {
        color: #444; }
      /* line 1432, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.enabled i:before {
        color: #444; }
      /* line 1435, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.enabled .account-page span.account-name {
        color: #444; }
      /* line 1437, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts .container ul.account li a.list.blank:hover {
        cursor: pointer; }
        /* line 1439, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list.blank:hover .account-profile.blank {
          background: #26b899; }
          /* line 1441, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.accounts .container ul.account li a.list.blank:hover .account-profile.blank i.glyphicons:before {
            color: #fff; }
        /* line 1444, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts .container ul.account li a.list.blank:hover .account-page.blank span.account-name {
          color: #26b899; }
  /* line 1446, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts .accounts {
    width: 385px; }

@media (max-width: 991px) {
  /* line 1452, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .container .aside,
  body.accounts.tablet .container .box-account {
    width: 100%; } }
/* line 1456, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.tablet span.account-name {
  max-width: 250px !important; }
/* line 1460, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.tablet .container .box-account .box {
  min-height: 190px; }
  /* line 1462, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .container .box-account .box .permissions-alert .background-pimploen {
    left: 20px; }

/* line 1467, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.tablet .divider,
body.accounts.phone .divider {
  display: none; }
@media (max-width: 599px) {
  /* line 1471, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .box .helper,
  body.accounts.phone .box .helper {
    padding-top: 0 !important;
    width: 105px !important;
    background: inherit !important;
    top: 0;
    right: 0;
    bottom: inherit !important; } }
@media (max-width: 991px) {
  /* line 1479, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .container,
  body.accounts.phone .container {
    margin: 0;
    width: 100%; }
    /* line 1482, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .container .box-account,
    body.accounts.phone .container .box-account {
      padding: 0; }
    /* line 1484, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .container .box,
    body.accounts.phone .container .box {
      position: relative;
      min-height: 0;
      padding: 5px 0;
      border-radius: 0; }
      /* line 1489, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .container .box.request-permissions,
      body.accounts.phone .container .box.request-permissions {
        display: none; }
      /* line 1491, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .container .box .account,
      body.accounts.phone .container .box .account {
        border-top: 1px solid #ccc;
        border-radius: 0;
        margin-top: 20px;
        padding: 0; }
        /* line 1496, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts.tablet .container .box .account.blank,
        body.accounts.phone .container .box .account.blank {
          border-top: 0; }
  /* line 1498, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .header,
  body.accounts.phone .header {
    padding: 0; }
    /* line 1500, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .header .logo,
    body.accounts.phone .header .logo {
      height: 90px;
      padding-top: 15px; }
      /* line 1503, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .header .logo .logo-img,
      body.accounts.phone .header .logo .logo-img {
        width: 110px;
        height: 45px; }
    /* line 1506, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .header .title,
    body.accounts.phone .header .title {
      display: none; }
  /* line 1508, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .aside,
  body.accounts.phone .aside {
    width: 100%;
    padding: 10px 0;
    border-radius: 0; }
    /* line 1512, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .aside .facebook-reminder,
    body.accounts.phone .aside .facebook-reminder {
      display: none; }
    /* line 1514, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .aside .user-detail,
    body.accounts.phone .aside .user-detail {
      padding: 15px 0;
      border-radius: 0; }
      /* line 1518, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .aside .user-detail .user-profile .welcome,
      body.accounts.phone .aside .user-detail .user-profile .welcome {
        display: none; }
      /* line 1520, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .aside .user-detail .user-profile .title,
      body.accounts.phone .aside .user-detail .user-profile .title {
        display: none; }
        /* line 1522, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts.tablet .aside .user-detail .user-profile .title.phone,
        body.accounts.phone .aside .user-detail .user-profile .title.phone {
          display: block;
          margin: 10px 0 0; }
      /* line 1525, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .aside .user-detail .user-profile .description,
      body.accounts.phone .aside .user-detail .user-profile .description {
        display: block;
        font-size: 90%; }
      /* line 1528, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .aside .user-detail .footer,
      body.accounts.phone .aside .user-detail .footer {
        display: none; }
  /* line 1530, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .add-shop,
  body.accounts.phone .add-shop {
    height: 50px; }
    /* line 1532, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .add-shop .btn,
    body.accounts.phone .add-shop .btn {
      width: 100%;
      line-height: 50px; }
      /* line 1536, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .add-shop .btn .glyphicons.glyphicons-plus,
      body.accounts.phone .add-shop .btn .glyphicons.glyphicons-plus {
        display: inline-block; }
      /* line 1538, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .add-shop .btn .glyphicons.glyphicons-chevron-down,
      body.accounts.phone .add-shop .btn .glyphicons.glyphicons-chevron-down {
        display: none; }
    /* line 1540, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .add-shop .dropdown-menu,
    body.accounts.phone .add-shop .dropdown-menu {
      top: 54px;
      left: 20px;
      right: 20px;
      width: auto;
      padding: 6px 0; }
      /* line 1546, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .add-shop .dropdown-menu .page-list,
      body.accounts.phone .add-shop .dropdown-menu .page-list {
        border-top: 1px solid #ccc; }
        /* line 1548, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.accounts.tablet .add-shop .dropdown-menu .page-list.disabled, body.accounts.tablet .add-shop .dropdown-menu .page-list.new-offline-page, body.accounts.tablet .add-shop .dropdown-menu .page-list.fetch-more, body.accounts.tablet .add-shop .dropdown-menu .page-list:first-child,
        body.accounts.phone .add-shop .dropdown-menu .page-list.disabled,
        body.accounts.phone .add-shop .dropdown-menu .page-list.new-offline-page,
        body.accounts.phone .add-shop .dropdown-menu .page-list.fetch-more,
        body.accounts.phone .add-shop .dropdown-menu .page-list:first-child {
          border: 0; }
  /* line 1553, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .blank-state,
  body.accounts.phone .blank-state {
    height: 200px; }
    /* line 1555, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .blank-state .text,
    body.accounts.phone .blank-state .text {
      margin: 0; }
  /* line 1557, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .page-list,
  body.accounts.phone .page-list {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    background-color: inherit;
    border-radius: 0; }
    /* line 1563, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .page-list:hover, body.accounts.tablet .page-list:active,
    body.accounts.phone .page-list:hover,
    body.accounts.phone .page-list:active {
      background-color: #e7f0ef; }
    /* line 1566, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .page-list.logout,
    body.accounts.phone .page-list.logout {
      display: list-item;
      text-align: center;
      border-bottom: 0; }
      /* line 1570, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.tablet .page-list.logout .page-title,
      body.accounts.phone .page-list.logout .page-title {
        padding: 0;
        color: #999; }
    /* line 1573, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .page-list .page-display,
    body.accounts.phone .page-list .page-display {
      width: 30px;
      height: 30px;
      border-radius: 4px; }
    /* line 1577, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .page-list .page-notif,
    body.accounts.phone .page-list .page-notif {
      float: right; }
    /* line 1579, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .page-list .page-plan,
    body.accounts.phone .page-list .page-plan {
      display: none; } }

/* line 1582, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .divider-vertical {
  display: none; }
/* line 1585, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .box-account {
  width: 100%;
  padding: 15px;
  background-color: #ecf0f1 !important; }
  /* line 1589, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container .box-account ul {
    background-color: #fff; }
/* line 1591, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container p.helper {
  left: none;
  width: 105px !important; }
/* line 1595, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .box.phone {
  margin-bottom: 0; }
/* line 1597, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .box .user-profile {
  min-height: 70px; }
  /* line 1599, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container .box .user-profile .btn.btn-login-facebook {
    width: 65%;
    font-weight: 500;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
    padding: 5px 16px 5px 16px;
    background-color: #4e69a2;
    color: #fff; }
/* line 1610, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .add-shop .dropdown-menu {
  left: 15px;
  right: 15px; }
/* line 1613, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .add-shop img.profile {
  left: 0;
  width: 100px;
  border-radius: 50px; }
/* line 1617, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container .title-max-width {
  max-width: 100%; }
/* line 1621, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.update-account-logo form img {
  float: none;
  margin: 0 auto; }
/* line 1624, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.update-account-logo form input.upload {
  margin-left: 0;
  width: 330px; }
/* line 1630, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.create-new-account .header,
body.phone .container.update-account-logo .header,
body.phone .container.update-account-cover .header {
  padding-bottom: 0; }
/* line 1632, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.create-new-account .box,
body.phone .container.update-account-logo .box,
body.phone .container.update-account-cover .box {
  width: 100%; }
/* line 1634, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.create-new-account form,
body.phone .container.update-account-logo form,
body.phone .container.update-account-cover form {
  width: 100%;
  background-color: #ecf0f1; }
  /* line 1637, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container.create-new-account form .upload,
  body.phone .container.update-account-logo form .upload,
  body.phone .container.update-account-cover form .upload {
    width: 100%; }
  /* line 1639, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container.create-new-account form p,
  body.phone .container.update-account-logo form p,
  body.phone .container.update-account-cover form p {
    display: none; }
  /* line 1641, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container.create-new-account form img.cover,
  body.phone .container.update-account-logo form img.cover,
  body.phone .container.update-account-cover form img.cover {
    width: 100%; }
  /* line 1643, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.phone .container.create-new-account form .input,
  body.phone .container.update-account-logo form .input,
  body.phone .container.update-account-cover form .input {
    width: 100%; }
/* line 1645, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.phone .container.create-new-account .footer,
body.phone .container.update-account-logo .footer,
body.phone .container.update-account-cover .footer {
  margin-top: 0; }

/* line 1649, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .profile {
  right: 0; }
  /* line 1651, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.phone .container .profile h2 {
    padding-right: 10px; }
/* line 1653, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .facebook-reminder p {
  padding: 0 10px 10px; }
/* line 1655, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .account {
  border-radius: 4px; }
/* line 1658, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .account-open {
  width: 85px !important;
  right: 0 !important; }
  /* line 1661, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.phone .container .account-open .btn-on {
    padding: 3px 10px 1px 10px !important; }
/* line 1663, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .box-account {
  background-color: #fff; }
  /* line 1665, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.phone .container .box-account .add-shop {
    padding: 0 15px; }
/* line 1667, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.accounts.phone .container .box {
  border-radius: 0; }
  /* line 1669, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.phone .container .box .permissions-alert {
    text-align: center; }
    /* line 1671, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.phone .container .box .permissions-alert .permissions-message {
      margin-top: 45px;
      padding-left: 20px;
      padding-right: 20px; }
      /* line 1675, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.accounts.phone .container .box .permissions-alert .permissions-message h2 {
        text-align: center; }
    /* line 1677, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.phone .container .box .permissions-alert .btn-permission {
      margin-bottom: 15px; }
    /* line 1679, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.phone .container .box .permissions-alert .background-pimploen {
      left: 5px;
      margin-left: auto;
      margin-right: auto; }
  /* line 1683, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.phone .container .box .pimploen-use-facebook-page {
    display: none; }

/* line 1686, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.session\.guard,
body.session\.failure {
  background: #eee;
  position: relative; }
  /* line 1690, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.session\.guard .container,
  body.session\.failure .container {
    top: 20%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 380px; }
    /* line 1698, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container img.footer,
    body.session\.failure .container img.footer {
      width: 100px; }
    /* line 1700, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container img.cmd,
    body.session\.failure .container img.cmd {
      height: 34px; }
    /* line 1702, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container img.cp,
    body.session\.failure .container img.cp {
      height: 41px; }
    /* line 1704, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container img.dbd,
    body.session\.failure .container img.dbd {
      height: 30px; }
    /* line 1707, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container img.image-logo,
    body.session\.failure .container img.image-logo {
      width: 190px;
      height: 70px; }
    /* line 1710, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container .box,
    body.session\.failure .container .box {
      background: #fff;
      border-radius: 5px;
      min-height: 375px;
      padding: 20px 0;
      position: relative; }
      /* line 1716, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.session\.guard .container .box a,
      body.session\.failure .container .box a {
        color: #28B799; }
      /* line 1718, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.session\.guard .container .box div,
      body.session\.failure .container .box div {
        width: 100%;
        text-align: center; }
        /* line 1721, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.session\.guard .container .box div .key,
        body.session\.failure .container .box div .key {
          width: 100px;
          height: 100px;
          background: #eee;
          border-radius: 50px;
          margin: 20px auto; }
          /* line 1727, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.session\.guard .container .box div .key i.glyphicons:before,
          body.session\.failure .container .box div .key i.glyphicons:before {
            font-size: 2.5em;
            top: 13px;
            left: 2px;
            color: #999; }
        /* line 1732, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.session\.guard .container .box div a.btn-open,
        body.session\.failure .container .box div a.btn-open {
          padding: 5px 30px;
          font-size: 1.2em;
          font-weight: 900;
          background: #3b589e;
          color: #fff; }
      /* line 1738, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.session\.guard .container .box p, body.session\.guard .container .box h2,
      body.session\.failure .container .box p,
      body.session\.failure .container .box h2 {
        text-align: center; }
      /* line 1740, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.session\.guard .container .box h2,
      body.session\.failure .container .box h2 {
        margin: 5px;
        color: #666; }
      /* line 1744, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.session\.guard .container .box .helper,
      body.session\.failure .container .box .helper {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #f8f8f8;
        border-radius: 0 0 5px 5px;
        padding-top: 10px; }
    /* line 1751, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.session\.guard .container .certificate,
    body.session\.failure .container .certificate {
      margin-top: 10px;
      text-align: center; }

/* line 1756, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.session\.failure .container .box {
  min-height: 400px; }
/* line 1758, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.session\.failure .txt-failure {
  color: #ee4935;
  margin-bottom: 5px; }

/* line 1764, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.session\.guard.phone .container,
body.session\.failure.phone .container {
  width: auto !important;
  top: 0 !important; }

/* line 1768, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.update_session_user,
body.account\.standby {
  background: #eee;
  position: relative; }
  /* line 1772, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.update_session_user .container,
  body.account\.standby .container {
    width: 380px;
    top: 10%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
    /* line 1780, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.update_session_user .container .box.bottom,
    body.account\.standby .container .box.bottom {
      background: #fff; }
    /* line 1782, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.update_session_user .container .box,
    body.account\.standby .container .box {
      border-radius: 5px;
      min-height: 200px;
      padding: 25px 0;
      position: relative;
      overflow-x: hidden; }
      /* line 1788, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box .logo-img,
      body.account\.standby .container .box .logo-img {
        width: 190px;
        height: 70px;
        margin: 30px; }
      /* line 1792, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box table.details,
      body.account\.standby .container .box table.details {
        width: 300px;
        margin: 25px 25px 0 25px; }
        /* line 1795, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.update_session_user .container .box table.details td.left,
        body.account\.standby .container .box table.details td.left {
          width: 40%;
          font-size: 80%; }
        /* line 1798, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.update_session_user .container .box table.details td.right,
        body.account\.standby .container .box table.details td.right {
          width: 60%;
          text-align: right; }
      /* line 1801, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box a,
      body.account\.standby .container .box a {
        color: #28B799; }
      /* line 1803, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box div,
      body.account\.standby .container .box div {
        width: 100%;
        text-align: center; }
      /* line 1806, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box p, body.update_session_user .container .box h2,
      body.account\.standby .container .box p,
      body.account\.standby .container .box h2 {
        text-align: center; }
      /* line 1808, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box h2,
      body.account\.standby .container .box h2 {
        margin: 5px;
        color: #666; }
      /* line 1811, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box h1,
      body.account\.standby .container .box h1 {
        margin-top: 10px; }
      /* line 1814, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
      body.update_session_user .container .box .framework,
      body.account\.standby .container .box .framework {
        max-height: 233px;
        overflow: hidden; }
        /* line 1818, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.update_session_user .container .box .framework .slide span,
        body.account\.standby .container .box .framework .slide span {
          font-size: 100%;
          color: #444;
          height: 50px;
          display: block; }
          /* line 1823, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.update_session_user .container .box .framework .slide span b,
          body.account\.standby .container .box .framework .slide span b {
            color: #000; }
        /* line 1825, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.update_session_user .container .box .framework .slide .slide-image,
        body.account\.standby .container .box .framework .slide .slide-image {
          width: 350px;
          height: 183px;
          display: inline-block;
          background-image: url("/assets/hg/background/pimploen-standby-67038f9cd583a050ac3aa4a7b8bb9a7e7a9d528e9902d63507dcf83e1c69d850.jpg");
          background-size: cover; }
          /* line 1832, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.update_session_user .container .box .framework .slide .slide-image.image-0,
          body.account\.standby .container .box .framework .slide .slide-image.image-0 {
            background-position: 0 0%; }
          /* line 1832, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.update_session_user .container .box .framework .slide .slide-image.image-1,
          body.account\.standby .container .box .framework .slide .slide-image.image-1 {
            background-position: 0 -100%; }
          /* line 1832, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.update_session_user .container .box .framework .slide .slide-image.image-2,
          body.account\.standby .container .box .framework .slide .slide-image.image-2 {
            background-position: 0 -200%; }
          /* line 1832, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
          body.update_session_user .container .box .framework .slide .slide-image.image-3,
          body.account\.standby .container .box .framework .slide .slide-image.image-3 {
            background-position: 0 -300%; }
        /* line 1835, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
        body.update_session_user .container .box .framework .slide.active,
        body.account\.standby .container .box .framework .slide.active {
          animation-name: slider-in;
          animation-duration: 10s;
          animation-timing-function: ease-out-in; }
@keyframes slider-in {
  0% {
    transform: translateX(-50px);
    opacity: 0; }
  8% {
    transform: translateX(0);
    opacity: 1; }
  90% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(80px);
    opacity: 0; } }
  /* line 1854, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.update_session_user .spinner,
  body.account\.standby .spinner {
    margin: 30px auto 15px;
    width: 100px !important;
    z-index: 99999;
    text-align: center; }
  /* line 1860, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.update_session_user .spinner > div,
  body.account\.standby .spinner > div {
    width: 15px !important;
    height: 15px;
    margin-left: 10px;
    background-color: #199A86;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  /* line 1873, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.update_session_user .spinner .bounce1,
  body.account\.standby .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  /* line 1877, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.update_session_user .spinner .bounce2,
  body.account\.standby .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

/* line 1882, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
body.account\.standby.phone .container {
  width: 100%; }
  /* line 1884, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.account\.standby.phone .container .col-md-12 {
    padding: 0; }
    /* line 1886, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.account\.standby.phone .container .col-md-12 table.details {
      width: 95%;
      margin: 10px; }

@media (min-width: 601px) and (max-width: 766px) {
  /* line 1892, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .permissions-message {
    text-align: center; }
    /* line 1894, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
    body.accounts.tablet .permissions-message h2 {
      text-align: center; }
  /* line 1896, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  body.accounts.tablet .background-pimploen {
    margin-top: 19px;
    margin-left: auto;
    margin-right: auto; } }
/* line 1901, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
#logo-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  /* line 1906, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  #logo-header .logo {
    position: relative; }

/* line 1909, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
#headway-container {
  margin-left: 270px;
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 1914, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  #headway-container #headway-what-new {
    color: #bf545e; }

@media (max-width: 991px) {
  /* line 1918, /drone/softbaked/page365/app/assets/stylesheets/hg/accounts.css.sass */
  #headway-container {
    position: absolute;
    margin-left: 0;
    top: 55px; } }
/* line 32, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.bounce {
  animation-name: bounce;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes bounce {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(30px); }
  100% {
    transform: translateY(0px); } }
/* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.bounce-phone {
  animation-name: bounce-phone;
  animation-duration: 1.8s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes bounce-phone {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }
/* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.reply-multiple {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 15; }
  /* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.reply-multiple div.ground {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    z-index: 0; }
  /* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.reply-multiple section.reply {
    background-color: #eeeeee;
    height: 185px;
    width: 35%;
    min-width: 350px;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: unset; }
    /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.reply-multiple section.reply div.detail-group {
      height: 100px;
      padding: 5px 7.5px 5px 15px; }
      /* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group > p {
        margin-bottom: 3px; }
      /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group a.close-reply-multiple {
        float: right;
        cursor: pointer; }
      /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group i.glyphicons-remove-2 {
        padding-left: 0; }
        /* line 97, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.reply-multiple section.reply div.detail-group i.glyphicons-remove-2::before {
          font-size: 17px;
          position: relative;
          color: #dedede; }
      /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group .avatar {
        border-radius: 50px;
        width: 35px;
        height: 35px;
        margin: 0 5px; }
      /* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group div.selected-more {
        display: inline;
        cursor: default; }
        /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.reply-multiple section.reply div.detail-group div.selected-more i.glyphicons-more {
          padding: 0;
          width: 30px;
          height: 20px; }
          /* line 113, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.reply-multiple section.reply div.detail-group div.selected-more i.glyphicons-more::before {
            font-size: 17px;
            color: #596364; }
      /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.detail-group .warning {
        font-size: 85%;
        color: #ef4836;
        line-height: 0.8;
        margin-top: 5px; }
    /* line 122, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.reply-multiple section.reply div.form-group {
      height: auto;
      width: 100%;
      margin: 0; }
      /* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.form-group textarea.form-control {
        resize: none;
        padding-left: 15px;
        font-size: 90%;
        border-radius: 0;
        border-left: 0;
        border-right: 0; }
        /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.reply-multiple section.reply div.form-group textarea.form-control:focus {
          border-color: #cccccc !important; }
    /* line 135, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.reply-multiple section.reply div.reply-tools {
      height: 30px;
      padding: 3px 15px;
      background-color: white; }
      /* line 140, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.reply-tools div.attachment-detail a.cancel-attach {
        padding: 0; }
      /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.reply-tools div.attachment-detail i.glyphicons-camera {
        top: 2px; }
      /* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.reply-tools div.attachment-detail i.glyphicons-remove-2 {
        margin: 0;
        padding-left: 0; }
        /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.reply-multiple section.reply div.reply-tools div.attachment-detail i.glyphicons-remove-2::before {
          color: red; }
      /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.reply-multiple section.reply div.reply-tools a.reply-button {
        color: #1abc9c;
        cursor: pointer;
        text-decoration: none;
        float: right;
        margin-top: 1px; }
        /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.reply-multiple section.reply div.reply-tools a.reply-button.disabled {
          color: #cccccc;
          cursor: default; }

/* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .no-more-conversation,
section.conversations .still-loading,
section.conversations .throttled {
  height: 85px;
  text-align: center;
  padding-top: 20px;
  cursor: default;
  font-size: 90%; }
/* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .still-loading {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: center; }
  /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .still-loading .spinner {
    display: inline-block;
    background-image: url("/assets/hg/icon/ring-alt-a38cb7d00a43a6d8fa1717b2ec221ff905a83a90c75df66d5db6bb18997641e5.svg");
    background-size: contain;
    min-width: 27px;
    height: 27px; }
  /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .still-loading .text {
    display: inline-block;
    margin-left: 10px;
    padding-top: 5px; }
/* line 184, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .throttled {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  justify-content: center; }
/* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .notify-not-login {
  width: 100%;
  text-align: center;
  font-size: 90%;
  line-height: 20px;
  padding: 10px; }
  /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .notify-not-login.line-at {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 95%;
    font-weight: 500; }
/* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .notify-not-buy-keyword {
  width: 100%;
  text-align: center;
  font-size: 85%;
  line-height: 12px;
  padding-top: 10px; }
/* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .arrow-top-right {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  top: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent #F39C12 transparent transparent; }
/* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations ul li div.conversation-order .arrow-top-right.success {
  border-color: transparent #4183d7 transparent transparent; }
/* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations ul li div.conversation-order .arrow-top-right.cancel {
  border-color: transparent #D0D0D0 transparent transparent; }
/* line 223, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .cart-box {
  position: absolute;
  right: -29px;
  margin-top: 0; }
  /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .cart-box .glyphicons:before, section.conversations .cart-box .glyphicons {
    margin: 0;
    color: white;
    font-size: 9px;
    margin-top: -6px;
    margin-left: 6px; }
/* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .show-customer-tag {
  font-size: 70%;
  margin-left: 5px;
  color: white;
  border: 1px solid #999;
  display: inline-block;
  font-weight: 600;
  border-radius: 2px;
  line-height: 12px;
  padding: 2px 4px 2px 4px;
  box-sizing: border-box; }
/* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .filter-tags-button {
  position: relative;
  float: right;
  height: 22px;
  margin-top: 10px;
  margin-left: 10px; }
  /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .filter-tags-button .account-tags-box {
    position: relative;
    height: auto;
    max-height: 200px;
    overflow-y: auto; }
  /* line 255, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .filter-tags-button .dropdown-menu {
    margin-top: 7px;
    margin-left: -2px;
    padding-top: 10px; }
    /* line 260, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button .dropdown-menu li:first-child a {
      color: #333; }
    /* line 262, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button .dropdown-menu li:hover {
      background: #f5f5f5; }
    /* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button .dropdown-menu a {
      width: 100%;
      padding-left: 10px;
      display: inline-block; }
      /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations .filter-tags-button .dropdown-menu a:hover {
        text-decoration: none; }
  /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .filter-tags-button button.btn.btn-default {
    padding: 2px 20px 0 10px;
    height: 28px; }
    /* line 273, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button button.btn.btn-default .caret {
      position: absolute; }
    /* line 275, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button button.btn.btn-default span {
      display: inline-block;
      color: #444;
      margin-right: 3px;
      font-size: 120%;
      line-height: 22px; }
    /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .filter-tags-button button.btn.btn-default .glyphicons:before, section.conversations .filter-tags-button button.btn.btn-default .glyphicons {
      color: inherit;
      margin: 0;
      float: left;
      margin-top: 2px;
      margin-right: -28px; }
/* line 287, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .admin-dropdown-menu {
  width: fit-content;
  padding: 0;
  top: 62px;
  min-width: 250px;
  left: 0;
  max-height: 250px;
  overflow-y: auto; }
  /* line 295, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations .admin-dropdown-menu li {
    height: 57px;
    border-bottom: 1px solid #dedede; }
    /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .admin-dropdown-menu li a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      color: #333;
      padding: 10px 15px;
      line-height: 1; }
    /* line 306, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations .admin-dropdown-menu li span {
      display: block;
      color: #aaa; }
/* line 310, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations .glyphicons-more::before {
  font-size: 15px; }
/* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations > nav li {
  text-align: center;
  font-size: 80%;
  line-height: 24px; }
  /* line 318, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > nav li.blank {
    height: 15px; }
  /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > nav li a {
    display: block;
    box-sizing: border-box;
    height: 60px;
    color: white;
    position: relative; }
    /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li a.active, section.conversations > nav li a:hover {
      color: white;
      text-decoration: none; }
    /* line 329, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li a.active {
      background-color: #25b999; }
    /* line 331, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li a:hover:not(.active) {
      background-color: #aab3b7; }
    /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li a > span {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      line-height: 14px; }
  /* line 340, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > nav li i {
    clear: both;
    display: block;
    padding: 0;
    color: inherit;
    margin-bottom: 5px; }
    /* line 346, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li i::before {
      position: static;
      margin: auto;
      color: inherit; }
    /* line 350, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > nav li i.conversation-icon {
      width: 30px;
      height: 30px;
      background-image: url(/assets/hg/icon/conversation-type-eb0485839a680cb25e78b97f046e9d8c9724094cf6644ed656a4881169cedb86.png);
      background-size: 180px 150px;
      margin: 0 auto 3px; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.line-at {
        background-position: -150px -60px; }
      /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.facebook-post {
        background-position: -120px -60px; }
      /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.instagram {
        background-position: -90px -60px; }
      /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.line {
        background-position: -60px -60px; }
      /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.facebook-inbox {
        background-position: -30px -60px; }
      /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.ig-private {
        background-image: url(/assets/hg/icon/conversation-type-2-f642a0b7e18ad1e7cfe8e2fdb20b328a107cf787345ccb9326a81b0f824554fe.png);
        background-position: -150px -60px; }
      /* line 29, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > nav li i.conversation-icon.page365 {
        background-position: 0px -60px; }
/* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations > nav hr {
  margin: 10px 8px;
  border: 0;
  height: 2px;
  background-color: #eee; }
/* line 363, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations > header {
  border-bottom: 1px solid #dedede;
  background: #f9f9f9;
  overflow: visible; }
  /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > header form.search {
    margin: 10px 0; }
    /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > header form.search input[type="search"] {
      line-height: 28px; }
    /* line 372, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > header form.search input[type="search"]:focus {
      border: 1px solid #25b999; }
    /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > header form.search i.glyphicons-remove-2 {
      position: absolute;
      right: 8px;
      top: 8px;
      cursor: pointer; }
  /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > header div.selection {
    margin: 0 10px; }
    /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > header div.selection div.btn-group:hover {
      cursor: pointer; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > header div.selection div.select-browser {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      /* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser .checkbox-color {
        background: #f8f8f8 !important; }
      /* line 395, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser div.checkbox-dropdown {
        display: inline-block;
        border: 1px solid #ccc;
        background: #fff; }
      /* line 399, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser div.checkbox-left {
        border-right: 0;
        margin-right: 0;
        padding-right: 5px;
        padding-left: 10px;
        height: 25px;
        float: left;
        border-radius: 3px 0 0 3px; }
      /* line 407, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser div.checkbox-right {
        border-left: 0;
        margin-left: -5px;
        padding-left: 5px;
        padding-right: 10px;
        height: 25px;
        float: left;
        border-radius: 0 3px 3px 0; }
      /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser div.btn-group {
        margin-right: 5px; }
      /* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser button {
        border-radius: 3px;
        padding: 3px 9px 0 9px;
        line-height: 19px;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
        height: 25px; }
        /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > header div.selection div.select-browser button i {
          margin-right: -30px; }
        /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > header div.selection div.select-browser button .glyphicons:before {
          font-size: 14px;
          margin-top: -5px; }
        /* line 431, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > header div.selection div.select-browser button .caret {
          margin: 5px 0 0 10px; }
        /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > header div.selection div.select-browser button.admin-assign-btn {
          display: block;
          clear: both;
          width: fit-content;
          padding: 6px 9px 3px 9px;
          height: 30px; }
      /* line 440, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser button:hover {
        background: #fff; }
      /* line 443, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > header div.selection div.select-browser ul.dropdown-menu a {
        text-align: left; }
/* line 446, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations > ul {
  margin: 0;
  background-color: #eee;
  overflow-x: hidden;
  overflow-y: auto;
  background-size: 200px auto;
  background-repeat: no-repeat;
  background-position: center; }
  /* line 457, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li .conversation-icon {
    width: 25px;
    height: 25px;
    background-image: url(/assets/hg/icon/conversation-type-eb0485839a680cb25e78b97f046e9d8c9724094cf6644ed656a4881169cedb86.png);
    background-size: 150px 125px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.line-at {
    background-position: -125px 0px; }
  /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.facebook-post {
    background-position: -100px 0px; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.instagram {
    background-position: -75px 0px; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.line {
    background-position: -50px 0px; }
  /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.facebook-inbox {
    background-position: -25px 0px; }
  /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.ig-private {
    background-image: url(/assets/hg/icon/conversation-type-2-f642a0b7e18ad1e7cfe8e2fdb20b328a107cf787345ccb9326a81b0f824554fe.png);
    background-position: -125px 0px; }
  /* line 29, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.unread .conversation-icon.page365 {
    background-position: 0px 0px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.line-at {
    background-position: -125px -25px; }
  /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.facebook-post {
    background-position: -100px -25px; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.instagram {
    background-position: -75px -25px; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.line {
    background-position: -50px -25px; }
  /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.facebook-inbox {
    background-position: -25px -25px; }
  /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.ig-private {
    background-image: url(/assets/hg/icon/conversation-type-2-f642a0b7e18ad1e7cfe8e2fdb20b328a107cf787345ccb9326a81b0f824554fe.png);
    background-position: -125px -25px; }
  /* line 29, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.read .conversation-icon.page365 {
    background-position: 0px -25px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.line-at {
    background-position: -125px -50px; }
  /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.facebook-post {
    background-position: -100px -50px; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.instagram {
    background-position: -75px -50px; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.line {
    background-position: -50px -50px; }
  /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.facebook-inbox {
    background-position: -25px -50px; }
  /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.ig-private {
    background-image: url(/assets/hg/icon/conversation-type-2-f642a0b7e18ad1e7cfe8e2fdb20b328a107cf787345ccb9326a81b0f824554fe.png);
    background-position: -125px -50px; }
  /* line 29, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul.conversation-list li.active .conversation-icon.page365 {
    background-position: 0px -50px; }
  /* line 469, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul .loading {
    padding: 20px;
    text-align: center; }
  /* line 473, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul .text-conversation {
    position: absolute;
    margin: auto;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 50px;
    max-width: 250px;
    text-align: center;
    color: #7B868A;
    font-weight: 500; }
  /* line 486, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li.selected {
    background: #eff8f6 !important; }
  /* line 489, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li > div {
    position: absolute;
    height: 60px;
    text-overflow: ellipsis; }
  /* line 495, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li > div.conversation-checkbox {
    top: 10px;
    left: 10px; }
    /* line 498, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-checkbox > input {
      float: left;
      margin: 13px 0 0 5px; }
  /* line 501, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li > div.conversation-content {
    left: 40px;
    right: 0; }
    /* line 504, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content.admin {
      right: 55px; }
    /* line 506, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content.line-conversation {
      margin-left: -1px; }
    /* line 508, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content .conversation-last-message {
      padding-right: 50px;
      margin-left: 35px; }
    /* line 511, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > h3 {
      margin: 0;
      line-height: 20px;
      font-weight: normal;
      max-height: 22px;
      white-space: normal;
      overflow-y: hidden;
      margin-top: 10px;
      margin-left: 35px;
      padding-right: 60px; }
      /* line 521, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-content > h3 .conver-customer-name {
        position: relative;
        display: inline-block;
        float: left;
        max-width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    /* line 530, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > i {
      display: block;
      padding: 0;
      color: inherit;
      top: 18px;
      position: absolute; }
      /* line 536, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-content > i.line-icon {
        margin-right: 9px; }
      /* line 538, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-content > i::before {
        color: inherit; }
    /* line 541, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > p {
      font-size: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    /* line 546, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > span.icons > i.glyphicons {
      padding-left: 19px;
      margin-top: -20px; }
      /* line 549, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-content > span.icons > i.glyphicons::before {
        color: #ddd;
        font-size: 80%; }
    /* line 553, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > time {
      font-size: 90%;
      line-height: 20px;
      position: absolute;
      top: 10px;
      right: 10px; }
    /* line 560, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-content > .icons {
      line-height: 18px;
      position: absolute;
      top: 30px;
      right: 10px; }
      /* line 565, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-content > .icons .badge {
        background-color: #ef4836;
        font-size: 70%;
        line-height: 10px; }
        /* line 569, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > ul li > div.conversation-content > .icons .badge:empty {
          width: 12px;
          height: 12px;
          padding: 6px;
          margin-top: 4px;
          margin-left: 5px;
          display: inline-block; }
  /* line 577, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li > .admin-button {
    position: absolute;
    top: 10px;
    right: 15px;
    height: auto; }
    /* line 582, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > .admin-button button {
      position: relative;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #aaa;
      width: 35px;
      height: 35px;
      padding: 5px;
      z-index: 1;
      background: #f3f3f3;
      background-size: cover;
      background-repeat: no-repeat;
      outline: none; }
      /* line 583, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > .admin-button button .icon {
        color: #aaa; }
      /* line 597, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > .admin-button button .glyphicons:before {
        color: #aaa;
        font-size: 16px;
        top: -9px;
        left: 3px; }
      /* line 602, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > .admin-button button .option {
        position: absolute;
        top: 18px;
        right: -50px; }
    /* line 606, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > .admin-button button:hover {
      background-color: white; }
    /* line 608, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > .admin-button .dropdown-menu {
      padding: 0;
      left: inherit;
      right: 0;
      width: 200px;
      max-height: 250px;
      overflow-y: auto;
      overflow-x: hidden; }
      /* line 616, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > .admin-button .dropdown-menu li {
        height: auto; }
        /* line 618, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > ul li > .admin-button .dropdown-menu li a {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          padding: 10px 15px; }
          /* line 624, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversations > ul li > .admin-button .dropdown-menu li a.active-text {
            color: #26B899; }
        /* line 626, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > ul li > .admin-button .dropdown-menu li span {
          display: block;
          color: #aaa; }
        /* line 629, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > ul li > .admin-button .dropdown-menu li .active-user {
          position: absolute;
          top: 20px;
          right: -20px;
          color: #26B899; }
        /* line 634, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversations > ul li > .admin-button .dropdown-menu li .active-user:before {
          font-size: 1em; }
  /* line 637, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li > div.conversation-order {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px; }
    /* line 642, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-order .arrow-top-right {
      position: absolute;
      right: 0;
      width: 0;
      height: 0;
      margin: 0;
      padding: 0;
      top: 0;
      border-style: solid;
      border-width: 0 25px 25px 0;
      border-color: transparent #F39C12 transparent transparent; }
    /* line 653, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li > div.conversation-order .cart-box {
      position: absolute;
      right: -30px; }
      /* line 656, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li > div.conversation-order .cart-box .glyphicons:before, section.conversations > ul li > div.conversation-order .cart-box .glyphicons {
        margin: 0;
        color: white;
        font-size: 9px;
        margin-top: -6px;
        margin-left: 6px; }
  /* line 663, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > ul li {
    position: relative;
    color: #666;
    height: 60px;
    border-bottom: 1px solid #dedede;
    width: 100%; }
    /* line 670, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.clickable {
      cursor: pointer; }
    /* line 672, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.read {
      background: #f3f3f3; }
    /* line 674, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.unread {
      background: #fff;
      color: #444; }
      /* line 677, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li.unread h3 {
        font-weight: 900 !important; }
      /* line 679, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li.unread time {
        font-weight: 900; }
    /* line 681, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.unread:hover:not(.active) {
      background: #f7fcfb; }
    /* line 683, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.read:hover:not(.active) {
      background: #e7f0ee; }
    /* line 685, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li.active {
      background-color: #26B899 !important;
      color: #FFF; }
      /* line 688, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversations > ul li.active > div > span.icons > i.glyphicons::before {
        color: #FFF; }
    /* line 691, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversations > ul li .show-customer-tag {
      font-size: 65%;
      margin-left: 5px;
      color: white;
      border: 1px solid #999;
      display: inline-block;
      font-weight: 600;
      border-radius: 2px;
      line-height: 12px;
      padding: 2px 4px 2px 4px;
      box-sizing: border-box; }
/* line 703, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversations > footer {
  border-top: 1px solid #dedede;
  background: #f6f6f6;
  text-align: center; }
  /* line 707, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > footer > h4, section.conversations > footer > span {
    line-height: 20px;
    padding: 0;
    margin: 0; }
  /* line 711, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > footer > h4 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 100%; }
  /* line 715, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversations > footer > span {
    font-size: 70%; }

/* line 720, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
aside.customer .note-edit textarea {
  display: none; }

/* line 724, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.create-order-animate.ng-enter, .create-order-animate.ng-leave {
  left: 0;
  right: 0;
  transition: all 0.5s ease-in-out; }
/* line 729, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.create-order-animate.ng-enter {
  transform: translateX(30%); }
/* line 731, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.create-order-animate.ng-enter-active {
  transform: translateX(0); }
/* line 733, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.create-order-animate.ng-leave {
  opacity: 1; }
/* line 735, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
.create-order-animate.ng-leave-active {
  opacity: 0; }

/* line 739, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail section.messages {
  display: flex;
  flex-direction: column; }
  /* line 742, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.messages div.text-conversation {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 150px;
    max-width: 250px;
    text-align: center;
    font-weight: 500; }
    /* line 753, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.messages div.text-conversation span {
      font-size: 80%;
      color: #888; }
    /* line 757, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.messages div.text-conversation .glyphicons-conversation {
      height: 145px;
      padding-left: 0; }
      /* line 760, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.messages div.text-conversation .glyphicons-conversation:before {
        position: relative;
        font: 7em "Glyphicons Regular"; }
/* line 764, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail section.conversation-detail-order div.text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  /* line 769, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order {
    max-height: 100px;
    max-width: 250px;
    text-align: center;
    font-weight: 500; }
    /* line 774, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order.display-hint {
      max-height: 350px; }
    /* line 776, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order span {
      font-size: 80%;
      color: #888; }
    /* line 779, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order .glyphicons-shopping-cart {
      padding-left: 0; }
      /* line 781, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order .glyphicons-shopping-cart:before {
        position: relative;
        width: 100px;
        height: 130px;
        font: 5em "Glyphicons Regular";
        color: #bbb; }
    /* line 788, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.conversation-detail-order div.text-wrapper div.text-detail-order div.open-bill {
      font-size: 150%;
      border-radius: 5px;
      padding: 5px 35px 0 35px;
      line-height: 40px;
      margin-bottom: 10px; }
/* line 794, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail a {
  cursor: pointer; }
/* line 796, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail em span {
  margin-left: 0; }
/* line 798, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .message {
  color: #444;
  width: 100%;
  position: relative; }
  /* line 802, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message p {
    overflow: hidden;
    text-overflow: ellipsis; }
/* line 805, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail ul.message-detail {
  -webkit-overflow-scrolling: touch; }
  /* line 807, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail.more-pdt {
    padding-top: 25px; }
  /* line 810, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .parent-message-box h3 {
    font-size: 90%; }
    /* line 812, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail ul.message-detail .parent-message-box h3 .post-by {
      display: inline-block;
      width: 100%;
      font-size: 110%; }
  /* line 816, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .parent-message-box .parent-image {
    position: relative;
    width: 100%;
    float: left;
    height: auto; }
    /* line 821, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail ul.message-detail .parent-message-box .parent-image.alone {
      float: none;
      margin: auto; }
    /* line 824, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail ul.message-detail .parent-message-box .parent-image img {
      float: left;
      position: relative;
      display: block;
      max-width: 100%;
      height: 150px;
      margin: auto; }
  /* line 831, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .parent-message-box .parent-message-box {
    position: relative;
    text-align: left;
    width: 100%;
    float: left;
    height: auto;
    margin-top: 10px; }
    /* line 838, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail ul.message-detail .parent-message-box .parent-message-box.alone {
      width: 100%;
      padding-left: 0; }
    /* line 841, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail ul.message-detail .parent-message-box .parent-message-box p {
      margin: 0; }
/* line 843, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .time {
  text-align: center; }
/* line 846, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .page-toggle {
  z-index: 12;
  margin-top: 5px;
  padding: 0 10px; }
/* line 850, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .message-detail li {
  padding-left: 20px;
  padding-right: 20px;
  margin: 15px 0;
  position: relative; }
  /* line 856, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message-detail li .updates div {
    text-align: center;
    display: inline-block;
    color: #999;
    width: 100%;
    margin-top: 10px; }
    /* line 862, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .updates div div.update {
      font-weight: bold;
      display: inline-block;
      padding-left: 5px; }
      /* line 866, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .updates div div.update .created,
      section.conversation-detail .message-detail li .updates div div.update .transferred,
      section.conversation-detail .message-detail li .updates div div.update .paid,
      section.conversation-detail .message-detail li .updates div div.update .shipped {
        color: #00B16A; }
      /* line 871, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .updates div div.update .unpaid,
      section.conversation-detail .message-detail li .updates div div.update .voided {
        color: #E54D42; }
      /* line 874, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .updates div div.update .expired {
        color: #6A7A89; }
    /* line 876, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .updates div span.log-time, section.conversation-detail .message-detail li .updates div p {
      color: #aaa;
      font-size: 80%;
      margin: 0; }
  /* line 880, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message-detail li .message {
    width: auto;
    max-width: 60%;
    border-radius: 15px; }
    /* line 884, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message.contain-image {
      width: 60%;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      margin-bottom: 35px; }
      /* line 889, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image.multiple-image, section.conversation-detail .message-detail li .message.contain-image.image-with-text {
        padding: 10px 10px 0; }
        /* line 892, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message.contain-image.multiple-image .image span, section.conversation-detail .message-detail li .message.contain-image.image-with-text .image span {
          margin-bottom: 10px;
          height: 150px; }
      /* line 895, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image.image-only {
        background-color: transparent; }
        /* line 897, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message.contain-image.image-only.no-add-to-order {
          margin-bottom: 0; }
          /* line 899, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail .message-detail li .message.contain-image.image-only.no-add-to-order .image span {
            border-radius: 7px; }
          /* line 901, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail .message-detail li .message.contain-image.image-only.no-add-to-order .send-time {
            display: none; }
      /* line 903, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image.erased-images {
        margin-bottom: 0; }
        /* line 905, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message.contain-image.erased-images .image span {
          border-radius: 7px; }
        /* line 907, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message.contain-image.erased-images .add-to-order {
          display: none; }
        /* line 909, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message.contain-image.erased-images .send-time {
          bottom: 0; }
      /* line 912, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image .image:first-child span {
        border-radius: 7px 7px 0 0; }
      /* line 914, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image .image span {
        height: 200px;
        background-size: cover;
        background-position: center center; }
      /* line 918, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image .send-time {
        bottom: -35px; }
      /* line 920, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.contain-image .delete-message {
        bottom: -25px; }
    /* line 922, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message.sticker {
      background-color: transparent; }
      /* line 924, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.sticker span {
        max-width: 150px;
        max-height: 150px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center; }
      /* line 931, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.sticker .add-to-order {
        display: none; }
    /* line 933, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message.text {
      padding: 5px 10px; }
      /* line 935, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message.text a {
        text-decoration: underline; }
    /* line 937, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message p, section.conversation-detail .message-detail li .message a {
      word-wrap: break-word;
      margin: 0; }
    /* line 941, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message .image:focus {
      outline: none; }
    /* line 943, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message .image span {
      display: block;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50%; }
      /* line 949, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .image span.erased {
        background-color: #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #444; }
    /* line 955, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message .add-to-order {
      position: absolute;
      left: 0;
      color: #fff;
      width: 100%;
      font-size: 90%;
      height: 35px;
      line-height: 35px !important;
      border-radius: 0 0 8px 8px;
      text-align: center;
      background-color: #26B899; }
      /* line 967, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .add-to-order .loading-item .spinner {
        background-image: url("/assets/hg/icon/spinner_transparent-b461be03428a67708faba8a86a0f02ebf29d662973d9d5cb2000d732a2619191.gif");
        display: inline-block;
        float: none;
        margin: 0 10px 0 0;
        position: relative;
        top: 2px; }
      /* line 974, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .add-to-order:hover {
        background-color: #168b72;
        text-decoration: none; }
      /* line 977, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .add-to-order.uploading {
        background-color: #999; }
        /* line 979, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message .add-to-order.uploading .glyphicons-repeat {
          width: 14px;
          height: 14px;
          padding: 0;
          margin-right: 7px;
          margin-top: -2px; }
          /* line 985, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail .message-detail li .message .add-to-order.uploading .glyphicons-repeat:before {
            font-size: 14px; }
      /* line 987, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .add-to-order .glyphicons-cart-in {
        height: 20px;
        width: 20px;
        margin-right: 3px;
        padding: 0; }
        /* line 992, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message .add-to-order .glyphicons-cart-in:before {
          font-size: 17px; }
    /* line 994, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message .send-time {
      position: absolute;
      bottom: 0;
      height: 10px;
      line-height: 10px;
      font-size: 70%;
      color: #999; }
      /* line 1001, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .send-time span {
        color: #ccc; }
    /* line 1003, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .message .delete-message {
      position: absolute;
      bottom: 10px;
      width: 65px;
      font-size: 70%;
      color: #CF000F;
      cursor: pointer; }
      /* line 1010, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .message .delete-message .glyphicons-remove-2 {
        padding: 0;
        height: 12px;
        width: 12px;
        margin-right: 2px; }
        /* line 1015, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .message-detail li .message .delete-message .glyphicons-remove-2:before {
          font-size: 12px;
          color: #CF000F; }
  /* line 1019, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message-detail li .avatar-default {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png");
    background-size: cover;
    background-position: center center;
    float: left; }
    /* line 1028, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .avatar-default .avatar {
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50px;
      background-size: cover;
      background-position: center center; }
  /* line 1035, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message-detail li .sender {
    font-weight: 900;
    font-size: 110%;
    display: inline-block;
    margin: 8px 12px 5px 12px;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    /* line 1044, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li .sender.click-able {
      cursor: pointer; }
      /* line 1046, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .message-detail li .sender.click-able:hover {
        color: #666; }
  /* line 1048, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .message-detail li div.status {
    position: relative;
    float: right;
    margin-bottom: 10px; }
    /* line 1052, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li div.status span.fail, section.conversation-detail .message-detail li div.status a.retry-button {
      color: #e74c3c;
      font-size: 80%; }
    /* line 1055, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li div.status a.retry-button {
      color: #888888; }
    /* line 1057, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .message-detail li div.status a.retry-button:hover {
      color: #266894;
      cursor: pointer; }
/* line 1061, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.customer .sender-box {
  height: 35px; }
/* line 1063, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.customer .deleted-customer-message {
  color: #444444;
  float: left;
  position: relative; }
  /* line 1067, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .deleted-customer-message.spinner {
    min-height: 32px;
    margin: 0; }
  /* line 1070, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .deleted-customer-message .send-time {
    bottom: 0;
    font-size: 70%;
    color: #999;
    position: absolute;
    margin-left: 20px; }
/* line 1076, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.customer .message {
  margin-left: 43px;
  background-color: #ececec;
  color: #444444;
  float: left; }
  /* line 1081, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .message.first {
    margin-top: 3px; }
  /* line 1083, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .message.spinner {
    min-height: 32px;
    margin: 0; }
  /* line 1086, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .message .delete-message {
    right: -80px; }
  /* line 1088, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.customer .message .send-time {
    right: -40px; }
/* line 1090, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.customer .spinner {
  margin-left: 43px; }
/* line 1092, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.admin {
  padding-right: 55px; }
/* line 1095, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.own .sender-box {
  text-align: right; }
/* line 1097, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.own .deleted-own-message {
  float: right;
  position: relative; }
  /* line 1100, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .deleted-own-message.spinner {
    min-height: 32px;
    margin: 0; }
  /* line 1103, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .deleted-own-message .send-time {
    font-size: 70%;
    color: #999;
    position: absolute;
    bottom: 0;
    right: 40px; }
/* line 1109, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.own .message {
  float: right;
  background-color: #4183d7;
  color: white; }
  /* line 1113, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .message.spinner {
    min-height: 24px; }
  /* line 1115, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .message a {
    color: inherit; }
  /* line 1117, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .message .delete-message {
    text-align: right;
    left: -80px; }
  /* line 1120, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .message .send-time {
    text-align: right;
    left: -40px; }
  /* line 1124, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail li.own .message .admin .icon {
    border-radius: 50%;
    text-align: center;
    border: 1px solid #aaa;
    color: #aaa;
    font-weight: 800;
    position: absolute;
    right: -45px;
    bottom: 0px;
    width: 35px;
    height: 35px;
    background-size: cover;
    padding: 5px 5px 4px 5px; }
/* line 1137, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.own .status {
  text-align: right; }
/* line 1139, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.own .spinner {
  float: right; }
/* line 1141, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail li.placeholder {
  opacity: 0.5; }
/* line 1143, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .spinner {
  float: left;
  background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
  background-size: contain;
  width: 15px;
  height: 15px;
  margin: 5px 0 15px; }
/* line 1150, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .customer-av-box {
  width: 100px;
  position: relative;
  float: left;
  padding: 10px;
  text-align: center; }
  /* line 1156, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-av-box .avatar-default {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png");
    background-size: cover;
    background-position: center center; }
    /* line 1164, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-av-box .avatar-default .avatar {
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50px;
      background-size: cover;
      background-position: center center; }
  /* line 1171, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-av-box .create-order-btn {
    background-color: #26b899;
    font-weight: 600;
    color: #FFF; }
  /* line 1175, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-av-box .badge-subscrib {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 75%; }
    /* line 1180, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-av-box .badge-subscrib .badge-subscrib-icon {
      width: 18px;
      height: 18px;
      background-image: url("/assets/hg/icon/badge-subscriber-084c0f48496ab04490aa45e9121f305b985297f8516fecdcd6b1d0499f219113.png");
      background-size: cover;
      background-position: center center; }
/* line 1186, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .customer-detail-box {
  width: 70%;
  float: left;
  padding: 10px 0 0 0;
  box-sizing: border-box; }
  /* line 1192, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box .actions .dropdown-toggle {
    position: absolute;
    top: 14px;
    right: 14px;
    border: 0;
    background: none;
    color: #666; }
    /* line 1199, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box .actions .dropdown-toggle .glyphicons {
      top: -10px;
      padding-left: 16px; }
      /* line 1202, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-detail-box .actions .dropdown-toggle .glyphicons:before {
        font-size: 150%; }
  /* line 1204, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box .actions .dropdown-menu {
    position: absolute;
    top: 40px;
    left: initial;
    right: 14px; }
    /* line 1209, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item {
      padding: 5px 10px;
      cursor: pointer; }
      /* line 1212, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item a[ng-href],
      section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item a[ui-sref] {
        background: none;
        padding: 0; }
      /* line 1216, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item .glyphicons {
        top: -8px;
        padding-left: 16px; }
        /* line 1219, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item .glyphicons:before {
          font-size: 100%; }
      /* line 1221, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-detail-box .actions .dropdown-menu .dropdown-item:hover {
        background-color: #eee; }
  /* line 1224, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box.not-fb-conversation .link-to-fb {
    display: none; }
  /* line 1226, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box.not-fb-conversation .edit-customer {
    right: 10px; }
    /* line 1228, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box.not-fb-conversation .edit-customer.save {
      right: 60px; }
  /* line 1230, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box a.link-to-fb, section.conversation-detail .customer-detail-box a.edit-customer {
    position: absolute;
    right: 10px;
    top: 15px; }
  /* line 1234, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box a.edit-customer {
    right: 20px; }
    /* line 1236, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box a.edit-customer.save {
      right: 73px; }
  /* line 1238, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box h2 {
    margin: 0;
    color: #666666;
    padding-right: 100px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 150%;
    line-height: 35px; }
    /* line 1248, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box h2.cut {
      padding-right: 166px; }
  /* line 1250, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-detail-box div.icon-text-box {
    border-radius: 50px;
    padding: 1px 25px 0 0;
    text-align: left;
    font-size: 90%;
    margin-bottom: 5px;
    float: left;
    display: block;
    box-sizing: border-box; }
    /* line 1259, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box.address {
      width: 70%;
      padding-right: 35px;
      white-space: nowrap; }
    /* line 1263, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box.phone {
      width: 30%;
      white-space: nowrap; }
    /* line 1266, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box.note {
      width: 100%;
      padding-right: 25px; }
    /* line 1269, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box span {
      font-size: 100%;
      width: 100%;
      padding-right: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    /* line 1276, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box input {
      width: 100%; }
    /* line 1278, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-detail-box div.icon-text-box textarea {
      width: 100%;
      margin-left: 24px;
      margin-top: -14px; }
/* line 1282, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .inner-tags {
  padding-left: 90px; }
  /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .inner-tags div {
    margin-bottom: 5px; }
/* line 1286, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .customer-admin-assign {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: auto;
  background: #fafafa;
  padding: 5px;
  width: 100%; }
  /* line 1297, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-admin-assign .detail .not-assign {
    color: #aaa; }
  /* line 1299, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-admin-assign .detail .caret {
    color: #aaa; }
  /* line 1301, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-admin-assign .detail .button {
    display: inline-block;
    line-height: 2.5;
    padding-left: 5px; }
    /* line 1305, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-admin-assign .detail .button button {
      border: 0;
      background-color: transparent; }
      /* line 1308, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-admin-assign .detail .button button .icon {
        display: inline-block;
        padding: 5px;
        width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: white;
        color: #aaa;
        border: 1px solid #bbbbbb;
        margin-right: 10px;
        vertical-align: middle;
        line-height: 1.3;
        background-size: cover; }
        /* line 1322, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .customer-admin-assign .detail .button button .icon .glyphicons:before {
          font-size: 16px;
          color: #aaa;
          top: -8px;
          left: 3px; }
  /* line 1327, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-admin-assign .detail .dropdown-menu {
    padding: 0;
    left: 0;
    width: 200px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden; }
    /* line 1334, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-admin-assign .detail .dropdown-menu li {
      position: relative;
      height: auto;
      border-bottom: 1px solid #dedede; }
      /* line 1338, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-admin-assign .detail .dropdown-menu li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding: 10px 15px; }
        /* line 1344, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail .customer-admin-assign .detail .dropdown-menu li a.active-text {
          color: #26B899; }
      /* line 1346, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-admin-assign .detail .dropdown-menu li span {
        display: block;
        color: #aaa; }
      /* line 1349, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-admin-assign .detail .dropdown-menu li .active-user {
        position: absolute;
        top: 20px;
        right: -15px;
        color: #26B899; }
      /* line 1354, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-admin-assign .detail .dropdown-menu li .active-user:before {
        font-size: 1em; }
/* line 1357, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .customer-tag-box {
  position: relative;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: auto;
  background: #fafafa;
  margin-top: 0;
  padding: 5px 0 5px 5px;
  width: 100%;
  min-height: 34px; }
  /* line 1368, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-tag-box .btn-group.open {
    box-shadow: none; }
  /* line 1370, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-tag-box .btn-group .dropdown-toggle {
    line-height: 18px; }
  /* line 1372, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-tag-box .btn-group .glyphicons:before, section.conversation-detail .customer-tag-box .btn-group .glyphicons {
    color: #888888;
    margin-top: -6px;
    margin-right: -30px; }
  /* line 1376, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-tag-box .btn-group {
    margin-top: 1px; }
  /* line 1378, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .customer-tag-box .customer-tag {
    position: relative;
    margin-left: 5px;
    border: 1px solid #CCCCCC;
    width: auto;
    font-size: 75%;
    font-weight: 500;
    display: inline-block;
    border-radius: 4px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 6px; }
    /* line 1390, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .customer-tag-box .customer-tag a {
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      margin-left: 4px;
      padding: 0 3px; }
      /* line 1394, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-tag-box .customer-tag a .glyphicons {
        padding-left: 12px; }
      /* line 1396, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-tag-box .customer-tag a .glyphicons:before, section.conversation-detail .customer-tag-box .customer-tag a .glyphicons {
        color: rgba(255, 255, 255, 0.5);
        font-size: 9px;
        line-height: 2px; }
      /* line 1401, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail .customer-tag-box .customer-tag a:hover .glyphicons:before, section.conversation-detail .customer-tag-box .customer-tag a:hover .glyphicons {
        color: #fff; }
/* line 1403, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .account-tags-box {
  position: relative;
  height: auto;
  width: 160px;
  max-height: 178px;
  overflow-y: auto;
  margin-top: 10px; }
  /* line 1410, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .account-tags-box li a {
    width: 100%;
    display: block;
    padding-left: 10px;
    font-style: normal;
    font-size: 90%;
    color: #fff; }
    /* line 1417, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail .account-tags-box li a:hover {
      text-decoration: none;
      background: #eee; }
/* line 1421, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .setting-tags-box {
  position: relative;
  width: 240px;
  height: 40px;
  padding-top: 10px;
  border-top: none;
  text-align: center; }
  /* line 1428, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail .setting-tags-box a {
    color: #27b89b;
    cursor: pointer;
    width: 100%;
    text-align: center; }
/* line 1433, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .top-triangle {
  position: absolute;
  margin-left: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #ECEDEF transparent;
  z-index: 1;
  top: -13px; }
/* line 1443, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail .toggle-tag-button {
  border-right: 1px solid #ccc;
  padding-right: 5px;
  cursor: pointer;
  background: #eee; }
/* line 1448, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail ul.message-detail {
  background: white; }
  /* line 1450, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .time {
    margin: 0;
    margin-bottom: 20px; }
  /* line 1453, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .daytime-box {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    height: 1px;
    width: 100%;
    margin: 30px 0; }
  /* line 1459, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail ul.message-detail .daytime {
    position: absolute;
    margin-top: -10px;
    width: 130px;
    left: 50%;
    margin-left: -65px;
    text-align: center;
    background: white;
    font-size: 90%; }
/* line 1469, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
section.conversation-detail section.reply {
  background: #eee; }
  /* line 1471, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply .reply-box {
    position: static;
    height: 83px;
    min-height: 85px;
    margin: 20px;
    border: 1px solid #DEDEDE;
    background: #dfdfdf; }
    /* line 1478, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-box .notify-need-to-login {
      position: relative;
      z-index: 20;
      top: 24px;
      font-size: 90%;
      text-align: center;
      line-height: 20px; }
  /* line 1485, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply .template-list,
  section.conversation-detail section.reply .mobile-setting {
    display: none; }
  /* line 1488, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply textarea.form-control[disabled] {
    display: none; }
  /* line 1490, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply textarea {
    position: relative;
    border: none;
    resize: none;
    height: 57px;
    box-sizing: border-box;
    border-radius: 0;
    line-height: 26px;
    padding-left: 10px;
    font-size: 90%;
    font-weight: 400;
    color: #444; }
    /* line 1502, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply textarea:focus {
      border-color: #dedede !important; }
  /* line 1504, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply .form-group {
    height: 57px;
    margin-bottom: 0;
    display: flex;
    background-color: #fff; }
    /* line 1509, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .form-group .reply-privately {
      cursor: pointer;
      display: inline-block;
      min-width: 16px;
      height: 16px;
      margin: 10px;
      background-image: url(/assets/hg/icon/conversation-type-eb0485839a680cb25e78b97f046e9d8c9724094cf6644ed656a4881169cedb86.png);
      background-size: 96px 80px;
      background-position: -100% -100%; }
      /* line 1518, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .form-group .reply-privately:hover {
        background-position: -100% -400%; }
      /* line 1520, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .form-group .reply-privately.activated {
        background-position: -100% -300%; }
  /* line 1522, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  section.conversation-detail section.reply .reply-tools {
    display: flex;
    width: 100%;
    height: 27px;
    border-top: 1px solid #DEDEDE;
    background: white;
    padding: 2px 0; }
    /* line 1529, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools input[type=file] {
      display: none; }
    /* line 1531, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools a {
      font-size: 90%; }
    /* line 1533, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools a.attach {
      margin: 0 10px; }
    /* line 1535, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools a.reply-button {
      position: absolute;
      right: 30px;
      color: #25B999;
      text-decoration: none; }
      /* line 1540, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .reply-tools a.reply-button.disabled {
        color: #ccc;
        cursor: default; }
    /* line 1543, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools .attachment-detail {
      margin-right: 10px;
      max-width: 65%;
      height: 22px; }
      /* line 1547, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .reply-tools .attachment-detail .btn {
        height: 20px;
        line-height: 16px;
        margin-top: 0;
        margin-left: 7px; }
        /* line 1552, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .attachment-detail .btn.attach-detail {
          position: relative;
          width: 100%;
          overflow: hidden;
          background-color: #4083d7;
          border: 1px solid #2a66b1;
          text-overflow: ellipsis;
          padding: 2px 25px;
          margin-bottom: 2px;
          z-index: 10; }
          /* line 1562, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .attachment-detail .btn.attach-detail .hide-on-mobile {
            display: inline; }
          /* line 1564, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .attachment-detail .btn.attach-detail .cancel-attach {
            position: absolute;
            right: 0;
            margin-left: 0;
            padding: 0;
            width: 19px;
            height: 16px;
            background-color: #4083d7;
            border-left: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 0; }
            /* line 1575, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            section.conversation-detail section.reply .reply-tools .attachment-detail .btn.attach-detail .cancel-attach:hover .glyphicons-remove-2:before {
              color: #fff; }
        /* line 1577, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .attachment-detail .btn .glyphicons-camera {
          position: absolute;
          margin-top: 7px;
          left: 5px; }
          /* line 1581, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .attachment-detail .btn .glyphicons-camera:before {
            color: #fff; }
        /* line 1583, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .attachment-detail .btn .glyphicons-remove-2 {
          position: absolute;
          margin-top: 10px;
          left: 4px; }
          /* line 1587, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .attachment-detail .btn .glyphicons-remove-2:before {
            color: rgba(255, 255, 255, 0.5);
            font-size: 45%; }
    /* line 1590, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    section.conversation-detail section.reply .reply-tools .message-template {
      display: flex;
      align-items: center;
      position: absolute;
      left: 55px;
      height: 22px;
      width: 16px;
      margin: 0 5px; }
      /* line 1598, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .reply-tools .message-template.open button {
        background-position: -200% 0; }
      /* line 1600, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .reply-tools .message-template button {
        padding: 0;
        border: none;
        height: 13px;
        width: 100%;
        background-color: transparent;
        background-image: url("/assets/hg/icon/conversation-detail-template-message-ad262f354baf7714440962e441ec1297c336ef738d701986623f79ea4a43d159.png");
        background-size: cover; }
        /* line 1608, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .message-template button:hover {
          background-position: -200% 0; }
      /* line 1610, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu {
        left: -30px;
        bottom: 30px;
        width: 300px;
        padding: 0;
        color: #222; }
        /* line 1616, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .header {
          height: 40px;
          line-height: 40px;
          padding: 0 10px;
          background-color: #f1f1f1;
          border-bottom: 1px solid #ddd;
          font-family: helx, sans-serif; }
          /* line 1623, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .header .text {
            font-size: 170%; }
          /* line 1625, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .header a {
            padding: 0;
            display: inline;
            float: right;
            line-height: inherit;
            font-size: 130%;
            color: #26B899; }
            /* line 1632, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .header a:hover {
              background-color: initial;
              color: #139F85; }
        /* line 1635, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template {
          height: 250px;
          overflow-x: hidden; }
          /* line 1638, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li {
            height: 60px;
            display: flex;
            align-items: center; }
            /* line 1642, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li.blank .key {
              background-color: #ccc; }
            /* line 1644, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a {
              height: 100%;
              width: 100%;
              padding: 10px;
              display: flex;
              align-items: center; }
              /* line 1650, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
              section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a:hover {
                text-decoration: initial;
                background-color: #eee; }
              /* line 1653, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
              section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a .key {
                flex-shrink: 0;
                width: 30px;
                height: 25px;
                text-align: center;
                line-height: 25px;
                color: #fff;
                background-color: #aaa;
                border-radius: 4px;
                margin-right: 10px; }
              /* line 1663, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
              section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a .message {
                display: inline-block;
                max-height: 50px;
                white-space: pre-line;
                overflow: hidden;
                margin-right: 10px; }
              /* line 1669, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
              section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a .attachment {
                width: 50px; }
              /* line 1671, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
              section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a .link {
                display: inline-block;
                padding: 0;
                line-height: inherit;
                color: #26B899; }
                /* line 1676, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
                section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .template > li a .link:hover {
                  background-color: initial;
                  color: #139F85; }
        /* line 1679, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .footer {
          font-size: 130%;
          height: 50px;
          line-height: 50px;
          text-align: center;
          font-family: helx, sans-serif;
          border-top: 1px solid #ddd;
          cursor: pointer; }
          /* line 1687, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .footer > a {
            display: flex;
            height: 100%;
            justify-content: center;
            align-items: center; }
            /* line 1692, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            section.conversation-detail section.reply .reply-tools .message-template .dropdown-menu .footer > a:hover {
              text-decoration: initial;
              background-color: initial;
              color: #26B899; }

/* line 1699, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.desktop section.order-sheet .bill-time.openAlbum {
  display: none; }

/* line 1705, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail-order .order-sheet .state-box .setting .bill-no, body.desktop .conversation-detail-order .order-sheet .state-box .setting .bill-no {
  width: 100px; }
/* line 1707, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail-order .order-sheet .state-box .setting .order-origin, body.desktop .conversation-detail-order .order-sheet .state-box .setting .order-origin {
  padding-top: 5px;
  margin-left: 5px;
  float: left; }
/* line 1712, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail-order .hint .hint-msg, body.desktop .conversation-detail-order .hint .hint-msg {
  font-size: 90%;
  margin: 10px 0;
  color: #666; }
/* line 1716, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail-order .hint .down-arrow, body.desktop .conversation-detail-order .hint .down-arrow {
  display: block;
  position: relative;
  margin: 20px auto 50px; }
/* line 1721, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail .order-hint, body.desktop .conversation-detail .order-hint {
  position: absolute;
  width: 100%;
  bottom: -75px;
  z-index: 9;
  height: 74px;
  background-color: rgba(0, 0, 0, 0.8); }
  /* line 1728, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .pimplern,
  body.tablet .conversation-detail .order-hint .arrow,
  body.tablet .conversation-detail .order-hint .close-btn, body.desktop .conversation-detail .order-hint .pimplern,
  body.desktop .conversation-detail .order-hint .arrow,
  body.desktop .conversation-detail .order-hint .close-btn {
    position: absolute; }
  /* line 1732, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .pimplern, body.desktop .conversation-detail .order-hint .pimplern {
    right: 20px;
    bottom: 0;
    height: 65px; }
  /* line 1736, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .arrow, body.desktop .conversation-detail .order-hint .arrow {
    left: 25px;
    top: 10px; }
  /* line 1739, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .hint-msg, body.desktop .conversation-detail .order-hint .hint-msg {
    position: relative;
    color: white;
    width: 315px;
    margin: auto;
    top: 15px; }
  /* line 1745, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .close-btn, body.desktop .conversation-detail .order-hint .close-btn {
    color: #FFF;
    top: 5px;
    right: -25px; }
  /* line 1749, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet .conversation-detail .order-hint .close-btn:before, body.desktop .conversation-detail .order-hint .close-btn:before {
    font-size: 15px; }
/* line 1751, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-detail .create-order-btn, body.desktop .conversation-detail .create-order-btn {
  background-color: #26b899; }
/* line 1753, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .conversation-mobile-menu, body.desktop .conversation-mobile-menu {
  display: none; }
/* line 1755, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet .show-on-mobile, body.desktop .show-on-mobile {
  display: none; }
/* line 1757, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet section.conversations, body.desktop section.conversations {
  border-right: 1px solid #dedede;
  background-color: #f6f6f6; }
  /* line 1760, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet section.conversations > nav, body.desktop section.conversations > nav {
    top: 0;
    left: 0;
    width: 60px;
    bottom: 0;
    background-color: #BFC4C7; }
  /* line 1766, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet section.conversations > header, body.desktop section.conversations > header {
    top: 0;
    left: 60px;
    min-height: 80px;
    right: 0;
    background-color: #f6f6f6; }
  /* line 1772, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet section.conversations > footer, body.desktop section.conversations > footer {
    height: 60px;
    left: 60px;
    bottom: 0;
    right: 0;
    background-color: #efefef; }
  /* line 1778, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.tablet section.conversations > ul, body.desktop section.conversations > ul {
    position: absolute;
    top: 80px;
    left: 60px;
    bottom: 60px;
    right: 0;
    transition: all 0.2s ease-in-out; }
    /* line 1785, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.tablet section.conversations > ul.multiple-select, body.desktop section.conversations > ul.multiple-select {
      top: 84px; }
    /* line 1787, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.tablet section.conversations > ul.admin, body.desktop section.conversations > ul.admin {
      top: 120px; }

/* line 1791, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet section.messages, body.tablet section.conversation-detail-order, body.tablet section.conversations {
  bottom: 50px; }
/* line 1795, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.tablet section.conversation-detail-order section.order-sheet .order-detail-box.item .select-product-box {
  width: 50%; }

/* line 1801, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone.account\.nav\.conversations\.detail section.main, body.phone.account\.nav\.conversations\.detail\.order section.main {
  top: 0;
  z-index: 999999; }
/* line 1805, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone.account\.nav\.conversations\.detail\.order .conversation-mobile-menu {
  display: none; }
/* line 1809, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversations > header {
  width: 100%;
  background-color: #f6f6f6;
  min-height: 80px; }
  /* line 1814, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversations > header div.selection div.select-browser button {
    padding: 3px 5px 0 5px; }
/* line 1817, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversations > ul {
  position: absolute;
  top: 80px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden; }
  /* line 1824, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversations > ul.multiple-select {
    top: 120px; }
/* line 1827, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversations ul {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  box-sizing: border-box; }
/* line 1834, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversations > footer, body.phone section.conversations > nav {
  display: none; }
/* line 1838, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversations nav.filter {
  display: none; }
/* line 1842, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.message-template-menu .message-detail {
  bottom: 220px; }
/* line 1844, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.message-template-menu .reply {
  height: 230px; }
  /* line 1846, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.message-template-menu .reply .reply-box {
    height: 42px;
    min-height: 42px;
    border-bottom: 1px solid #ddd; }
  /* line 1850, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.message-template-menu .reply .template-list {
    display: inline-block;
    margin: 41px 0 0;
    width: 100%; }
    /* line 1854, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.message-template-menu .reply .template-list .template {
      height: 150px;
      overflow-x: hidden; }
      /* line 1857, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.message-template-menu .reply .template-list .template > li {
        height: 60px;
        display: flex;
        align-items: center;
        background-color: #fff;
        border-bottom: 1px solid #ddd; }
        /* line 1863, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.message-template-menu .reply .template-list .template > li.blank .key {
          background-color: #ccc; }
        /* line 1865, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.message-template-menu .reply .template-list .template > li a {
          height: 100%;
          width: 100%;
          padding: 10px;
          display: flex;
          align-items: center; }
          /* line 1871, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          body.phone section.message-template-menu .reply .template-list .template > li a:hover {
            text-decoration: initial;
            background-color: #eee; }
          /* line 1874, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          body.phone section.message-template-menu .reply .template-list .template > li a .key {
            flex-shrink: 0;
            width: 30px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            color: #fff;
            background-color: #aaa;
            border-radius: 4px;
            margin-right: 10px; }
          /* line 1884, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          body.phone section.message-template-menu .reply .template-list .template > li a .message {
            display: inline-block;
            max-height: 50px;
            white-space: pre-line;
            overflow: hidden; }
          /* line 1889, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          body.phone section.message-template-menu .reply .template-list .template > li a .link {
            display: inline-block;
            padding: 0;
            line-height: inherit;
            color: #26B899; }
            /* line 1894, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
            body.phone section.message-template-menu .reply .template-list .template > li a .link:hover {
              background-color: initial;
              color: #139F85; }
  /* line 1897, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.message-template-menu .reply .mobile-setting {
    display: flex;
    float: right;
    width: 100px;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-family: helx, sans-serif;
    font-size: 140%;
    color: #aaa; }
    /* line 1907, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.message-template-menu .reply .mobile-setting:hover {
      color: #26B899;
      text-decoration: none; }
    /* line 1910, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.message-template-menu .reply .mobile-setting .glyphicons-cogwheel {
      display: inline-block;
      padding: 0;
      width: 16px;
      height: 16px;
      margin-right: 5px; }
      /* line 1916, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.message-template-menu .reply .mobile-setting .glyphicons-cogwheel:before {
        font-size: 14px; }
/* line 1920, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversation-detail .page-toggle {
  position: fixed;
  top: 10px;
  left: 97%;
  margin-left: -63px;
  border: none;
  font-weight: 400;
  background: transparent; }
  /* line 1928, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail .page-toggle.view-bill {
    top: 11px; }
  /* line 1930, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail .page-toggle.back {
    left: 70px;
    width: 50px;
    height: 22px;
    line-height: 19px; }
  /* line 1935, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail .page-toggle.create-order-btn {
    background-color: #26b899; }
/* line 1937, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversation-detail .message-detail li .sender {
  max-width: 210px; }
/* line 1940, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.reply {
  bottom: 0;
  height: 41px;
  left: 0;
  right: 0; }
  /* line 1945, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.reply .reply-box {
    position: absolute;
    width: 100%;
    margin: 0;
    min-height: 60px;
    height: 100%;
    border: none;
    background: #fff; }
    /* line 1953, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-box > div {
      padding-top: 3px;
      height: 100%; }
  /* line 1956, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.reply .form-group {
    position: absolute;
    left: 75px;
    right: 75px;
    height: 25px;
    top: 10px;
    z-index: 999; }
    /* line 1963, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .form-group.file {
      left: 70px; }
    /* line 1965, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .form-group textarea {
      min-height: 20px;
      height: 27px;
      min-height: 20px;
      border-radius: 4px;
      font-size: 80%;
      font-weight: 400;
      line-height: 29px;
      border: 1px solid #dedede;
      overflow: hidden; }
      /* line 1975, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.reply .form-group textarea:focus {
        border-color: #1abc9c !important; }
    /* line 1977, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .form-group .reply-privately {
      margin: 5px; }
  /* line 1979, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.reply .reply-tools {
    bottom: 15px;
    padding-top: 6px;
    height: 100%; }
    /* line 1983, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools a.attach {
      top: 10px;
      height: 100%;
      margin: 0;
      padding: 0 15px; }
      /* line 1988, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.reply .reply-tools a.attach .glyphicons, body.phone section.reply .reply-tools a.attach .glyphicons:before {
        font-size: 20px;
        margin-top: -7px;
        margin-left: -1px; }
    /* line 1992, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools .reply-button.disabled,
    body.phone section.reply .reply-tools .reply-button {
      top: 13px;
      right: 8px !important; }
    /* line 1996, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools .message-template {
      left: 45px;
      z-index: 1; }
    /* line 1999, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools input[type=file] {
      display: block !important;
      position: absolute;
      width: 40px;
      height: 100%;
      z-index: 1;
      opacity: 0;
      left: 0; }
    /* line 2007, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools .attachment-detail {
      margin: 0 5px;
      width: 30px; }
      /* line 2010, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.reply .reply-tools .attachment-detail .btn.attach-detail {
        width: 100%;
        padding: 2px 0;
        margin-left: 0; }
        /* line 2014, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.reply .reply-tools .attachment-detail .btn.attach-detail .glyphicons-camera {
          left: 5px; }
    /* line 2016, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.reply .reply-tools .dropdown-menu {
      display: none; }
/* line 2019, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone section.conversation-detail-order {
  top: 0;
  z-index: 99999;
  display: block; }
  /* line 2023, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail-order section.order-sheet {
    overflow-y: auto; }
    /* line 2026, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .customer .save, body.phone section.conversation-detail-order section.order-sheet .customer .cancel, body.phone section.conversation-detail-order section.order-sheet .customer .edit {
      top: 0; }
    /* line 2028, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .customer .note-box {
      top: 120px;
      bottom: 100px; }
    /* line 2032, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .state .state1, body.phone section.conversation-detail-order section.order-sheet .state-box .state .state2, body.phone section.conversation-detail-order section.order-sheet .state-box .state .state3, body.phone section.conversation-detail-order section.order-sheet .state-box .state .state4 {
      font-size: 85%;
      width: 27%; }
    /* line 2035, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .state .arrow {
      width: 14px;
      right: -5px; }
    /* line 2038, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .state .state2, body.phone section.conversation-detail-order section.order-sheet .state-box .state .state3 {
      text-indent: 15px; }
    /* line 2040, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .order-detail-box {
      top: 145px; }
      /* line 2042, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .order-detail-box.menu-title .title {
        width: 124px;
        margin-left: -93px; }
      /* line 2046, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .order-detail-box.item .add-product {
        bottom: 71px; }
      /* line 2048, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .order-detail-box.item .order-price-box {
        padding-top: 6px; }
        /* line 2050, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.item .order-price-box .title, body.phone section.conversation-detail-order section.order-sheet .order-detail-box.item .order-price-box .shipping-cost, body.phone section.conversation-detail-order section.order-sheet .order-detail-box.item .order-price-box .discount-cost {
          height: 25px; }
      /* line 2052, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .order-detail-box.customer {
        padding-top: 10px; }
        /* line 2054, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box {
          min-height: 25px; }
        /* line 2056, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.customer hr {
          margin: 10px -15px; }
      /* line 2058, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .order-detail-box.payment {
        padding-top: 10px; }
        /* line 2060, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.payment .bank-detail {
          padding-bottom: 20px; }
        /* line 2062, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.payment .detail {
          min-height: 25px; }
          /* line 2064, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
          body.phone section.conversation-detail-order section.order-sheet .order-detail-box.payment .detail .slip {
            max-height: 250px;
            padding-bottom: 20px; }
        /* line 2067, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
        body.phone section.conversation-detail-order section.order-sheet .order-detail-box.payment hr {
          margin: 10px 0; }
    /* line 2070, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box {
      width: 100%;
      top: 0; }
    /* line 2073, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box {
      -webkit-overflow-scrolling: touch;
      bottom: 88px; }
      /* line 2076, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box .item:last-child {
        margin-bottom: 20px; }
    /* line 2078, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment {
      position: fixed; }
      /* line 2081, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment .active span {
        width: 80%; }
    /* line 2083, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .bill-time {
      position: fixed;
      top: 75px;
      border-top: 1px solid #f6f6f6; }
      /* line 2087, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .bill-time .expires-on-box .calendar-box .title {
        font-size: 65%; }
    /* line 2090, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .setting {
      z-index: 99;
      height: 0; }
    /* line 2093, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .state {
      position: absolute;
      top: 40px; }
    /* line 2096, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box .bill {
      top: -33px;
      z-index: 0; }
    /* line 2099, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .state-box {
      z-index: 11;
      position: fixed;
      overflow: visible;
      padding-bottom: 0;
      height: 80px;
      border: none; }
      /* line 2106, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .state-box.openAlbum {
        z-index: 9; }
    /* line 2108, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .footer-box {
      position: fixed; }
    /* line 2111, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .setting .bill-no {
      position: fixed;
      left: 78px;
      top: 11px; }
    /* line 2115, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .setting .bill-no-phone {
      position: absolute;
      left: 50%;
      margin-left: -52px; }
    /* line 2119, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order section.order-sheet .setting .change-state {
      position: fixed;
      right: 0;
      bottom: 11px; }
      /* line 2123, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .setting .change-state button.btn {
        border: none; }
      /* line 2125, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone section.conversation-detail-order section.order-sheet .setting .change-state .glyphicons, body.phone section.conversation-detail-order section.order-sheet .setting .change-state .glyphicons:before {
        font-size: 10px;
        margin-right: -38px;
        margin-top: -4px;
        color: #333; }
  /* line 2130, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail-order section.order-sheet .bill-time span {
    font-size: 65%; }
  /* line 2133, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail-order section.order-sheet .state-box .bill .link {
    font-size: 80%;
    width: 57%; }
  /* line 2136, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail-order section.order-sheet .state-box .bill .title {
    font-size: 65%; }
  /* line 2138, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone section.conversation-detail-order .button-box {
    padding-left: 5px; }
    /* line 2140, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone section.conversation-detail-order .button-box .bill-online {
      margin-left: 0; }
/* line 2142, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .customer-detail-box {
  width: 70%; }
  /* line 2146, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .customer-detail-box a.edit-customer {
    right: 20px;
    top: 50px; }
    /* line 2149, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone .customer-detail-box a.edit-customer.save {
      top: 25px;
      right: 20px; }
/* line 2152, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .customer-av-box {
  width: 60px; }
  /* line 2154, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .customer-av-box .avatar-default {
    width: 35px;
    height: 35px; }
/* line 2157, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .new-bill {
  padding: 4px 10px 2px 10px; }
/* line 2159, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .datepicker.dropdown-menu {
  z-index: 999999; }
/* line 2161, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .datepicker table tr td.active.active {
  text-shadow: none; }
/* line 2163, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .hide-on-mobile {
  display: none !important; }
/* line 2165, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .show-on-mobile {
  display: block; }
/* line 2167, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .order-hint {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.8); }
  /* line 2174, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .order-hint .pimplern,
  body.phone .order-hint .arrow,
  body.phone .order-hint .close-btn {
    position: absolute; }
  /* line 2178, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .order-hint .arrow {
    right: 25px;
    top: 14px; }
  /* line 2181, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .order-hint .hint-msg {
    position: relative;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    font-size: 80%;
    color: white;
    margin: auto;
    top: 40px;
    width: 80%; }
  /* line 2191, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .order-hint .close-btn {
    width: 100%;
    text-align: center;
    color: #FFF;
    bottom: 10px;
    font-size: 80%; }
    /* line 2197, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
    body.phone .order-hint .close-btn .glyphicons {
      padding-left: 15px; }
      /* line 2199, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
      body.phone .order-hint .close-btn .glyphicons:before {
        font-size: 10px;
        top: -5px; }
/* line 2202, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .conversation-mobile-menu {
  display: block;
  position: absolute;
  width: 100%;
  height: 50px;
  top: 0;
  background: #fff; }
/* line 2209, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone aside.customer {
  position: relative;
  margin-top: 50px; }
/* line 2212, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .mobile-customer-name {
  position: absolute;
  left: 70px;
  right: 70px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 50px;
  font-size: 1.5em; }
/* line 2223, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .customer-tag-box {
  margin-top: 0 !important;
  height: 95px; }
/* line 2226, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone ul.message-detail {
  position: absolute;
  z-index: 9;
  top: 51px;
  left: 0;
  right: 0;
  bottom: 31px;
  transition: top 0.2s; }
  /* line 2234, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone ul.message-detail.open {
    top: 255px; }
/* line 2236, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
body.phone .show-customer-detail {
  transition: top 0.2s;
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 15px;
  left: 50%;
  top: 50px;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-left: -15px;
  background: #aaa; }
  /* line 2249, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .show-customer-detail.open {
    top: 255px; }
  /* line 2251, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .show-customer-detail .line-border {
    border: 2px solid #fff;
    width: 80%;
    left: 10%;
    margin-left: 10%;
    margin-top: 5px;
    border-radius: 4px; }
  /* line 2258, /drone/softbaked/page365/app/assets/stylesheets/hg/conversations.css.sass */
  body.phone .show-customer-detail .glyphicons, body.phone .show-customer-detail .glyphicons:before {
    margin-top: -10px;
    margin-left: 3px;
    font-size: 17px;
    color: #fff; }
/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
body.tablet section.messages aside.customer, body.desktop section.messages aside.customer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  padding-bottom: 10px;
  z-index: 9; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
body.tablet section.messages > ul, body.desktop section.messages > ul {
  height: 100%;
  margin: 0; }
/* line 14, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
body.tablet section.messages section.reply, body.desktop section.messages section.reply {
  position: static;
  min-height: 125px; }

/* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
body.desktop section.messages {
  border-right: 1px solid #dedede; }

/* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
section.messages aside.customer {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e8e8e8; }
/* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/messages.css.sass */
section.messages > ul {
  overflow-x: hidden;
  overflow-y: scroll; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
section.order .order-list .scroll-box .column-10 {
  padding-right: 10px; }

/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
section.order-offline {
  width: 100%;
  height: 100%;
  z-index: 15; }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-36 {
    font-size: 180%; }
  /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-24 {
    font-size: 120%; }
  /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-22 {
    font-size: 110%; }
  /* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-20 {
    font-size: 100%; }
  /* line 68, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-18 {
    font-size: 90%; }
  /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-16 {
    font-size: 80%; }
  /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .font-size-14 {
    font-size: 70%; }
  /* line 75, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .ground {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6; }
  /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-offline .dialog {
    position: absolute;
    width: 500px;
    height: auto;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 3px; }
    /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .header {
      border-radius: 3px 3px 0 0;
      background-color: #FAFAFA; }
      /* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .header .title {
        display: inline-block;
        font-weight: bold;
        margin: 15px 20px; }
      /* line 98, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .header .add-new {
        float: right; }
        /* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .header .add-new .switch-button {
          cursor: pointer;
          font-weight: bold;
          padding: 15px 20px;
          color: #26B899; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .search-box-user {
      margin-bottom: 20px; }
      /* line 107, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .search-box-user input {
        height: 100%;
        width: 100%;
        padding: 5px 10px;
        color: #555;
        border: 1px solid #ccc;
        border-radius: 3px; }
    /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .head {
      position: relative;
      margin-bottom: 10px; }
      /* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .head .user-list-title {
        float: left;
        margin-bottom: 15px; }
      /* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .head .user-list-more {
        float: right;
        text-decoration: none;
        display: block;
        cursor: pointer;
        font-weight: bold;
        margin-bottom: 15px; }
    /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .user-list {
      max-height: 370px;
      overflow-y: auto; }
      /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .user-list .user-item {
        position: relative;
        margin-bottom: 15px; }
        /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .user-list .user-item .user-avatar {
          float: left;
          width: 40px;
          height: 40px;
          margin-right: 20px;
          background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png");
          background-size: 40px;
          background-repeat: no-repeat; }
          /* line 141, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .user-list .user-item .user-avatar .image {
            position: relative;
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-size: cover;
            background-position: center; }
        /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .user-list .user-item .user-info {
          display: inline-block; }
          /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .user-list .user-item .user-info .full-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 280px;
            cursor: pointer;
            font-weight: bold;
            color: #26B899; }
            @media (max-width: 768px) {
              /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-offline .dialog .user-list .user-item .user-info .full-name {
                max-width: 150px; } }
          /* line 161, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .user-list .user-item .user-info .social {
            color: #666; }
        /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .user-list .user-item .order-button {
          float: right;
          display: inline-block;
          font-weight: bold;
          padding: 5px 15px;
          background-color: #26B899; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .customer-new {
      position: relative;
      display: block;
      padding: 20px; }
      /* line 173, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .customer-new .box-detail {
        position: relative;
        display: block;
        height: 36px;
        width: 100%;
        margin: 20px 0; }
        /* line 179, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customer-new .box-detail .customer-name {
          float: left;
          height: 100%;
          width: calc(100% - 120px);
          padding: 5px 10px;
          color: #555;
          border: 1px solid #ccc;
          border-radius: 3px; }
          /* line 187, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customer-new .box-detail .customer-name.alive {
            padding: 10px 95px 10px 10px; }
        /* line 189, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customer-new .box-detail .btn {
          float: right;
          display: inline-block;
          font-weight: bold;
          padding: 5px 15px 5px 15px;
          background-color: #26B899; }
    /* line 195, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .customer {
      position: relative;
      display: block;
      padding: 20px; }
      /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .customer .box-image {
        position: absolute;
        float: left;
        width: 40px;
        height: 40px;
        background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png");
        background-size: 40px;
        background-repeat: no-repeat; }
        /* line 207, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customer .box-image .avatar {
          position: relative;
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-size: cover;
          background-position: center; }
    /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-offline .dialog .customers {
      position: absolute;
      left: 66px;
      top: 105px;
      width: calc(100% - 146px);
      height: auto;
      margin: 0;
      padding: 0;
      max-height: 300px;
      overflow: scroll;
      border-radius: 4px;
      border: 1px solid #ccc; }
      /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-offline .dialog .customers .customer-list {
        position: relative;
        display: block;
        padding: 10px 45px 10px 10px;
        border-top: 1px solid #ccc;
        background-color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        /* line 237, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customers .customer-list:hover, section.order-offline .dialog .customers .customer-list:active {
          background-color: #e7f0ee; }
        /* line 240, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customers .customer-list:first-child {
          border-radius: 4px 4px 0 0;
          border-top: 0; }
        /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customers .customer-list:last-child {
          border-radius: 0 0 4px 4px; }
        /* line 245, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-offline .dialog .customers .customer-list .type {
          position: absolute;
          top: 15px;
          right: 15px;
          width: 15px;
          height: 15px;
          background-size: 60px 60px;
          background-image: url("/assets/hg/icon/social-type-c699c9a3de6fd02cfd15d2c2e335f05264199892519adc65fc002a3444ae8248.png"); }
          /* line 253, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customers .customer-list .type:not(.facebook):not(.kronos):not(.line):not(.instagram) {
            background-size: 0; }
          /* line 255, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customers .customer-list .type.facebook {
            background-position: 0 -15px; }
          /* line 257, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customers .customer-list .type.kronos {
            background-position: -15px -15px; }
          /* line 259, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customers .customer-list .type.line {
            background-position: -30px -15px; }
          /* line 261, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-offline .dialog .customers .customer-list .type.instagram {
            background-position: -45px -15px; }

/* line 264, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order section.order-sheet {
  max-width: 1200px;
  margin: 50px auto;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px; }
  /* line 271, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-sheet .tabs .tab.active, body.desktop section.order section.order-sheet .tabs .tab:hover {
    color: #6e647e;
    border-bottom: none; }
  /* line 275, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-sheet .content {
    width: 200%;
    transition: margin-left 0.25s; }
    /* line 279, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-sheet .content.items-active, body.desktop section.order section.order-sheet .content.payment-active, body.desktop section.order section.order-sheet .content.shipment-active {
      margin-left: -100%; }
    /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-sheet .content .tab {
      width: 16.6667%; }
      /* line 284, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-sheet .content .tab.products {
        width: 50%; }
      /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-sheet .content .tab.items {
        left: 50%; }
      /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-sheet .content .tab.payment {
        left: 66.6667%;
        border: 1px solid #DDD;
        border-width: 0 1px; }
      /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-sheet .content .tab.shipment {
        left: 83.3333%; }

/* line 295, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
section.order-sheet {
  display: flex;
  flex-direction: column; }
  /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet .expire-tracking-code {
    color: #f39c11 !important; }
  /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet a {
    cursor: pointer; }
  /* line 303, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet header {
    position: static;
    overflow: visible;
    height: auto;
    text-align: center;
    background-color: #f6f6f6; }
    /* line 310, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet header .stage {
      display: inline-block;
      border: none;
      padding: 0 15px;
      border-radius: 100px;
      font-weight: 500;
      font-size: 100%;
      color: white; }
      /* line 318, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.draft {
        background-color: #777; }
      /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.unpaid {
        background-color: #e74b3c; }
      /* line 322, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.transferred {
        background-color: #f39c11; }
      /* line 324, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.paid {
        background-color: #3399db; }
      /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.shipped {
        background-color: #2dcd71; }
      /* line 328, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.voided {
        background-color: #C1392B; }
      /* line 330, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .stage.expired {
        background-color: #5b6c74; }
    /* line 333, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet header .btn-group {
      margin: 15px 10px; }
      /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .btn-group .btn {
        height: 28px;
        font-size: 100%; }
        /* line 338, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .btn-group .btn.btn-default {
          padding: 2px 10px; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .btn-group .header-button {
        display: inline-block;
        text-decoration: none;
        margin-left: 10px;
        padding: 2px 10px;
        border: 1px solid #BBBBBB;
        border-radius: 4px;
        color: #222;
        background-color: #fff; }
        /* line 350, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .btn-group .header-button .glyphicons {
          margin-top: -15px;
          padding: 0;
          width: 16px; }
          /* line 354, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .btn-group .header-button .glyphicons:before {
            font-size: 12px; }
        /* line 356, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .btn-group .header-button:hover {
          background-color: #dddddd;
          color: black; }
        /* line 359, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .btn-group .header-button:active {
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      /* line 361, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .btn-group.left {
        margin: 15px 0; }
        /* line 363, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .btn-group.left .header-button {
          margin-left: 0;
          border: 1px solid #BBBBBB; }
    /* line 366, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet header .header-button-group {
      float: right;
      margin: 15px 10px; }
      /* line 369, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .header-button-group .desktop-buttons {
        display: inline-block; }
      /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .header-button-group .header-button {
        display: inline-block;
        text-decoration: none;
        margin-left: 7px;
        padding: 2px 10px;
        border: 1px solid #BBBBBB;
        border-radius: 4px;
        color: #222;
        background-color: #fff; }
        /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .header-button-group .header-button .glyphicons {
          margin-top: -15px;
          padding: 0;
          width: 16px; }
          /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .header-button-group .header-button .glyphicons:before {
            font-size: 12px; }
        /* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .header-button-group .header-button:hover {
          background-color: #dddddd;
          color: black;
          box-shadow: 0px 0px 0px 0px rgba(42, 105, 179, 0.1); }
        /* line 390, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .header-button-group .header-button:active {
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      /* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .header-button-group .options {
        position: relative; }
        /* line 394, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .header-button-group .options .dropdown-menu {
          left: auto;
          right: 0; }
    /* line 398, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet header .options {
      float: right;
      position: relative; }
      /* line 401, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .options .glyphicons-cogwheel {
        margin-top: -16px;
        padding: 0;
        width: 12px; }
        /* line 405, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .options .glyphicons-cogwheel:before {
          font-size: 15px; }
      /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .options .dropdown-menu hr {
        margin: 5px 0; }
      /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .options .dropdown-menu p {
        margin: 0;
        text-indent: 19px;
        color: #4a4a4a; }
      /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .options .dropdown-menu .glyphicons {
        margin-top: -15px;
        padding: 0;
        width: 16px; }
        /* line 418, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .options .dropdown-menu .glyphicons:before {
          font-size: 12px; }
      /* line 420, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .options .dropdown-menu a.void, section.order-sheet header .options .dropdown-menu a.delete {
        color: #C33825; }
    /* line 423, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet header .order-no {
      float: left; }
      /* line 425, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .order-no .order-no-title {
        font-size: 90%;
        font-weight: 400; }
      /* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .order-no .dropdown-menu + .btn {
        margin-left: -1px; }
      /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .order-no .dropdown-menu {
        max-height: 400px;
        overflow-y: auto; }
        /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .dropdown-menu a {
          padding-right: 10px; }
        /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .dropdown-menu a.selected {
          font-weight: bold; }
        /* line 437, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .dropdown-menu hr {
          margin: 5px 0; }
        /* line 439, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .dropdown-menu span {
          float: right;
          display: block;
          padding-top: 1px;
          font-size: 90%;
          line-height: 21px;
          font-weight: 500;
          width: 60px;
          border-radius: 3px;
          text-align: center;
          color: white; }
          /* line 450, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.draft {
            background-color: #777; }
          /* line 452, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.unpaid {
            background-color: #e74b3c; }
          /* line 454, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.transferred {
            background-color: #f39c11; }
          /* line 456, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.paid {
            background-color: #3399db; }
          /* line 458, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.shipped {
            background-color: #2dcd71; }
          /* line 460, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.voided {
            background-color: #C1392B; }
          /* line 462, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .dropdown-menu span.expired {
            background-color: #5b6c74; }
      /* line 464, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .order-no .stage {
        border-radius: 0 3px 3px 0;
        opacity: 0.9; }
        /* line 467, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .stage:hover {
          color: #ffffff;
          opacity: 1; }
        /* line 470, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .stage .glyphicons-cogwheel {
          margin-top: -15px;
          margin-right: 5px;
          padding: 0;
          width: 14px; }
          /* line 475, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet header .order-no .stage .glyphicons-cogwheel:before {
            font-size: 12px;
            color: #ffffff; }
      /* line 478, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet header .order-no .glyphicons-plus {
        margin-top: -15px;
        padding: 0;
        width: 14px; }
        /* line 482, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet header .order-no .glyphicons-plus:before {
          font-size: 12px; }
  /* line 485, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet .tabs {
    height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #DDD;
    font-weight: 500;
    text-align: center;
    white-space: nowrap; }
    /* line 492, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .tabs .tab {
      display: inline-block;
      width: 33%;
      height: 40px;
      line-height: 40px;
      color: #6e647e; }
      /* line 498, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .tabs .tab.active {
        color: #26B899;
        border-bottom: 3px solid #26B899; }
      /* line 501, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .tabs .tab:hover {
        text-decoration: none;
        color: #139f85; }
  /* line 505, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet .content {
    flex-grow: 1;
    min-height: 0;
    position: relative;
    width: 400%;
    transition: margin-left 0.25s;
    background-color: white; }
    /* line 513, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .content.items-active {
      margin-left: -100%; }
    /* line 515, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .content.payment-active {
      margin-left: -200%; }
    /* line 517, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .content.shipment-active {
      margin-left: -300%; }
    /* line 520, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .content .tab {
      position: absolute;
      height: 100%;
      width: 25%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      /* line 527, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .content .tab.products {
        display: flex;
        flex-direction: column; }
        /* line 530, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products .sb-search {
          margin: 10px auto 0px;
          width: 200px;
          text-indent: 5px; }
        /* line 534, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products ul {
          margin: 0; }
        /* line 536, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products .albums {
          min-height: 70px;
          background-color: #f6f6f6;
          border-bottom: 1px solid #dedede; }
          /* line 540, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .albums .album-setting {
            padding-top: 1px; }
            /* line 542, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album-setting div {
              display: inline-block;
              line-height: 2;
              font-weight: 700; }
          /* line 546, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .albums .album {
            display: none; }
            /* line 548, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album a {
              display: block;
              height: 50px;
              margin: 10px;
              color: #666; }
              /* line 553, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.products .albums .album a:hover {
                text-decoration: none;
                color: #444; }
            /* line 556, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album.selected {
              display: block; }
            /* line 558, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album strong {
              display: block;
              padding-top: 3px; }
            /* line 561, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album span {
              float: right;
              line-height: 0;
              margin-right: 5px; }
            /* line 565, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album .glyphicons {
              width: 57px; }
            /* line 567, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .albums .album .glyphicons:before {
              left: 5px;
              top: -20px;
              font-size: 2em; }
          /* line 571, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .albums .image {
            height: 50px;
            width: 50px;
            float: left;
            margin-right: 10px;
            border-radius: 4px;
            background-size: cover;
            background-position: center; }
        /* line 579, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products .photos {
          padding: 10px;
          flex-grow: 1;
          overflow-y: auto;
          text-align: center; }
          /* line 584, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos form.search {
            margin-bottom: 10px; }
          /* line 586, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos ul {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            align-content: flex-start;
            margin-bottom: 10px; }
          /* line 592, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos .photo {
            margin: 1px; }
          /* line 594, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos .image {
            position: relative;
            height: 100px;
            width: 100px;
            margin: 0;
            background-size: cover;
            background-position: center;
            cursor: pointer; }
            /* line 602, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .photos .image.selected {
              border: 2px solid #26B899; }
          /* line 604, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos .caption {
            width: 100%;
            height: 100%;
            padding: 2px 5px;
            background-color: rgba(0, 0, 0, 0.4);
            text-align: left;
            font-size: 85%;
            font-weight: 500;
            text-shadow: 0 1px 1px #000;
            color: white; }
          /* line 614, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .photos .glyphicons {
            float: right;
            width: 25px;
            height: 25px;
            margin-top: 3px;
            padding: 0; }
            /* line 620, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .photos .glyphicons:before {
              left: auto;
              right: 0;
              margin: 0;
              font-size: 14px;
              color: #fff; }
        /* line 626, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products .filter {
          background-color: #f3f3f3;
          border-top: 1px solid #DEDEDE;
          color: inherit;
          padding: 5px 20px;
          height: 35px;
          line-height: 25px;
          cursor: pointer;
          font-size: 90%;
          font-weight: 400;
          text-align: center; }
          /* line 637, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .filter:hover {
            background-color: #e7f0ee;
            color: black; }
        /* line 641, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products.browse-album {
          background-color: #F1F1F1; }
          /* line 643, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products.browse-album .albums {
            flex-grow: 1;
            overflow-y: auto;
            border-bottom: none; }
            /* line 647, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products.browse-album .albums .album {
              display: block; }
            /* line 649, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products.browse-album .albums span {
              display: none; }
          /* line 651, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products.browse-album .photos {
            display: none; }
        /* line 654, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.products .file-picker {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-grow: 1;
          background-color: #f6f6f6;
          text-align: center; }
          /* line 661, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .file-picker .file-picker-inner a {
            padding: 3px 20px;
            text-decoration: none;
            color: #26B899; }
            /* line 665, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .file-picker .file-picker-inner a:hover {
              color: #139f85; }
          /* line 667, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .file-picker .glyphicons {
            padding-left: 0;
            width: 20px;
            top: -10px; }
            /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.products .file-picker .glyphicons:before {
              font-size: 16px; }
          /* line 673, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.products .file-picker input[type=file] {
            display: none; }
      /* line 676, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .content .tab.items {
        left: 25%;
        display: flex;
        flex-direction: column; }
        /* line 681, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.items ul.items {
          flex-grow: 1;
          margin-bottom: -1px; }
          /* line 684, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items ul.items li.item {
            display: flex;
            min-height: 70px;
            padding: 10px;
            background-color: #fff;
            clear: both; }
            /* line 690, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .name, section.order-sheet .content .tab.items ul.items li.item .price {
              font-weight: 500; }
            /* line 692, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .variant {
              font-size: 90%;
              font-weight: normal;
              font-style: italic; }
            /* line 696, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .note, section.order-sheet .content .tab.items ul.items li.item .amount {
              font-size: 90%; }
            /* line 698, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .image {
              flex-shrink: 0;
              width: 70px;
              height: 70px;
              background-size: cover;
              background-position: 50% 50%;
              border-radius: 4px;
              border: 1px solid #EEE; }
              /* line 706, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item .image.no-photo {
                background-image: url("/assets/hg/icon/order-item-no-photo-b71cdb92a22c642b942944f7b2c56e7d2a778ed05290702bcf190d1073977009.png");
                background-color: #F1F1F1;
                background-repeat: no-repeat; }
            /* line 710, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .texts {
              flex-grow: 1;
              margin: 0 10px; }
              /* line 714, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item .texts input {
                width: 100%;
                margin-bottom: 0;
                border-color: #CCC;
                border-bottom-color: #EEE;
                border-radius: 4px 4px 0 0;
                text-align: left; }
              /* line 722, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item .texts .dropdown {
                width: 100%;
                border: 1px solid #CCC;
                border-width: 0 1px; }
                /* line 726, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item .texts .dropdown.open {
                  border-color: #26B899 !important; }
                /* line 728, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item .texts .dropdown button {
                  width: 100%;
                  padding: 2px 8px 0 8px;
                  border: 0;
                  text-align: left;
                  background-color: #fff; }
                  /* line 734, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                  section.order-sheet .content .tab.items ul.items li.item .texts .dropdown button .caret {
                    float: right;
                    margin-top: 8px; }
                /* line 737, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item .texts .dropdown hr {
                  margin: 5px 0; }
                /* line 739, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item .texts .dropdown .glyphicons-plus {
                  margin-top: -15px;
                  padding: 0;
                  width: 14px; }
                  /* line 743, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                  section.order-sheet .content .tab.items ul.items li.item .texts .dropdown .glyphicons-plus:before {
                    font-size: 12px; }
              /* line 746, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item .texts textarea {
                width: 100%;
                margin-bottom: -5px;
                padding: 5px 8px;
                border: 1px solid #CCC;
                border-top-color: #EEE;
                border-radius: 0 0 4px 4px; }
            /* line 754, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item .numbers {
              flex-shrink: 0;
              width: 110px;
              text-align: right; }
            /* line 760, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item.editable .amount {
              margin-right: -6px;
              line-height: 200%; }
              /* line 763, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item.editable .amount a {
                padding: 8px 6px;
                color: #26B899; }
                /* line 766, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item.editable .amount a:hover {
                  color: #139f85; }
                /* line 768, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item.editable .amount a .glyphicons-circle-remove {
                  color: #ef442d; }
                  /* line 770, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                  section.order-sheet .content .tab.items ul.items li.item.editable .amount a .glyphicons-circle-remove:hover {
                    color: #C33825; }
              /* line 772, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item.editable .amount .glyphicons {
                padding-left: 0;
                width: 16px;
                top: -10px; }
                /* line 776, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.items ul.items li.item.editable .amount .glyphicons:before {
                  font-size: 16px; }
              /* line 778, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item.editable .amount input {
                width: 50px;
                text-align: center; }
              /* line 781, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items ul.items li.item.editable .amount .amount-margin-right {
                margin-right: 30px; }
            /* line 783, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items ul.items li.item > hr {
              clear: both;
              margin: 0 -10px -10px 80px;
              padding-top: 10px;
              border: 0;
              border-bottom: 1px solid #EEE; }
        /* line 789, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.items > .new {
          height: 25px;
          margin-top: 10px;
          text-align: center; }
          /* line 793, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items > .new button {
            width: 50px;
            height: 50px;
            border: 0;
            border-radius: 50px;
            background-color: #26B899; }
            /* line 799, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new button:hover {
              background-color: #139f85 !important; }
            /* line 801, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new button .glyphicons {
              padding-left: 28px;
              top: -17px; }
              /* line 804, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items > .new button .glyphicons:before {
                color: #fff;
                font-size: 28px; }
          /* line 807, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items > .new .dropdown-menu {
            margin-left: -55px;
            margin-bottom: 5px; }
            /* line 810, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new .dropdown-menu li {
              position: relative; }
            /* line 812, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new .dropdown-menu .file-picker-inner a {
              display: block;
              padding: 3px 20px;
              line-height: 1.42857;
              color: #333; }
              /* line 817, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items > .new .dropdown-menu .file-picker-inner a:hover {
                text-decoration: none;
                background-color: #f5f5f5; }
            /* line 820, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new .dropdown-menu .glyphicons {
              padding-left: 0;
              width: 20px;
              top: -10px; }
              /* line 824, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.items > .new .dropdown-menu .glyphicons:before {
                font-size: 16px; }
            /* line 826, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items > .new .dropdown-menu input[type=file] {
              display: none; }
        /* line 828, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.items dl.summary {
          margin: 0;
          padding: 10px;
          padding-top: 30px;
          border-top: 1px solid #EEE; }
          /* line 833, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary dt {
            clear: both;
            float: left;
            font-weight: 500; }
          /* line 837, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary dd {
            float: right; }
          /* line 839, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary button {
            font-size: 100%; }
          /* line 841, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary .dropdown-menu {
            max-height: 300px;
            overflow-y: auto; }
            /* line 844, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items dl.summary .dropdown-menu .express-option {
              background-image: url("/assets/hg/icon/logo365-02-8a53937377b3bfd8dee6df939f934da50106a87560da7a5b8a2a5d252a494bdf.svg");
              background-repeat: no-repeat;
              background-size: 20px 20px;
              background-position: 20px center;
              padding-left: 45px; }
          /* line 850, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary li hr {
            margin: 5px 0; }
          /* line 852, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary li a.selected {
            font-weight: bold; }
          /* line 854, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary .glyphicons-plus {
            margin-top: -15px;
            padding: 0;
            width: 14px; }
            /* line 858, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.items dl.summary .glyphicons-plus:before {
              font-size: 12px; }
          /* line 860, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary .sum {
            font-weight: 500; }
          /* line 862, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary .sb-switch {
            margin-left: 0;
            margin-right: 5px; }
          /* line 865, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.items dl.summary .tip:before {
            margin-top: -10px;
            margin-left: 5px;
            color: #888;
            cursor: help;
            font-size: 0.9em; }
        /* line 872, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.items dl.vat-included .vat {
          display: none; }
        /* line 874, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.items input {
          width: 70px;
          text-align: right;
          line-height: initial; }
      /* line 879, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .content .tab.payment {
        left: 50%;
        text-align: center; }
        /* line 882, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment p {
          margin: 10px auto;
          width: 75%;
          font-size: 90%; }
          /* line 886, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment p.none {
            font-size: 100%;
            margin: 50px auto; }
        /* line 889, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment hr {
          margin-top: 10px;
          margin-bottom: 10px; }
        /* line 892, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment dl {
          margin: 20px 0; }
          /* line 894, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment dl dt {
            clear: both;
            float: left;
            width: 33.3333%;
            padding: 0 10px;
            text-align: right;
            font-weight: 500; }
            /* line 901, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.payment dl dt.slip-status {
              margin-top: 4px; }
          /* line 903, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment dl dd {
            float: right;
            width: 66.6667%;
            padding-right: 10px;
            text-align: left; }
            /* line 908, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.payment dl dd.slip-status {
              margin-top: 6px;
              line-height: 1.2; }
              /* line 911, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.payment dl dd.slip-status a {
                color: #26B899; }
              /* line 913, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.payment dl dd.slip-status .slip-verified {
                color: #00B16A; }
              /* line 915, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.payment dl dd.slip-status .slip-rejected {
                color: #e74b3c; }
                /* line 917, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.payment dl dd.slip-status .slip-rejected small {
                  color: #848484;
                  font-size: 70%;
                  font-weight: bold; }
        /* line 921, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .dropdown-toggle {
          font-size: 100%; }
        /* line 924, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .dropdown-menu hr {
          margin: 5px 0; }
        /* line 926, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .dropdown-menu .glyphicons-plus {
          margin-top: -15px;
          padding: 0;
          width: 14px; }
          /* line 930, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment .dropdown-menu .glyphicons-plus:before {
            font-size: 12px; }
        /* line 932, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment button.datepicker {
          width: 120px;
          height: 28px;
          line-height: 100%;
          padding: 0 7px;
          border: 1px solid #ccc;
          background-color: #f8f8f8;
          text-align: right; }
          /* line 940, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment button.datepicker:hover {
            background-color: #ddd; }
          /* line 942, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.payment button.datepicker .glyphicons-calendar {
            margin-top: -15px;
            padding: 0;
            width: 14px; }
            /* line 946, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.payment button.datepicker .glyphicons-calendar:before {
              font-size: 12px; }
        /* line 948, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment input {
          width: 120px;
          text-align: right;
          line-height: initial; }
        /* line 952, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .bank-image {
          width: 60px;
          height: 60px;
          border-radius: 2px;
          margin-top: 4px;
          margin-right: 8px; }
        /* line 958, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .bank-details {
          font-size: 90%;
          line-height: 120%;
          margin-top: 3px; }
        /* line 962, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.payment .slip {
          max-height: 240px; }
      /* line 965, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .content .tab.shipment {
        left: 75%;
        padding-bottom: 20px; }
        /* line 968, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment dl {
          margin: 20px 0; }
          /* line 970, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment dl dt {
            clear: both;
            float: left;
            width: 33.3333%;
            padding: 0 10px;
            text-align: right;
            font-weight: 500; }
          /* line 977, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment dl dd {
            float: right;
            width: 66.6667%;
            padding-right: 15%;
            text-align: left; }
            /* line 982, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd .address-input {
              margin-bottom: 15px; }
            /* line 984, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd .btn-success {
              background-color: #26B899;
              font-size: 1em;
              font-weight: 500;
              margin-bottom: 5px; }
            /* line 989, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd .btn-success:hover {
              background-color: #139f85; }
            /* line 991, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd.description {
              color: #666;
              font-size: 0.8em; }
            /* line 994, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd.stage i {
              display: inline-block;
              width: 20px;
              height: 20px;
              padding: 0;
              color: #666; }
              /* line 1000, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd.stage i:before {
                font-size: 15px; }
              /* line 1002, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd.stage i.pickup-called {
                background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
                background-size: 60px 60px;
                background-position: -40px -40px;
                width: 20px;
                height: 20px;
                margin-right: 3px;
                margin-bottom: -4px; }
            /* line 1011, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-toggle {
              font-size: 100%;
              max-width: 100%;
              display: flex; }
              /* line 1015, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-toggle .selected {
                max-width: 95%;
                overflow: hidden;
                text-overflow: ellipsis; }
              /* line 1019, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-toggle .caret {
                margin-top: 11px; }
            /* line 1021, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu {
              overflow-y: scroll;
              height: 230px; }
              /* line 1024, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu a {
                color: black; }
                /* line 1026, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu a:hover {
                  color: black; }
              /* line 1028, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu hr {
                margin: 5px 0; }
              /* line 1030, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu .glyphicons-justify {
                margin-top: -15px;
                padding: 0;
                width: 14px; }
                /* line 1034, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
                section.order-sheet .content .tab.shipment dl dd .dropdown .dropdown-menu .glyphicons-justify:before {
                  font-size: 12px; }
          /* line 1036, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment dl a {
            color: #26B899; }
            /* line 1038, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl a:hover {
              color: #139f85; }
            /* line 1040, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment dl a .glyphicons {
              margin-top: -18px; }
              /* line 1042, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order-sheet .content .tab.shipment dl a .glyphicons:before {
                font-size: 18px; }
        /* line 1044, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment input, section.order-sheet .content .tab.shipment textarea {
          width: 100%;
          line-height: initial; }
          /* line 1047, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment input.error, section.order-sheet .content .tab.shipment textarea.error {
            border-color: #C33825; }
          /* line 1049, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment input.postal-code, section.order-sheet .content .tab.shipment textarea.postal-code {
            width: 100px; }
        /* line 1051, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment textarea {
          display: block; }
          /* line 1053, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment textarea + .on-edit {
            display: none; }
          /* line 1055, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment textarea:focus + .on-edit {
            display: block; }
        /* line 1057, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment small.error,
        section.order-sheet .content .tab.shipment p.error {
          color: #C33825; }
        /* line 1060, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment .sms-promote {
          padding: 5px 70px 5px 33.33%;
          font-size: 70%;
          font-style: italic;
          line-height: 1.2;
          display: inline-block; }
          /* line 1066, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment .sms-promote a {
            display: inline-block;
            color: #26B899; }
            /* line 1069, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order-sheet .content .tab.shipment .sms-promote a:hover {
              color: #139f85; }
          /* line 1071, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order-sheet .content .tab.shipment .sms-promote span {
            padding-left: 2px;
            display: inline-block; }
        /* line 1074, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment .feature-recommend-box {
          min-width: 100%; }
        /* line 1077, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .content .tab.shipment .sb-input textarea {
          border: 0;
          resize: none; }
    /* line 1081, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .content input[type=text], section.order-sheet .content input[type=tel], section.order-sheet .content textarea {
      border: 1px solid #CCC;
      border-radius: 4px;
      margin: 1px 0;
      padding: 1px 8px; }
  /* line 1087, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet .sms {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #5B6877; }
    /* line 1092, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .sms .title {
      display: inline-block;
      font-weight: bold;
      line-height: 1.3;
      padding: 15px 10px;
      color: #fff; }
    /* line 1098, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet .sms .action-group {
      float: right;
      margin-right: 10px; }
      /* line 1101, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group .input-invoice-link {
        padding-right: 40px; }
      /* line 1103, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group .copy-icon {
        padding-left: 0;
        top: -14px;
        left: -48px;
        cursor: pointer; }
      /* line 1108, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group .btn {
        font-size: 1em;
        padding: 5px 10px;
        color: #222;
        background-color: #F1F1F1; }
        /* line 1113, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .sms .action-group .btn:hover {
          background-color: #fff; }
      /* line 1115, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group input {
        margin: 10px;
        padding: 5px 10px;
        border: 2px solid #5B6877;
        border-radius: 5px; }
      /* line 1120, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group .left {
        float: left;
        margin-right: 50px; }
        /* line 1123, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet .sms .action-group .left input {
          white-space: nowrap;
          overflow: hidden !important;
          text-overflow: ellipsis;
          width: 400px; }
      /* line 1128, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet .sms .action-group .right {
        float: right; }
  /* line 1131, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order-sheet footer {
    flex-shrink: 0;
    position: static;
    height: 56px;
    background-color: #f8f8f8;
    border-top: 1px solid #DDD; }
    /* line 1138, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer .tab-products {
      height: 56px; }
    /* line 1140, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer .overlay {
      position: absolute; }
    /* line 1142, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer .btn {
      margin: 10px;
      font-size: 110%;
      line-height: 30px; }
      /* line 1146, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet footer .btn .glyphicons {
        padding-left: 19px;
        height: 22px; }
        /* line 1149, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order-sheet footer .btn .glyphicons:before {
          font-size: 18px; }
    /* line 1151, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer .btn-default {
      border-color: transparent; }
    /* line 1153, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer .btn-success {
      background-color: #26B899; }
      /* line 1155, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order-sheet footer .btn-success:hover {
        background-color: #139f85; }
    /* line 1157, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order-sheet footer p {
      margin: 15px;
      text-align: center; }

/* line 1161, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
section.order {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ecf0f1; }
  /* line 1167, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .show-only-mobile {
    display: none; }
  /* line 1169, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .head-menu {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #EEE; }
    /* line 1175, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .head-menu .filter-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 50px;
      margin-bottom: 20px; }
      /* line 1182, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .filter-box .filter-box-group {
        height: 50px; }
      /* line 1184, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .filter-box .filter {
        background-color: #b8c7cb;
        display: inline-block;
        text-align: center;
        width: 70px;
        height: 50px;
        color: white;
        float: left;
        cursor: pointer; }
        /* line 1193, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter .value {
          margin-top: 6px;
          font-size: 120%; }
        /* line 1196, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter .title {
          font-size: 90%;
          line-height: 21px;
          font-weight: 500;
          padding: 0 3px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        /* line 1204, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter.c-1 {
          border-radius: 3px; }
        /* line 1206, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter.c-6 {
          border-radius: 3px 0 0 3px;
          margin-left: 15px; }
        /* line 1209, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter.c-5, section.order .head-menu .filter-box .filter.c-7 {
          border-radius: 0 3px 3px 0; }
        /* line 1215, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-1, section.order .head-menu .filter-box .filter.active.c-1 {
          background-color: #34495e; }
        /* line 1217, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-2, section.order .head-menu .filter-box .filter.active.c-2 {
          background-color: #E74B3C; }
        /* line 1219, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-3, section.order .head-menu .filter-box .filter.active.c-3 {
          background-color: #F39C11; }
        /* line 1221, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-4, section.order .head-menu .filter-box .filter.active.c-4 {
          background-color: #3399DB; }
        /* line 1223, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-5, section.order .head-menu .filter-box .filter.active.c-5 {
          background-color: #2DCD71; }
        /* line 1225, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-6, section.order .head-menu .filter-box .filter.active.c-6 {
          background-color: #7E8C8D; }
        /* line 1227, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .filter:hover.c-7, section.order .head-menu .filter-box .filter.active.c-7 {
          background-color: #C1392B; }
      /* line 1229, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .filter-box .order-creator {
        position: relative;
        display: block; }
        /* line 1232, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .filter-box .order-creator .btn {
          height: 36px;
          font-size: 100%;
          padding: 6px 12px 4px 4px;
          background-color: #1ABC9C; }
          /* line 1237, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .filter-box .order-creator .btn .glyphicons {
            padding-left: 32px; }
            /* line 1239, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .head-menu .filter-box .order-creator .btn .glyphicons, section.order .head-menu .filter-box .order-creator .btn .glyphicons:before {
              font-size: 90%;
              top: -5px;
              left: 5px; }
          /* line 1243, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .filter-box .order-creator .btn:hover, section.order .head-menu .filter-box .order-creator .btn:active {
            background-color: #139F85; }
    /* line 1246, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .head-menu .action-box {
      height: 36px;
      font-size: 90%; }
      /* line 1249, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .spinner {
        position: relative;
        top: 3px;
        margin-right: 3px;
        margin-left: 5px;
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
        background-size: contain; }
      /* line 1259, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .search {
        height: 100%;
        width: 210px;
        position: relative;
        float: left; }
        /* line 1264, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .search > input {
          height: 100%;
          padding: 9px 26px; }
        /* line 1267, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .search .glyphicons {
          position: absolute;
          padding: 0;
          width: 16px;
          height: 16px;
          top: 10px; }
          /* line 1273, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .search .glyphicons:before {
            font-size: 14px; }
          /* line 1275, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .search .glyphicons.glyphicons-search {
            left: 8px; }
          /* line 1277, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .search .glyphicons.glyphicons-remove-2 {
            right: 6px;
            cursor: pointer;
            color: #999; }
            /* line 1281, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .head-menu .action-box .search .glyphicons.glyphicons-remove-2:hover {
              color: #444; }
      /* line 1283, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .change-stage,
      section.order .head-menu .action-box .print-selected,
      section.order .head-menu .action-box .export-selected,
      section.order .head-menu .action-box .set-pickup {
        margin-left: 10px; }
        /* line 1288, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .change-stage .btn,
        section.order .head-menu .action-box .print-selected .btn,
        section.order .head-menu .action-box .export-selected .btn,
        section.order .head-menu .action-box .set-pickup .btn {
          min-width: 60px;
          padding: 2px 7px 0 7px; }
      /* line 1291, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .date-range-picker {
        border: none;
        border-radius: 3px;
        width: 140px;
        height: 100%;
        display: inline-flex;
        margin-left: 15px;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #b8c7cb; }
        /* line 1302, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .date-range-picker:hover {
          background-color: #139f85; }
        /* line 1304, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .date-range-picker.active {
          background-color: #26B899; }
        /* line 1306, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .date-range-picker .glyphicons-calendar {
          width: 18px;
          height: 18px;
          padding: 0;
          margin-right: 5px; }
          /* line 1311, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .date-range-picker .glyphicons-calendar:before {
            font-size: 16px; }
      /* line 1313, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .action-buttons {
        float: right; }
      /* line 1315, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .filter-button,
      section.order .head-menu .action-box .date-rang-picker {
        float: left; }
      /* line 1318, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .shipping-picker-container {
        margin-left: 15px;
        float: left;
        position: relative; }
        /* line 1320, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container button {
          background-image: url("/assets/hg/icon/truck-7b30421d813fc2eaf98592adad6e62fcbc7a0b013e792a3c02b0c1d43ae87dc1.svg");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: 20px center;
          padding-left: 45px;
          border: none;
          border-radius: 3px;
          height: 100%;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          background-color: #b8c7cb !important;
          color: #fff;
          font-size: 18px; }
          /* line 1335, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .shipping-picker-container button:hover, section.order .head-menu .action-box .shipping-picker-container button.active {
            background-color: #139f85 !important; }
          /* line 1338, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .shipping-picker-container button .glyphicons-calendar {
            width: 18px;
            height: 18px;
            padding: 0;
            margin-right: 5px; }
            /* line 1343, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .head-menu .action-box .shipping-picker-container button .glyphicons-calendar:before {
              font-size: 16px; }
        /* line 1345, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container .express-option {
          background-image: url("/assets/hg/icon/logo365-02-8a53937377b3bfd8dee6df939f934da50106a87560da7a5b8a2a5d252a494bdf.svg");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: 20px center;
          padding-left: 45px; }
        /* line 1351, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container .selected {
          font-weight: bold; }
        /* line 1355, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container .btn {
          height: 36px;
          font-size: 100%;
          background-color: #fff; }
        /* line 1359, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container .dropdown-menu-scroll {
          max-height: 280px;
          overflow-y: auto; }
        /* line 1362, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .shipping-picker-container .dropdown-menu li {
          line-height: 1.6;
          padding: 5px;
          padding-left: 15px;
          cursor: pointer; }
          /* line 1367, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .shipping-picker-container .dropdown-menu li:hover {
            background-color: #EEE; }
          /* line 1369, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .shipping-picker-container .dropdown-menu li.separator {
            border-bottom: 1px solid #EEE;
            padding: 0;
            margin: 5px 0; }
          /* line 1373, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .shipping-picker-container .dropdown-menu li a {
            background-color: inherit;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
      /* line 1378, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .printing-picker-container {
        margin-left: 15px;
        float: left;
        position: relative; }
        /* line 1380, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .printing-picker-container button {
          background-image: url("/assets/hg/icon/printer-24459d2d3c63acebae39cde75c7cde8c1ee18fa69ce67f70b4cd1372e3b88c41.svg");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: 20px center;
          padding-left: 45px;
          border: none;
          border-radius: 3px;
          height: 100%;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          background-color: #b8c7cb !important;
          color: #fff;
          font-size: 18px; }
          /* line 1395, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .printing-picker-container button:hover, section.order .head-menu .action-box .printing-picker-container button.active {
            background-color: #139f85 !important; }
          /* line 1398, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .printing-picker-container button .glyphicons-calendar {
            width: 18px;
            height: 18px;
            padding: 0;
            margin-right: 5px; }
            /* line 1403, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .head-menu .action-box .printing-picker-container button .glyphicons-calendar:before {
              font-size: 16px; }
        /* line 1405, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .printing-picker-container .selected {
          font-weight: bold; }
        /* line 1409, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .printing-picker-container .btn {
          height: 36px;
          font-size: 100%;
          background-color: #fff; }
        /* line 1413, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .printing-picker-container .dropdown-menu-scroll {
          max-height: 280px;
          overflow-y: auto; }
        /* line 1416, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .printing-picker-container .dropdown-menu li {
          line-height: 1.6;
          padding: 5px;
          padding-left: 15px;
          cursor: pointer; }
          /* line 1421, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .printing-picker-container .dropdown-menu li:hover {
            background-color: #EEE; }
          /* line 1423, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .printing-picker-container .dropdown-menu li.separator {
            border-bottom: 1px solid #EEE;
            padding: 0;
            margin: 5px 0; }
          /* line 1427, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .printing-picker-container .dropdown-menu li a {
            background-color: inherit; }
      /* line 1429, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .change-stage,
      section.order .head-menu .action-box .print-selected,
      section.order .head-menu .action-box .export-selected,
      section.order .head-menu .action-box .set-pickup {
        float: left;
        position: relative; }
        /* line 1435, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .change-stage .btn,
        section.order .head-menu .action-box .print-selected .btn,
        section.order .head-menu .action-box .export-selected .btn,
        section.order .head-menu .action-box .set-pickup .btn {
          height: 36px;
          font-size: 100%;
          background-color: #fff; }
        /* line 1439, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .change-stage .dropdown-menu li,
        section.order .head-menu .action-box .print-selected .dropdown-menu li,
        section.order .head-menu .action-box .export-selected .dropdown-menu li,
        section.order .head-menu .action-box .set-pickup .dropdown-menu li {
          line-height: 1.6;
          padding: 5px;
          padding-left: 15px;
          cursor: pointer; }
          /* line 1444, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .change-stage .dropdown-menu li:hover,
          section.order .head-menu .action-box .print-selected .dropdown-menu li:hover,
          section.order .head-menu .action-box .export-selected .dropdown-menu li:hover,
          section.order .head-menu .action-box .set-pickup .dropdown-menu li:hover {
            background-color: #EEE; }
          /* line 1446, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .change-stage .dropdown-menu li.separator,
          section.order .head-menu .action-box .print-selected .dropdown-menu li.separator,
          section.order .head-menu .action-box .export-selected .dropdown-menu li.separator,
          section.order .head-menu .action-box .set-pickup .dropdown-menu li.separator {
            border-bottom: 1px solid #EEE;
            padding: 0;
            margin: 5px 0; }
      /* line 1451, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .print-selected .dropdown-menu {
        width: 270px; }
      /* line 1453, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .download {
        float: right;
        color: #1ABC9C; }
      /* line 1456, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .order-creator {
        position: relative;
        display: none;
        float: right;
        margin-left: 10px; }
        /* line 1461, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .order-creator .btn {
          height: 36px;
          font-size: 100%;
          padding: 6px 12px 4px 4px;
          background-color: #1ABC9C; }
          /* line 1466, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .order-creator .btn .glyphicons {
            padding-left: 32px; }
            /* line 1468, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .head-menu .action-box .order-creator .btn .glyphicons, section.order .head-menu .action-box .order-creator .btn .glyphicons:before {
              font-size: 90%;
              top: -5px;
              left: 5px; }
          /* line 1472, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .head-menu .action-box .order-creator .btn:hover, section.order .head-menu .action-box .order-creator .btn:active {
            background-color: #139F85; }
      /* line 1475, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .export-selected {
        float: right; }
      /* line 1477, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .head-menu .action-box .dropdown-menu {
        width: 250px; }
        /* line 1479, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .dropdown-menu.auto-width {
          width: auto; }
        /* line 1481, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .head-menu .action-box .dropdown-menu.align-right {
          left: initial;
          right: 0; }
  /* line 1484, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .order-list {
    position: relative;
    flex: 1; }
    /* line 1487, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .order-list .order-row {
      width: 100%;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      color: #4a4a4a;
      cursor: pointer;
      position: relative; }
      /* line 1495, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .order-list .order-row:hover {
        background: #f7fcfb; }
      /* line 1497, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .order-list .order-row.first {
        color: white;
        height: 33px;
        line-height: 33px;
        background-color: #85969e;
        font-weight: 400; }
        /* line 1503, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row.first .column {
          padding-right: 5px; }
          /* line 1505, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row.first .column span {
            font-size: 10px; }
          /* line 1507, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row.first .column.column-0 .component-checkbox {
            border-color: #fff; }
      /* line 1509, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .order-list .order-row .flex-header {
        position: absolute;
        left: 224px;
        right: 0; }
      /* line 1513, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .order-list .order-row .column {
        position: relative;
        float: left;
        height: 100%;
        padding-left: 10px;
        padding-right: 3px;
        border-right: 1px solid #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        /* line 1523, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column .glyphicons {
          width: 10px;
          height: 10px;
          position: absolute;
          top: 10px;
          left: 0;
          padding: 0;
          color: #666; }
          /* line 1531, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column .glyphicons:before {
            font-size: 12px; }
        /* line 1533, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column .glyphicons-flash {
          position: relative;
          top: -2px;
          left: 0;
          color: #167ac6; }
          /* line 1538, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column .glyphicons-flash:before {
            margin: 0; }
        /* line 1540, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-0 {
          width: 44px;
          padding: 3px 0;
          padding-right: 13px;
          text-align: right; }
          /* line 1545, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-0 .unread-badge {
            width: 6px;
            height: 6px;
            float: left;
            margin-top: 10px;
            vertical-align: top;
            display: inline-block;
            background-color: #ef4836;
            border-radius: 100%; }
          /* line 1554, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-0 .component-checkbox {
            width: 15px;
            height: 15px;
            border-radius: 40px;
            border: 1px solid #CCC;
            background-color: #fff;
            display: inline-block;
            position: relative; }
            /* line 1562, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .order-list .order-row .column.column-0 .component-checkbox.selected {
              background-color: #26B899;
              border: 1px solid #1e937a; }
              /* line 1565, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order .order-list .order-row .column.column-0 .component-checkbox.selected .glyphicons-ok-2 {
                display: block; }
            /* line 1567, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .order-list .order-row .column.column-0 .component-checkbox .glyphicons-ok-2 {
              display: none;
              position: absolute;
              width: 11px;
              height: 11px;
              top: 2px;
              left: 2px;
              padding: 0; }
              /* line 1575, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
              section.order .order-list .order-row .column.column-0 .component-checkbox .glyphicons-ok-2:before {
                font-size: 9px;
                color: #fff; }
        /* line 1578, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-1 {
          width: 80px;
          padding-left: 15px; }
          /* line 1581, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-1 .glyphicons-flag {
            display: none; }
          /* line 1583, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-1.is-lead .glyphicons-flag {
            display: block; }
        /* line 1585, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-2 {
          width: 85px; }
        /* line 1587, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-3 {
          width: 30%;
          height: 30px;
          padding-left: 15px; }
          /* line 1591, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-3 .glyphicons-home {
            display: none; }
          /* line 1593, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-3.has-address .glyphicons-home {
            margin-top: -2px;
            display: block; }
        /* line 1596, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-4 {
          width: 20%; }
        /* line 1598, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-5 {
          width: 15%;
          max-width: 100px;
          border: none; }
          /* line 1602, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.draft {
            color: #777; }
          /* line 1604, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.unpaid {
            color: #e74b3c; }
          /* line 1606, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.transferred {
            color: #f39c11; }
          /* line 1608, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.paid {
            color: #3399db; }
          /* line 1610, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.shipped {
            color: #2dcd71; }
          /* line 1612, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.voided {
            color: #C1392B; }
          /* line 1614, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-5.expired {
            color: #5b6c74; }
        /* line 1616, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .order-row .column.column-6 {
          width: 35%;
          font-size: 90%;
          color: #4a4a4a;
          border: none;
          display: flex;
          align-items: center; }
          /* line 1623, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6.transferred,
          section.order .order-list .order-row .column.column-6 .placeholder-tracking-code {
            font-size: 80%;
            margin-right: 15px; }
            /* line 1627, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .order-list .order-row .column.column-6.transferred .paid-amount,
            section.order .order-list .order-row .column.column-6 .placeholder-tracking-code .paid-amount {
              font-weight: bold; }
          /* line 1629, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 .fill-tracking-code {
            color: #85969e;
            text-decoration: underline; }
          /* line 1632, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 .edit-tracking-code {
            margin-right: 15px;
            text-decoration: underline; }
          /* line 1635, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 .expire-tracking-code {
            color: #f39c11; }
          /* line 1637, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 .icon-status {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px; }
            /* line 1642, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .order-list .order-row .column.column-6 .icon-status.glyphicons {
              position: relative;
              top: 0; }
            /* line 1645, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            section.order .order-list .order-row .column.column-6 .icon-status.pickup-called {
              background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
              background-size: 45px 45px;
              background-position: -30px -30px; }
          /* line 1649, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 .orders-transferred-bank {
            background: none;
            vertical-align: top;
            margin: 5px;
            margin-left: 0; }
          /* line 1654, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          section.order .order-list .order-row .column.column-6 input {
            height: 22px;
            line-height: 22px;
            margin: 4px 0;
            padding: 0 5px;
            border: 1px solid #CCC;
            border-radius: 2px; }
    /* line 1661, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .order-list .scroll-box {
      position: absolute;
      top: 33px;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff;
      box-sizing: normal;
      overflow-x: hidden; }
      /* line 1670, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .order-list .scroll-box li {
        border-top: 2px solid #ecf0f1; }
        /* line 1672, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .order-list .scroll-box li:last-child {
          border-bottom: 2px solid #ecf0f1; }
    /* line 1674, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .order-list .no-orders {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #999; }
  /* line 1680, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .ground {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    z-index: 0; }
  /* line 1689, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .pickup-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 50%;
    width: 430px;
    background-color: #fff;
    z-index: 1;
    padding: 15px 25px;
    border-radius: 5px; }
    /* line 1702, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary b {
      font-size: 105%; }
    /* line 1704, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary h2 {
      text-align: center;
      margin: 10px; }
    /* line 1707, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary li {
      margin-bottom: 5px; }
      /* line 1709, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .pickup-summary li .address {
        display: inline-flex;
        width: 85%; }
    /* line 1712, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary .note {
      font-size: 80%;
      display: inline-block;
      line-height: 1; }
      /* line 1716, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .pickup-summary .note.warning {
        color: #CF000F;
        margin-bottom: 5px; }
    /* line 1719, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary .action {
      margin: 35px 0 15px; }
    /* line 1721, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    section.order .pickup-summary .button {
      border-radius: 5px;
      padding: 10px 32px;
      color: #fff;
      font-weight: 500;
      cursor: pointer;
      background-color: #CCC; }
      /* line 1728, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .pickup-summary .button:hover {
        background-color: #BBB; }
      /* line 1730, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      section.order .pickup-summary .button.confirm {
        margin-left: 10px;
        background-color: #26B899; }
        /* line 1733, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        section.order .pickup-summary .button.confirm:hover {
          background-color: #139f85; }
  /* line 1735, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  section.order .backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); }

/* line 1744, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
div.order-download.ngdialog-theme-flat .ngdialog-close {
  top: 20px;
  right: 20px; }
/* line 1747, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
div.order-download.ngdialog-theme-flat .ngdialog-content {
  width: 435px;
  height: 180px;
  padding: 25px 35px 20px; }
  /* line 1751, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  div.order-download.ngdialog-theme-flat .ngdialog-content .title {
    font-size: 1em; }
  /* line 1753, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  div.order-download.ngdialog-theme-flat .ngdialog-content .desc {
    font-size: 0.5em;
    line-height: 1.2; }
/* line 1756, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
div.order-download.ngdialog-theme-flat .btn {
  background-color: #CCC;
  color: #fff;
  font-size: 20px;
  width: 170px;
  height: 33px;
  padding: 5px; }
/* line 1763, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
div.order-download.ngdialog-theme-flat .btn-action {
  background-color: #26B899; }
  /* line 1765, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  div.order-download.ngdialog-theme-flat .btn-action:hover {
    background-color: #139f85; }
/* line 1767, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
div.order-download.ngdialog-theme-flat .btn-cancel {
  background-color: #CCC; }
  /* line 1769, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  div.order-download.ngdialog-theme-flat .btn-cancel:hover {
    background-color: #AAA; }

/* line 1774, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order section.order-albums {
  position: absolute;
  background: #EEE;
  border-radius: 4px;
  box-shadow: 0 0 0 1px black;
  bottom: 5%;
  top: 5%;
  width: 90%;
  max-width: 1000px;
  min-width: 600px;
  margin: auto;
  z-index: 1; }
  /* line 1786, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .dropdown-menu li a {
    cursor: pointer; }
  /* line 1788, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .state-box {
    position: absolute;
    left: 0;
    height: 135px;
    width: 100%;
    border: none;
    background: #EEE; }
    /* line 1795, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .stage-select-box {
      right: 100%;
      margin-right: -100px; }
    /* line 1798, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .state {
      position: absolute;
      width: 50%;
      bottom: 20px; }
    /* line 1803, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .setting .bill-no {
      width: auto;
      position: relative;
      display: inline-block;
      top: 0px;
      margin-left: 15px; }
      /* line 1809, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .bill-no span {
        font-size: 90%;
        font-weight: 400;
        color: #444; }
      /* line 1813, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .bill-no .bill-no-title {
        display: inline-block; }
      /* line 1815, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .bill-no .dropdown-menu span {
        color: #fff;
        font-size: 70%; }
    /* line 1818, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .setting .user-info {
      margin-left: 20px;
      position: absolute;
      top: 40px;
      color: #666; }
    /* line 1823, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .setting .order-origin {
      display: inline-block;
      position: relative;
      color: #666;
      margin-top: 5px;
      left: 15px; }
      /* line 1829, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .order-origin .title {
        display: inline-block; }
      /* line 1831, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .order-origin .type {
        display: inline-block;
        margin-left: 15px; }
      /* line 1835, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .state-box .setting .order-origin .lead-order .glyphicons {
        padding-left: 17px; }
        /* line 1837, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .state-box .setting .order-origin .lead-order .glyphicons:before {
          font-size: 13px;
          margin-top: -8px;
          margin-left: 3px; }
    /* line 1841, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .state-box .setting .new-bill {
      display: none; }
  /* line 1843, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .bill-time {
    width: auto;
    top: 50px;
    right: 0;
    border: none;
    color: #666;
    background: #EEE;
    font-size: 125%; }
    /* line 1851, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .bill-time .created-at-box, body.desktop section.order section.order-albums .bill-time .expires-on-box {
      float: none;
      margin-bottom: 10px;
      width: 100%; }
    /* line 1856, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .bill-time .expires-on-box .calendar-box {
      color: #666; }
    /* line 1858, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .bill-time.openAlbum {
      display: block; }
  /* line 1860, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .tab-order-customer-payment {
    display: none; }
    /* line 1862, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .tab-order-customer-payment .tab-order, body.desktop section.order section.order-albums .tab-order-customer-payment .tab-customer, body.desktop section.order section.order-albums .tab-order-customer-payment .tab-payment {
      width: 50%;
      top: 110px;
      background: white;
      border-top: 1px solid #EEE;
      cursor: default; }
    /* line 1868, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .tab-order-customer-payment .tab-customer, body.desktop section.order section.order-albums .tab-order-customer-payment .tab-payment {
      left: 50%;
      border-left: none; }
    /* line 1871, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .tab-order-customer-payment .tab-order {
      border-right: 1px solid #EEE; }
    /* line 1873, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .tab-order-customer-payment .tab-payment {
      top: 348px; }
  /* line 1875, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .order-detail-box {
    padding: 5px 10px;
    top: 130px;
    border: 1px solid #EEE;
    display: inline-block !important; }
    /* line 1880, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .order-detail-box.item {
      width: 40%; }
      /* line 1882, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.item .product-box {
        bottom: 20px; }
        /* line 1884, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.item .product-box .select-product-box {
          position: absolute;
          width: 100%;
          top: 0;
          bottom: -30px;
          border-radius: 0; }
        /* line 1890, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.item .product-box .order-list-box {
          bottom: 88px; }
          /* line 1892, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.desktop section.order section.order-albums .order-detail-box.item .product-box .order-list-box a.item-delete {
            cursor: pointer; }
            /* line 1894, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.desktop section.order section.order-albums .order-detail-box.item .product-box .order-list-box a.item-delete .glyphicons-bin {
              top: -1px;
              left: 0; }
      /* line 1897, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.item i.add-product {
        bottom: 90px; }
      /* line 1899, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.item .order-price-box {
        bottom: 0; }
        /* line 1901, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.item .order-price-box .right-box .result,
        body.desktop section.order section.order-albums .order-detail-box.item .order-price-box .value-box .result {
          margin-top: 3px; }
    /* line 1904, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .order-detail-box.customer, body.desktop section.order section.order-albums .order-detail-box.payment {
      width: 30%;
      border-left: none;
      overflow-x: hidden; }
    /* line 1908, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .order-detail-box.customer {
      left: 70%; }
      /* line 1910, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .name, body.desktop section.order section.order-albums .order-detail-box.customer .email, body.desktop section.order section.order-albums .order-detail-box.customer .address, body.desktop section.order section.order-albums .order-detail-box.customer .note-box, body.desktop section.order section.order-albums .order-detail-box.customer .phone, body.desktop section.order section.order-albums .order-detail-box.customer .ems-code, body.desktop section.order section.order-albums .order-detail-box.customer .shipping, body.desktop section.order section.order-albums .order-detail-box.customer .note {
        min-height: 30px; }
        /* line 1912, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.customer .name span, body.desktop section.order section.order-albums .order-detail-box.customer .name input, body.desktop section.order section.order-albums .order-detail-box.customer .name textarea, body.desktop section.order section.order-albums .order-detail-box.customer .email span, body.desktop section.order section.order-albums .order-detail-box.customer .email input, body.desktop section.order section.order-albums .order-detail-box.customer .email textarea, body.desktop section.order section.order-albums .order-detail-box.customer .address span, body.desktop section.order section.order-albums .order-detail-box.customer .address input, body.desktop section.order section.order-albums .order-detail-box.customer .address textarea, body.desktop section.order section.order-albums .order-detail-box.customer .note-box span, body.desktop section.order section.order-albums .order-detail-box.customer .note-box input, body.desktop section.order section.order-albums .order-detail-box.customer .note-box textarea, body.desktop section.order section.order-albums .order-detail-box.customer .phone span, body.desktop section.order section.order-albums .order-detail-box.customer .phone input, body.desktop section.order section.order-albums .order-detail-box.customer .phone textarea, body.desktop section.order section.order-albums .order-detail-box.customer .ems-code span, body.desktop section.order section.order-albums .order-detail-box.customer .ems-code input, body.desktop section.order section.order-albums .order-detail-box.customer .ems-code textarea, body.desktop section.order section.order-albums .order-detail-box.customer .shipping span, body.desktop section.order section.order-albums .order-detail-box.customer .shipping input, body.desktop section.order section.order-albums .order-detail-box.customer .shipping textarea, body.desktop section.order section.order-albums .order-detail-box.customer .note span, body.desktop section.order section.order-albums .order-detail-box.customer .note input, body.desktop section.order section.order-albums .order-detail-box.customer .note textarea {
          position: absolute; }
      /* line 1915, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .address span, body.desktop section.order section.order-albums .order-detail-box.customer .note span {
        white-space: normal; }
      /* line 1917, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .customer-header {
        display: block !important;
        margin: 10px 0;
        font-size: 120%; }
      /* line 1921, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .icon-text-box {
        margin-top: 0; }
      /* line 1923, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .email {
        padding-top: 5px;
        margin-bottom: 5px;
        font-size: 90%;
        color: #BBB; }
      /* line 1929, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .address .address-detail {
        max-height: 75px; }
        /* line 1931, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.customer .address .address-detail textarea {
          height: 75px;
          margin-bottom: 1px; }
      /* line 1934, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.customer .note-box {
        position: absolute;
        bottom: 0;
        width: 95%;
        height: 60px; }
        /* line 1939, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.customer .note-box .title {
          margin-top: 35px;
          width: 65px;
          float: left; }
        /* line 1943, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.customer .note-box .order-note {
          height: 55px;
          padding: 5px;
          overflow: hidden;
          width: auto;
          font-size: 80%; }
          /* line 1949, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.desktop section.order section.order-albums .order-detail-box.customer .note-box .order-note span {
            margin: 30px 0 0;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 350px; }
          /* line 1954, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.desktop section.order section.order-albums .order-detail-box.customer .note-box .order-note textarea {
            margin-left: -2px;
            width: 354px;
            height: 50px; }
    /* line 1958, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order section.order-albums .order-detail-box.payment {
      left: 40%; }
      /* line 1960, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.payment .payment-header {
        display: none; }
      /* line 1962, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.payment .payment-header {
        margin: 10px 0;
        display: inline-block;
        font-size: 125%; }
      /* line 1967, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.payment .detail-payment .detail {
        min-height: 30px; }
      /* line 1969, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.desktop section.order section.order-albums .order-detail-box.payment .detail-payment .bank-detail {
        font-size: 80%; }
        /* line 1971, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.desktop section.order section.order-albums .order-detail-box.payment .detail-payment .bank-detail .bank-image {
          width: 30px;
          height: 30px; }
          /* line 1974, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.desktop section.order section.order-albums .order-detail-box.payment .detail-payment .bank-detail .bank-image i {
            margin: 4px; }
  /* line 1977, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order section.order-albums .footer-box.open-album {
    display: block; }
/* line 1980, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order .head-menu .action-box .search {
  width: 350px; }
/* line 1982, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order .head-menu .action-box .change-stage {
  margin-left: 15px; }
  /* line 1984, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order .head-menu .action-box .change-stage .btn {
    width: auto; }
/* line 1986, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order .head-menu .action-box .print-selected,
body.desktop section.order .head-menu .action-box .export-selected,
body.desktop section.order .head-menu .action-box .order-creator {
  width: auto; }
/* line 1990, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop section.order .order-list {
  padding: 0 20px; }
  /* line 1992, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop section.order .order-list .scroll-box {
    left: 21px;
    right: 21px; }
    /* line 1995, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop section.order .order-list .scroll-box .column.column-6 {
      font-size: 100% !important; }

/* line 1999, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.tablet section.order {
  height: calc(100% - 50px); }
  /* line 2002, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet section.order .sms .action-group {
    float: none; }
    /* line 2004, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.tablet section.order .sms .action-group .left {
      margin-right: 0;
      width: calc(100% - 340px); }
      /* line 2007, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.tablet section.order .sms .action-group .left input {
        width: calc(100% - 160px); }
  /* line 2009, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet section.order .order-list .scroll-box li .order-row {
    height: 42px; }
    /* line 2011, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.tablet section.order .order-list .scroll-box li .order-row .column {
      line-height: 42px; }
      /* line 2013, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.tablet section.order .order-list .scroll-box li .order-row .column.column-0 .unread-badge {
        margin-top: 15px; }
      /* line 2015, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.tablet section.order .order-list .scroll-box li .order-row .column.column-1 .glyphicons-flag, body.tablet section.order .order-list .scroll-box li .order-row .column.column-3 .glyphicons-home {
        top: 15px; }
/* line 2019, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.tablet section.order-sheet .content .tab.items > .new .dropdown-menu input[type=file] {
  display: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0; }

/* line 2032, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.phone section.order-offline .dialog {
  width: 100%;
  border-radius: 0; }
  /* line 2035, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order-offline .dialog .customers {
    max-height: 173px; }
/* line 2037, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.phone section.order {
  height: 100%; }
  /* line 2040, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order .sms .action-group {
    float: none; }
    /* line 2042, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone section.order .sms .action-group .left {
      margin-right: 10px;
      width: 100%; }
      /* line 2045, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .sms .action-group .left input {
        width: calc(100% - 112px); }
    /* line 2047, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone section.order .sms .action-group .right {
      text-align: left;
      width: 100%; }
      /* line 2050, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .sms .action-group .right input {
        width: calc(100% - 141px); }
  /* line 2052, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order .show-only-mobile {
    display: block; }
  /* line 2054, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order .hide-on-mobile {
    display: none; }
  /* line 2057, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order .head-menu {
    height: 100px;
    padding: 15px 10px; }
    /* line 2060, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone section.order .head-menu .filter-box {
      display: none; }
    /* line 2062, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone section.order .head-menu .action-box {
      height: 70px; }
      /* line 2064, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .head-menu .action-box .search {
        width: 200px;
        height: 30px; }
        /* line 2067, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box .search input {
          padding: 5px 26px; }
        /* line 2069, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box .search .glyphicons {
          top: 8px; }
      /* line 2071, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .head-menu .action-box .filter-button {
        position: relative;
        float: right; }
        /* line 2074, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box .filter-button .btn {
          height: 30px;
          width: 90px;
          text-align: left;
          background-color: #F9F9F9;
          border: 1px solid #CCC;
          color: #3a3a3a; }
        /* line 2081, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box .filter-button .dropdown-menu {
          min-width: 97px; }
      /* line 2083, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .head-menu .action-box > span {
        position: absolute;
        left: 10px;
        top: 63px;
        font-size: 110%;
        padding: 0 5px; }
        /* line 2089, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box > span.edit-orders {
          color: #26B899; }
          /* line 2091, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .head-menu .action-box > span.edit-orders:hover {
            color: #139f85; }
        /* line 2093, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box > span.cancel-edit-orders {
          color: #666; }
          /* line 2095, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .head-menu .action-box > span.cancel-edit-orders:hover {
            color: #4a4a4a; }
      /* line 2097, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .head-menu .action-box .change-stage {
        float: right;
        margin-top: 9px; }
        /* line 2100, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .head-menu .action-box .change-stage .dropdown-menu {
          min-width: 125px; }
      /* line 2102, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .head-menu .action-box .order-creator {
        display: block;
        position: absolute;
        right: 10px;
        top: 53px; }
  /* line 2107, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone section.order .order-list {
    height: calc(100% - 150px); }
    /* line 2109, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone section.order .order-list .scroll-box {
      top: 0;
      margin: 0;
      border-top: 1px solid #DDD;
      -webkit-overflow-scrolling: touch; }
      /* line 2114, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .order-list .scroll-box li {
        margin: 5px 0;
        border-top: 1px solid #DDD; }
        /* line 2117, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .order-list .scroll-box li:first-child {
          border: none; }
        /* line 2119, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .order-list .scroll-box li:last-child {
          border-bottom: 1px solid #DDD; }
      /* line 2121, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      body.phone section.order .order-list .scroll-box .order-row {
        height: 70px;
        padding: 10px; }
        /* line 2124, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .order-list .scroll-box .order-row .flex-header {
          top: 10px;
          left: 10px;
          right: 10px;
          bottom: 10px; }
          /* line 2129, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .flex-header.editing-orders {
            left: 40px; }
        /* line 2131, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        body.phone section.order .order-list .scroll-box .order-row .column {
          font-size: 90%;
          border: none;
          line-height: 20px;
          height: 20px;
          padding: 0; }
          /* line 2137, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-0 {
            width: 30px;
            height: 100%;
            text-align: center;
            padding: 18px 0;
            padding-right: 10px; }
          /* line 2143, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-1 {
            width: 50px;
            padding: 0 3px;
            color: #fff;
            text-align: center;
            border-radius: 2px; }
            /* line 2149, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.unpaid {
              background-color: #E74B3C; }
            /* line 2151, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.transferred {
              background-color: #F39C11; }
            /* line 2153, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.paid {
              background-color: #3399DB; }
            /* line 2155, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.shipped {
              background-color: #2DCD71; }
            /* line 2157, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.expired {
              background-color: #7E8C8D; }
            /* line 2159, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-1.voided {
              background-color: #C1392B; }
          /* line 2161, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-2 {
            float: right;
            text-align: right;
            width: 55px; }
          /* line 2165, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-3 {
            width: 100%;
            padding: 0 60px; }
          /* line 2168, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-4 {
            text-align: right;
            float: right;
            margin-top: 10px;
            width: 70px; }
          /* line 2173, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-5 {
            margin-top: 10px;
            width: 50px; }
          /* line 2176, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
          body.phone section.order .order-list .scroll-box .order-row .column.column-6 {
            width: 100%;
            padding-left: 60px;
            padding-right: 75px;
            position: absolute;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center; }
            /* line 2185, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
            body.phone section.order .order-list .scroll-box .order-row .column.column-6 .orders-transferred-bank {
              margin: 0;
              margin-right: 3px; }
/* line 2189, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.phone section.order-sheet .content .tab.items > .new .dropdown-menu input[type=file] {
  display: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0; }

@media (min-width: 601px) and (max-width: 768px) {
  /* line 2204, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet section.order .filter-box .order-creator {
    display: none; }
  /* line 2207, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet section.order .action-box .order-creator {
    display: block; } }
/* line 2212, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.conversation-detail-order section.order-sheet header .header-button {
  display: none; }
  /* line 2214, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .conversation-detail-order section.order-sheet header .header-button.more-menu {
    display: block !important; }

/* line 2220, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.desktop .conversation-detail-order .order-sheet .sms .action-group {
  float: none; }
  /* line 2222, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop .conversation-detail-order .order-sheet .sms .action-group .left {
    float: left;
    margin-right: 10px;
    width: 100%; }
    /* line 2226, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop .conversation-detail-order .order-sheet .sms .action-group .left input {
      width: calc(100% - 112px); }
  /* line 2228, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.desktop .conversation-detail-order .order-sheet .sms .action-group .right {
    float: right;
    text-align: left;
    width: 100%; }
    /* line 2232, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.desktop .conversation-detail-order .order-sheet .sms .action-group .right input {
      width: calc(100% - 141px); }

/* line 2235, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.tablet .more-menu {
  display: block; }
/* line 2240, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.tablet .conversation-detail-order .order-sheet .sms .action-group {
  float: none; }
  /* line 2242, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet .conversation-detail-order .order-sheet .sms .action-group .left {
    float: left;
    margin-right: 10px;
    width: 100%; }
    /* line 2246, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.tablet .conversation-detail-order .order-sheet .sms .action-group .left input {
      width: calc(100% - 112px); }
  /* line 2248, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.tablet .conversation-detail-order .order-sheet .sms .action-group .right {
    float: right;
    text-align: left;
    width: 100%; }
    /* line 2252, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.tablet .conversation-detail-order .order-sheet .sms .action-group .right input {
      width: calc(100% - 141px); }

/* line 2258, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
body.phone .conversation-detail-order .order-sheet .sms .action-group {
  float: none; }
  /* line 2260, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone .conversation-detail-order .order-sheet .sms .action-group .left {
    margin-right: 10px;
    width: 100%; }
    /* line 2263, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone .conversation-detail-order .order-sheet .sms .action-group .left input {
      width: calc(100% - 112px); }
  /* line 2265, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  body.phone .conversation-detail-order .order-sheet .sms .action-group .right {
    text-align: left;
    width: 100%; }
    /* line 2268, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    body.phone .conversation-detail-order .order-sheet .sms .action-group .right input {
      width: calc(100% - 141px); }

/* line 2271, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.copy-modal textarea {
  width: 100%;
  min-height: 250px;
  overflow-y: scroll;
  padding: 14px;
  resize: none; }

/* line 2277, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.slip-upload-label {
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
  font-size: 90%;
  cursor: pointer;
  margin-bottom: 0; }
  /* line 2288, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .slip-upload-label:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5; }

/* line 2292, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
input[type=file].slip-upload-input {
  display: none; }

/* line 2294, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.image-slip {
  margin-top: 8px; }

/* line 2296, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.edit-slip-container {
  width: 100%; }
  /* line 2298, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .edit-slip-container .delete {
    color: #C33825; }
  /* line 2300, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .edit-slip-container .glyphicons {
    padding-left: 20px; }
  /* line 2302, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .edit-slip-container .glyphicons:before {
    font-size: 14px;
    vertical-align: middle;
    top: -9px;
    margin-right: 5px; }

/* line 2308, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
.order-admin-assign {
  margin-top: 4px;
  position: relative;
  display: flex;
  justify-content: space-between;
  height: auto;
  max-width: 180px;
  display: inline-block; }
  /* line 2316, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .order-admin-assign .user-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 80px; }
  /* line 2324, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .order-admin-assign .detail .not-assign {
    color: #AAA; }
  /* line 2326, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .order-admin-assign .detail .caret {
    color: #AAA; }
  /* line 2328, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .order-admin-assign .detail .button {
    display: inline-block;
    line-height: 2.5;
    padding-left: 5px; }
    /* line 2332, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    .order-admin-assign .detail .button button {
      border: 0;
      background-color: transparent;
      padding: 0;
      width: 165px; }
      /* line 2337, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      .order-admin-assign .detail .button button .icon {
        display: inline-block;
        padding: 5px;
        width: 35px;
        height: 35px;
        text-align: center;
        border-radius: 50%;
        background-color: white;
        color: #AAA;
        border: 1px solid #bbbbbb;
        margin-right: 5px;
        vertical-align: middle;
        line-height: 1.3;
        background-size: cover; }
        /* line 2351, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        .order-admin-assign .detail .button button .icon .glyphicons:before {
          font-size: 16px;
          color: #AAA;
          top: -11px;
          left: 3px; }
  /* line 2356, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
  .order-admin-assign .detail .dropdown-menu {
    padding: 0;
    left: 0;
    width: 200px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden; }
    /* line 2363, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
    .order-admin-assign .detail .dropdown-menu li {
      position: relative;
      height: auto;
      border-bottom: 1px solid #dedede; }
      /* line 2367, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      .order-admin-assign .detail .dropdown-menu li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding: 10px 15px; }
        /* line 2373, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
        .order-admin-assign .detail .dropdown-menu li a.active-text {
          color: #26B899; }
      /* line 2375, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      .order-admin-assign .detail .dropdown-menu li span {
        display: block;
        color: #AAA; }
      /* line 2378, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      .order-admin-assign .detail .dropdown-menu li .active-user {
        position: absolute;
        top: 20px;
        right: -15px;
        color: #26B899; }
      /* line 2383, /drone/softbaked/page365/app/assets/stylesheets/hg/orders.css.sass */
      .order-admin-assign .detail .dropdown-menu li .active-user:before {
        font-size: 1em; }
/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
section.customers {
  top: 0;
  left: 0;
  right: 60%;
  bottom: 0;
  background-color: #fff; }
  /* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 50px;
    background-color: #f6f6f6;
    border-right: 1px solid #ddd; }
  /* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers ul {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 60px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0;
    margin: 0; }
  /* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #f6f6f6;
    border-right: 1px solid #ddd; }
  /* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers ul li:hover {
    background: #e7f0ee; }
  /* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers header {
    overflow: visible;
    border-bottom: 1px solid #dedede;
    background: #f9f9f9; }
    /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers header .search-box {
      margin-top: 12px; }
      /* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers header .search-box .filter-tags-button {
        position: relative;
        float: right;
        height: 22px;
        margin-left: 10px; }
        /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers header .search-box .filter-tags-button .tag-btn {
          min-width: 90px; }
        /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers header .search-box .filter-tags-button .account-tags-box {
          position: relative;
          height: auto;
          max-height: 200px;
          overflow-y: auto; }
        /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers header .search-box .filter-tags-button .dropdown-menu {
          margin-top: -15px;
          margin-left: -70px;
          padding-top: 10px;
          min-height: 213px; }
          /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button .dropdown-menu li:first-child a {
            color: #333; }
          /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button .dropdown-menu li:hover {
            background: #f5f5f5; }
          /* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button .dropdown-menu a {
            width: 100%;
            padding-left: 10px;
            display: inline-block; }
            /* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
            section.customers header .search-box .filter-tags-button .dropdown-menu a:hover {
              text-decoration: none; }
        /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers header .search-box .filter-tags-button button.btn.btn-default {
          padding: 2px 20px 0 10px;
          height: 28px; }
          /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button button.btn.btn-default .caret {
            position: absolute;
            top: 0;
            right: 5px; }
          /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button button.btn.btn-default span {
            display: inline-block;
            color: #444;
            margin-right: 3px;
            font-size: 120%;
            line-height: 22px; }
          /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customers header .search-box .filter-tags-button button.btn.btn-default .glyphicons:before, section.customers header .search-box .filter-tags-button button.btn.btn-default .glyphicons {
            color: inherit;
            margin: 0;
            float: left;
            margin-top: 2px;
            margin-right: -28px; }
      /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers header .search-box .glyphicons-remove-2 {
        position: absolute;
        right: 6px;
        top: 8px;
        cursor: pointer; }
  /* line 108, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers ul li.customer-list {
    position: relative;
    cursor: pointer;
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #f3f3f3; }
    /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .customer-icon {
      position: absolute;
      right: 0;
      top: 5px;
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      background-size: 75px 60px;
      background-image: url(/assets/hg/icon/social-type-c699c9a3de6fd02cfd15d2c2e335f05264199892519adc65fc002a3444ae8248.png); }
      /* line 125, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .customer-icon.facebook-icon {
        background-position: 0 -15px; }
      /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .customer-icon.page365-icon {
        background-position: -15px -15px; }
      /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .customer-icon.line-icon {
        background-position: -30px -15px; }
      /* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .customer-icon.instagram-icon {
        background-position: -45px -15px; }
      /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .customer-icon.line-at-icon {
        background-position: -60px -15px; }
    /* line 135, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .box-img {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 40px;
      height: 40px;
      background-image: url(/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png);
      background-size: 40px;
      background-repeat: no-repeat;
      background-position: center; }
      /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .box-img .avatar {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background-size: cover;
        background-position: center center; }
    /* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .box-name {
      position: absolute;
      top: 5px;
      left: 65px;
      right: 60px;
      height: 25px; }
      /* line 158, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .box-name .name {
        font-size: 110%;
        font-weight: 500;
        line-height: 25px;
        color: #666;
        display: inline-block;
        max-width: 100%;
        padding-right: 20px;
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        position: relative; }
    /* line 170, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .box-tag {
      position: absolute;
      top: 27px;
      left: 60px;
      right: 60px;
      height: 25px;
      overflow: hidden; }
      /* line 177, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .box-tag .tag {
        display: inline-block;
        margin-left: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        padding: 2px 4px 2px 4px;
        box-sizing: border-box;
        line-height: 12px;
        font-size: 65%;
        color: white;
        font-weight: 600; }
    /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .box-date {
      position: absolute;
      top: 5px;
      right: 10px; }
      /* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .box-date .date {
        font-size: 90%;
        color: #999; }
    /* line 195, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.customer-list .box-order-count {
      position: absolute;
      top: 27px;
      right: 10px; }
      /* line 199, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.customer-list .box-order-count .order-count {
        background-color: #00B899;
        display: inline-block;
        border-radius: 10px;
        padding: 3px 5px 3px 4px;
        line-height: 12px;
        font-size: 65%;
        color: white;
        font-weight: 600; }
        /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers ul li.customer-list .box-order-count .order-count span {
          padding-left: 20px; }
        /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customers ul li.customer-list .box-order-count .order-count .glyphicons:before {
          font-size: 11px;
          top: -6px;
          left: auto;
          right: 0;
          color: #fff; }
  /* line 217, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers ul li.active {
    background: #00B899;
    color: #fff; }
    /* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.active .box-name span.name {
      color: #fff !important; }
    /* line 223, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.active .box-name .customer-icon {
      background-position-y: -30px; }
    /* line 225, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.active .box-date time {
      color: #fff !important; }
    /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers ul li.active .box-order-count span.order-count {
      background: #fff;
      color: #26b899; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customers ul li.active .box-order-count span.order-count > .glyphicons:before {
        color: #26b899; }
  /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customers footer {
    border-top: 1px solid #ddd; }
    /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customers footer .customer-total {
      text-align: center;
      margin-top: 20px;
      font-weight: bold; }

/* line 239, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
section.customer-detail {
  top: 0;
  left: 40%;
  right: 0;
  bottom: 0;
  color: #fff;
  -webkit-overflow-scrolling: touch; }
  /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customer-detail aside {
    min-height: 145px;
    background-color: #f1f1f1;
    color: #000;
    display: flex; }
    /* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail aside.have-tags {
      min-height: 145px; }
    /* line 253, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail aside .header {
      position: relative;
      width: 100%;
      overflow: inherit; }
      /* line 257, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .box-picture {
        position: absolute;
        top: 10px;
        left: 20px;
        width: 90px;
        height: 90px;
        background-image: url(/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png);
        background-size: 90px;
        background-repeat: no-repeat;
        background-position: center center; }
        /* line 267, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-picture .avatar {
          display: inline-block;
          width: 90px;
          height: 90px;
          border-radius: 50px;
          background-size: cover;
          background-position: center center; }
      /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .box-name {
        position: absolute;
        top: 0;
        left: 130px; }
        /* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-name .name-edit {
          color: #000000;
          font-size: 30px;
          display: flex; }
          /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .name-edit span {
            margin-top: 10px;
            font-size: 30px;
            color: #000000; }
            /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
            section.customer-detail aside .header .box-name .name-edit span i.glyphicons {
              left: 4px;
              top: -9px; }
            /* line 289, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
            section.customer-detail aside .header .box-name .name-edit span i.glyphicons:before {
              font-size: 16px; }
          /* line 291, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .name-edit input[type='text'] {
            margin-top: 1px;
            border-radius: 5px;
            outline: none;
            border: 1px solid #E0E0E0;
            background-color: #f1f1f1;
            padding: 0px; }
        /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-name .contact-icon {
          background-image: url(/assets/hg/icon/conversation-type-eb0485839a680cb25e78b97f046e9d8c9724094cf6644ed656a4881169cedb86.png);
          background-size: 96px 80px;
          background-position-y: -48px;
          border-radius: 10px;
          width: 16px;
          height: 16px;
          padding: 0;
          margin: 0 2px 0 0; }
          /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .contact-icon.line-green-icon {
            background-position-x: -32px; }
          /* line 309, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .contact-icon.facebook-green-icon {
            background-position-x: -16px;
            margin-top: 6px; }
          /* line 312, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .contact-icon.line-at-green-icon {
            background-position-x: -80px;
            margin-top: 6px; }
        /* line 315, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-name .email-green-icon {
          width: 18px;
          height: 16px;
          padding: 0;
          margin: 5px 0 0 0; }
          /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .box-name .email-green-icon:before {
            font-size: 16px; }
        /* line 322, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-name span {
          margin: 4px 10px 0 4px;
          float: left;
          color: #05B99C;
          font-size: 80%;
          cursor: pointer; }
      /* line 328, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .box-time {
        position: absolute;
        color: #666;
        font-size: 90%; }
        /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-time .glyphicons {
          padding-left: 20px;
          color: #666; }
        /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-time .glyphicons:before {
          font-size: 12px;
          top: -9px;
          color: #999; }
        /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .box-time .glyphicons.glyphicons-conversation:before {
          font-size: 14px; }
      /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .top {
        top: 60px;
        left: 134px; }
      /* line 344, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .bottom {
        top: 80px;
        left: 132px; }
      /* line 347, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .box-order {
        position: absolute;
        top: 70px;
        right: 20px; }
      /* line 351, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail aside .header .nav {
        position: absolute;
        width: 100%;
        top: 110px;
        height: 35px;
        background: #fafafa; }
        /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .nav i.glyphicons:before {
          color: #888888; }
        /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .nav .account-tags-box li:hover {
          background: #f5f5f5; }
        /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .nav .account-tags-box li {
          cursor: pointer; }
          /* line 364, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .account-tags-box li a {
            width: 100%;
            display: block;
            padding-left: 10px;
            font-style: normal;
            font-size: 90%;
            text-decoration: none; }
        /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail aside .header .nav .customer-tag-box {
          position: absolute;
          border-top: 1px solid #eeeeee;
          border-bottom: 1px solid #eeeeee;
          height: auto;
          background: #fafafa;
          padding: 5px 0 10px 5px;
          width: 100%; }
          /* line 379, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .inner-tags {
            max-height: 52px;
            overflow-y: scroll; }
            /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
            section.customer-detail aside .header .nav .customer-tag-box .inner-tags .customer-tag {
              cursor: pointer; }
          /* line 385, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .btn-group.open {
            box-shadow: none; }
          /* line 387, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .btn-group .dropdown-toggle {
            line-height: 18px; }
          /* line 389, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .btn-group .glyphicons:before, section.customer-detail aside .header .nav .customer-tag-box .btn-group .glyphicons {
            color: #888888;
            margin-top: -6px;
            margin-right: -30px; }
          /* line 393, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .btn-group {
            margin-top: 4px; }
          /* line 395, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
          section.customer-detail aside .header .nav .customer-tag-box .customer-tag {
            position: relative;
            margin-left: 5px;
            margin-top: 5px;
            border: 1px solid #CCCCCC;
            width: auto;
            font-size: 75%;
            font-weight: 500;
            display: inline-block;
            border-radius: 4px;
            line-height: 18px;
            box-sizing: border-box;
            padding-left: 6px; }
            /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
            section.customer-detail aside .header .nav .customer-tag-box .customer-tag a {
              border-left: 1px solid rgba(255, 255, 255, 0.2);
              margin-left: 4px;
              padding: 0 3px; }
              /* line 412, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
              section.customer-detail aside .header .nav .customer-tag-box .customer-tag a .glyphicons {
                padding-left: 12px; }
              /* line 414, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
              section.customer-detail aside .header .nav .customer-tag-box .customer-tag a .glyphicons:before, section.customer-detail aside .header .nav .customer-tag-box .customer-tag a .glyphicons {
                color: rgba(255, 255, 255, 0.5);
                font-size: 9px;
                line-height: 2px; }
              /* line 419, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
              section.customer-detail aside .header .nav .customer-tag-box .customer-tag a:hover .glyphicons:before, section.customer-detail aside .header .nav .customer-tag-box .customer-tag a:hover .glyphicons {
                color: #fff; }
  /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customer-detail .profile-detail {
    color: #bbb;
    width: 500px;
    max-width: 100%;
    margin: 35px auto; }
    /* line 427, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail textarea {
      width: 100%;
      min-height: 75px;
      border-radius: 5px;
      padding: 5px;
      margin: 0;
      height: auto;
      resize: none;
      border: 1px solid #E0E0E0;
      color: #666; }
    /* line 437, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail input[type='text'] {
      width: 100%;
      border-radius: 5px;
      padding: 5px;
      outline: none;
      border: 1px solid #E0E0E0;
      color: #666; }
    /* line 444, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail span.glyphicons {
      padding-left: 20px;
      float: left;
      width: 100px;
      color: #bbb;
      margin-top: 5px;
      margin-left: 10px;
      font-size: 70%;
      line-height: 20px; }
    /* line 453, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail span.glyphicons:before {
      font-size: 14px;
      top: 3px;
      color: #bbb;
      line-height: 20px; }
    /* line 458, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail .resize {
      position: absolute;
      right: 10px;
      left: 155px; }
      /* line 462, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .resize i.glyphicons {
        left: 5px;
        top: -8px; }
      /* line 465, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .resize i.glyphicons:before {
        font-size: 14px; }
      /* line 467, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .resize span {
        margin-top: 6px;
        margin-left: 6px;
        display: block;
        cursor: pointer; }
      /* line 472, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .resize span.active {
        color: #666; }
    /* line 474, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail .tel, section.customer-detail .profile-detail .address, section.customer-detail .profile-detail .note {
      position: relative;
      width: 100%; }
      /* line 477, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .tel .col-name, section.customer-detail .profile-detail .address .col-name, section.customer-detail .profile-detail .note .col-name {
        position: absolute;
        top: 6px;
        left: 30px;
        color: #bbb; }
    /* line 482, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail .tel {
      min-height: 50px; }
    /* line 484, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-detail .address, section.customer-detail .profile-detail .note {
      min-height: 90px; }
      /* line 486, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-detail .address .resize span, section.customer-detail .profile-detail .note .resize span {
        white-space: pre-line;
        position: relative; }
        /* line 489, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-detail .address .resize span i.glyphicons, section.customer-detail .profile-detail .note .resize span i.glyphicons {
          left: inherit; }
  /* line 491, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customer-detail .profile-orders {
    color: #bbb;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px;
    top: 410px;
    width: 500px;
    max-width: 100%;
    margin: 20px auto;
    padding: 0 10px 0 155px; }
    /* line 502, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-orders div.header {
      background: #FAFAFA;
      padding: 5px 10px;
      border: 1px solid #EDEDED;
      border-radius: 4px 4px 0 0;
      position: relative;
      top: -24px;
      color: #666666; }
      /* line 510, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-orders div.header span {
        background: #BBBBBB;
        display: inline-block;
        min-width: 10px;
        padding: 1px 5px;
        font-size: 60%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 10px; }
    /* line 523, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    section.customer-detail .profile-orders ul.order {
      position: relative;
      top: -24px;
      overflow-y: scroll;
      height: 100%;
      margin: 0;
      border-bottom: 1px solid #EDEDED;
      border-left: 1px solid #EDEDED;
      border-right: 1px solid #EDEDED;
      color: #666666;
      border-radius: 0 0 5px 5px; }
      /* line 534, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-orders ul.order li {
        position: relative;
        color: pointer;
        border-bottom: 1px solid #EDEDED;
        cursor: pointer; }
      /* line 539, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-orders ul.order li:hover {
        background: #fafafa; }
      /* line 541, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      section.customer-detail .profile-orders ul.order li.body {
        height: 60px;
        position: relative;
        font-size: 90%; }
        /* line 545, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body div, section.customer-detail .profile-orders ul.order li.body time {
          position: absolute; }
        /* line 547, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .no {
          top: 15px;
          left: 10px;
          font-size: 150%;
          background: #000;
          padding: 5px;
          border-radius: 5px;
          width: 70px;
          text-align: center;
          color: #fff; }
        /* line 557, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .name {
          top: 10px;
          left: 90px;
          right: 100px;
          font-weight: 500; }
        /* line 562, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage {
          top: 30px;
          left: 90px; }
        /* line 565, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .date {
          top: 10px;
          right: 10px; }
        /* line 568, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .total {
          top: 30px;
          right: 10px; }
        /* line 571, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-0 {
          background: #777; }
        /* line 573, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-1 {
          background: #E74B3C; }
        /* line 575, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-2 {
          background: #F39C11; }
        /* line 577, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-3 {
          background: #3399DB; }
        /* line 579, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-4 {
          background: #2DCD71; }
        /* line 581, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-5 {
          background: #7E8C8D; }
        /* line 583, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-bg-color-6 {
          background: #C1392B; }
        /* line 585, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-0 {
          color: #777; }
        /* line 587, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-1 {
          color: #E74B3C; }
        /* line 589, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-2 {
          color: #F39C11; }
        /* line 591, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-3 {
          color: #3399DB; }
        /* line 593, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-4 {
          color: #2DCD71; }
        /* line 595, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-5 {
          color: #7E8C8D; }
        /* line 597, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        section.customer-detail .profile-orders ul.order li.body .stage-txt-color-6 {
          color: #C1392B; }
  /* line 600, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customer-detail .more-pdt {
    padding-top: 25px; }
  /* line 602, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  section.customer-detail .more-t {
    top: 425px; }

/* line 606, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.tablet section.customer-detail .profile-orders {
  padding: 0 15px 0 15px; }

/* line 610, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers section.customers {
  width: 100%; }
/* line 612, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers section.customer-detail {
  left: 100%; }

/* line 615, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers\.detail nav.navbar {
  display: none; }
/* line 617, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers\.detail section.main {
  top: 0; }
/* line 619, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers\.detail .nav-topbar {
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  height: 50px;
  z-index: 1000;
  padding: 10px;
  color: #000; }
  /* line 630, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail .nav-topbar .glyphicons-chevron-left:before {
    color: #666; }
/* line 632, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers\.detail section.customers {
  left: 100%; }
/* line 634, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
body.phone.account\.nav\.customers\.detail section.customer-detail {
  width: 100%;
  left: 0;
  overflow-y: scroll;
  background: #F3F3F3;
  top: 0;
  padding-top: 50px; }
  /* line 641, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail aside {
    min-height: 75px;
    background: #F3F3F3; }
    /* line 645, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav {
      background: #F3F3F3; }
      /* line 647, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box {
        display: none;
        background: none;
        border: none;
        padding: 5px 0 10px 0;
        background: #fff;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        min-height: 42px; }
        /* line 656, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box .inner-tags {
          background: #fff; }
        /* line 658, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box .btn-group.pull-left,
        body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box div a {
          display: none; }
        /* line 661, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box div {
          padding-right: 6px; }
        /* line 663, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
        body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .nav .customer-tag-box.have-tags {
          display: block; }
    /* line 665, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-picture {
      position: absolute;
      top: 10px;
      left: 20px;
      width: 60px;
      height: 60px;
      background-image: url(/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png);
      background-size: 60px;
      background-repeat: no-repeat;
      background-position: center; }
      /* line 675, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-picture .avatar {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-size: cover;
        background-position: center center; }
    /* line 681, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name {
      left: 95px;
      top: 5px; }
      /* line 684, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name h2 {
        float: none;
        font-size: 120%;
        margin-bottom: 0; }
      /* line 688, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name span:nth-child(2) {
        margin-top: 4px;
        margin-left: 0; }
      /* line 691, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name span:nth-child(3) {
        margin-top: 2px;
        margin-left: 3px; }
      /* line 694, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name span:nth-child(4) {
        margin-top: 0;
        margin-left: 10px; }
      /* line 697, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
      body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-name span:nth-child(5) {
        margin-top: 5px;
        margin-left: 3px; }
    /* line 700, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .top {
      left: 98px;
      top: 60px;
      font-size: 70% !important; }
    /* line 704, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .bottom {
      left: 96px;
      top: 80px;
      font-size: 70% !important; }
    /* line 708, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail aside .header .box-order {
      display: none; }
  /* line 710, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail .profile-orders {
    padding: 0 10px 0 10px;
    bottom: 0;
    position: initial; }
    /* line 714, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail .profile-orders ul.order {
      background: #fff; }
  /* line 716, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail .profile-detail {
    margin: 40px auto 20px; }
    /* line 718, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail .profile-detail.have-tags {
      margin-top: 90px; }
  /* line 720, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail .col-name {
    display: none; }
  /* line 723, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail .tel .glyphicons, body.phone.account\.nav\.customers\.detail section.customer-detail .address .glyphicons, body.phone.account\.nav\.customers\.detail section.customer-detail .note .glyphicons {
    z-index: 10;
    left: 10px; }
  /* line 726, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
  body.phone.account\.nav\.customers\.detail section.customer-detail .resize {
    left: 10px; }
    /* line 728, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail .resize span.glyphicons-notes {
      margin-left: 10px; }
    /* line 730, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail .resize span {
      padding-left: 30px;
      word-wrap: break-word; }
    /* line 733, /drone/softbaked/page365/app/assets/stylesheets/hg/customers.css.sass */
    body.phone.account\.nav\.customers\.detail section.customer-detail .resize textarea,
    body.phone.account\.nav\.customers\.detail section.customer-detail .resize input[type='text'] {
      padding-left: 35px; }
@charset "UTF-8";
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +screen(max, 300px)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +screen(min, 480px, max, 768px)
 *      color: green
 *
 */
/* line 35, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
section.analytics {
  position: relative;
  padding: 10px;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  background: #eee;
  -webkit-overflow-scrolling: touch; }
  /* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics a {
    color: #26b899;
    font-weight: 400;
    letter-spacing: -0.1px;
    cursor: pointer; }
    /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics a:hover, section.analytics a:focus {
      text-decoration: none; }
    /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics a.active {
      color: #15957a;
      font-weight: 500; }
  /* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .card, section.analytics .info .main, section.analytics .info .aside, section.analytics .texts .main, section.analytics .bars .aside, section.analytics .profit-and-cost .body, section.analytics .product .body, section.analytics .product .footer {
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background-color: #fff; }
  /* line 65, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .analytics-faq {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.2em;
    color: #26b899; }
    /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .analytics-faq .glyphicons:before {
      font-size: 0.8em;
      line-height: 0;
      left: 30px; }
  /* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .card-group .card, section.analytics .info .card, section.analytics .texts .card, section.analytics .bars .card, section.analytics .profit-and-cost .card, section.analytics .product .card, section.analytics .info .main, section.analytics .info .aside, section.analytics .texts .main, section.analytics .bars .aside, section.analytics .profit-and-cost .body, section.analytics .product .body, section.analytics .product .footer {
    margin: 5px 0;
    border-right-width: 0;
    border-radius: 0; }
    /* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .card-group .card:first-child, section.analytics .info .card:first-child, section.analytics .texts .card:first-child, section.analytics .bars .card:first-child, section.analytics .profit-and-cost .card:first-child, section.analytics .product .card:first-child, section.analytics .info .main:first-child, section.analytics .info .aside:first-child, section.analytics .texts .main:first-child, section.analytics .bars .aside:first-child, section.analytics .profit-and-cost .body:first-child, section.analytics .product .body:first-child, section.analytics .product .footer:first-child {
      margin-left: 5px;
      border-radius: 3px 0 0 3px; }
    /* line 84, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .card-group .card:last-child, section.analytics .info .card:last-child, section.analytics .texts .card:last-child, section.analytics .bars .card:last-child, section.analytics .profit-and-cost .card:last-child, section.analytics .product .card:last-child, section.analytics .info .main:last-child, section.analytics .info .aside:last-child, section.analytics .texts .main:last-child, section.analytics .bars .aside:last-child, section.analytics .profit-and-cost .body:last-child, section.analytics .product .body:last-child, section.analytics .product .footer:last-child {
      margin-right: 5px;
      border-right-width: 1px;
      border-radius: 0 3px 3px 0; }
  /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .card-group.vertical .card, section.analytics .vertical.info .card, section.analytics .vertical.texts .card, section.analytics .vertical.bars .card, section.analytics .vertical.profit-and-cost .card, section.analytics .vertical.product .card, section.analytics .card-group.vertical .info .main, section.analytics .info .card-group.vertical .main, section.analytics .vertical.info .main, section.analytics .vertical.bars .info .main, section.analytics .info .vertical.bars .main, section.analytics .vertical.profit-and-cost .info .main, section.analytics .info .vertical.profit-and-cost .main, section.analytics .vertical.product .info .main, section.analytics .info .vertical.product .main, section.analytics .card-group.vertical .info .aside, section.analytics .info .card-group.vertical .aside, section.analytics .vertical.info .aside, section.analytics .vertical.texts .info .aside, section.analytics .info .vertical.texts .aside, section.analytics .vertical.profit-and-cost .info .aside, section.analytics .info .vertical.profit-and-cost .aside, section.analytics .vertical.product .info .aside, section.analytics .info .vertical.product .aside, section.analytics .card-group.vertical .texts .main, section.analytics .texts .card-group.vertical .main, section.analytics .vertical.texts .main, section.analytics .vertical.bars .texts .main, section.analytics .texts .vertical.bars .main, section.analytics .vertical.profit-and-cost .texts .main, section.analytics .texts .vertical.profit-and-cost .main, section.analytics .vertical.product .texts .main, section.analytics .texts .vertical.product .main, section.analytics .card-group.vertical .bars .aside, section.analytics .bars .card-group.vertical .aside, section.analytics .vertical.texts .bars .aside, section.analytics .bars .vertical.texts .aside, section.analytics .vertical.bars .aside, section.analytics .vertical.profit-and-cost .bars .aside, section.analytics .bars .vertical.profit-and-cost .aside, section.analytics .vertical.product .bars .aside, section.analytics .bars .vertical.product .aside, section.analytics .card-group.vertical .profit-and-cost .body, section.analytics .profit-and-cost .card-group.vertical .body, section.analytics .vertical.info .profit-and-cost .body, section.analytics .profit-and-cost .vertical.info .body, section.analytics .vertical.texts .profit-and-cost .body, section.analytics .profit-and-cost .vertical.texts .body, section.analytics .vertical.bars .profit-and-cost .body, section.analytics .profit-and-cost .vertical.bars .body, section.analytics .vertical.profit-and-cost .body, section.analytics .card-group.vertical .product .body, section.analytics .product .card-group.vertical .body, section.analytics .vertical.info .product .body, section.analytics .product .vertical.info .body, section.analytics .vertical.texts .product .body, section.analytics .product .vertical.texts .body, section.analytics .vertical.bars .product .body, section.analytics .product .vertical.bars .body, section.analytics .vertical.product .body, section.analytics .card-group.vertical .product .footer, section.analytics .product .card-group.vertical .footer, section.analytics .vertical.info .product .footer, section.analytics .product .vertical.info .footer, section.analytics .vertical.texts .product .footer, section.analytics .product .vertical.texts .footer, section.analytics .vertical.bars .product .footer, section.analytics .product .vertical.bars .footer, section.analytics .vertical.profit-and-cost .product .footer, section.analytics .product .vertical.profit-and-cost .footer, section.analytics .vertical.product .footer {
    margin: 0 5px;
    border-right-width: 1px;
    border-bottom-width: 0; }
    /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .card-group.vertical .card:first-child, section.analytics .vertical.info .card:first-child, section.analytics .vertical.texts .card:first-child, section.analytics .vertical.bars .card:first-child, section.analytics .vertical.profit-and-cost .card:first-child, section.analytics .vertical.product .card:first-child, section.analytics .card-group.vertical .info .main:first-child, section.analytics .info .card-group.vertical .main:first-child, section.analytics .vertical.info .main:first-child, section.analytics .vertical.bars .info .main:first-child, section.analytics .info .vertical.bars .main:first-child, section.analytics .vertical.profit-and-cost .info .main:first-child, section.analytics .info .vertical.profit-and-cost .main:first-child, section.analytics .vertical.product .info .main:first-child, section.analytics .info .vertical.product .main:first-child, section.analytics .card-group.vertical .info .aside:first-child, section.analytics .info .card-group.vertical .aside:first-child, section.analytics .vertical.info .aside:first-child, section.analytics .vertical.texts .info .aside:first-child, section.analytics .info .vertical.texts .aside:first-child, section.analytics .vertical.profit-and-cost .info .aside:first-child, section.analytics .info .vertical.profit-and-cost .aside:first-child, section.analytics .vertical.product .info .aside:first-child, section.analytics .info .vertical.product .aside:first-child, section.analytics .card-group.vertical .texts .main:first-child, section.analytics .texts .card-group.vertical .main:first-child, section.analytics .vertical.texts .main:first-child, section.analytics .vertical.bars .texts .main:first-child, section.analytics .texts .vertical.bars .main:first-child, section.analytics .vertical.profit-and-cost .texts .main:first-child, section.analytics .texts .vertical.profit-and-cost .main:first-child, section.analytics .vertical.product .texts .main:first-child, section.analytics .texts .vertical.product .main:first-child, section.analytics .card-group.vertical .bars .aside:first-child, section.analytics .bars .card-group.vertical .aside:first-child, section.analytics .vertical.texts .bars .aside:first-child, section.analytics .bars .vertical.texts .aside:first-child, section.analytics .vertical.bars .aside:first-child, section.analytics .vertical.profit-and-cost .bars .aside:first-child, section.analytics .bars .vertical.profit-and-cost .aside:first-child, section.analytics .vertical.product .bars .aside:first-child, section.analytics .bars .vertical.product .aside:first-child, section.analytics .card-group.vertical .profit-and-cost .body:first-child, section.analytics .profit-and-cost .card-group.vertical .body:first-child, section.analytics .vertical.info .profit-and-cost .body:first-child, section.analytics .profit-and-cost .vertical.info .body:first-child, section.analytics .vertical.texts .profit-and-cost .body:first-child, section.analytics .profit-and-cost .vertical.texts .body:first-child, section.analytics .vertical.bars .profit-and-cost .body:first-child, section.analytics .profit-and-cost .vertical.bars .body:first-child, section.analytics .vertical.profit-and-cost .body:first-child, section.analytics .card-group.vertical .product .body:first-child, section.analytics .product .card-group.vertical .body:first-child, section.analytics .vertical.info .product .body:first-child, section.analytics .product .vertical.info .body:first-child, section.analytics .vertical.texts .product .body:first-child, section.analytics .product .vertical.texts .body:first-child, section.analytics .vertical.bars .product .body:first-child, section.analytics .product .vertical.bars .body:first-child, section.analytics .vertical.product .body:first-child, section.analytics .card-group.vertical .product .footer:first-child, section.analytics .product .card-group.vertical .footer:first-child, section.analytics .vertical.info .product .footer:first-child, section.analytics .product .vertical.info .footer:first-child, section.analytics .vertical.texts .product .footer:first-child, section.analytics .product .vertical.texts .footer:first-child, section.analytics .vertical.bars .product .footer:first-child, section.analytics .product .vertical.bars .footer:first-child, section.analytics .vertical.profit-and-cost .product .footer:first-child, section.analytics .product .vertical.profit-and-cost .footer:first-child, section.analytics .vertical.product .footer:first-child {
      margin-top: 5px;
      border-radius: 3px 3px 0 0; }
    /* line 96, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .card-group.vertical .card:last-child, section.analytics .vertical.info .card:last-child, section.analytics .vertical.texts .card:last-child, section.analytics .vertical.bars .card:last-child, section.analytics .vertical.profit-and-cost .card:last-child, section.analytics .vertical.product .card:last-child, section.analytics .card-group.vertical .info .main:last-child, section.analytics .info .card-group.vertical .main:last-child, section.analytics .vertical.info .main:last-child, section.analytics .vertical.bars .info .main:last-child, section.analytics .info .vertical.bars .main:last-child, section.analytics .vertical.profit-and-cost .info .main:last-child, section.analytics .info .vertical.profit-and-cost .main:last-child, section.analytics .vertical.product .info .main:last-child, section.analytics .info .vertical.product .main:last-child, section.analytics .card-group.vertical .info .aside:last-child, section.analytics .info .card-group.vertical .aside:last-child, section.analytics .vertical.info .aside:last-child, section.analytics .vertical.texts .info .aside:last-child, section.analytics .info .vertical.texts .aside:last-child, section.analytics .vertical.profit-and-cost .info .aside:last-child, section.analytics .info .vertical.profit-and-cost .aside:last-child, section.analytics .vertical.product .info .aside:last-child, section.analytics .info .vertical.product .aside:last-child, section.analytics .card-group.vertical .texts .main:last-child, section.analytics .texts .card-group.vertical .main:last-child, section.analytics .vertical.texts .main:last-child, section.analytics .vertical.bars .texts .main:last-child, section.analytics .texts .vertical.bars .main:last-child, section.analytics .vertical.profit-and-cost .texts .main:last-child, section.analytics .texts .vertical.profit-and-cost .main:last-child, section.analytics .vertical.product .texts .main:last-child, section.analytics .texts .vertical.product .main:last-child, section.analytics .card-group.vertical .bars .aside:last-child, section.analytics .bars .card-group.vertical .aside:last-child, section.analytics .vertical.texts .bars .aside:last-child, section.analytics .bars .vertical.texts .aside:last-child, section.analytics .vertical.bars .aside:last-child, section.analytics .vertical.profit-and-cost .bars .aside:last-child, section.analytics .bars .vertical.profit-and-cost .aside:last-child, section.analytics .vertical.product .bars .aside:last-child, section.analytics .bars .vertical.product .aside:last-child, section.analytics .card-group.vertical .profit-and-cost .body:last-child, section.analytics .profit-and-cost .card-group.vertical .body:last-child, section.analytics .vertical.info .profit-and-cost .body:last-child, section.analytics .profit-and-cost .vertical.info .body:last-child, section.analytics .vertical.texts .profit-and-cost .body:last-child, section.analytics .profit-and-cost .vertical.texts .body:last-child, section.analytics .vertical.bars .profit-and-cost .body:last-child, section.analytics .profit-and-cost .vertical.bars .body:last-child, section.analytics .vertical.profit-and-cost .body:last-child, section.analytics .card-group.vertical .product .body:last-child, section.analytics .product .card-group.vertical .body:last-child, section.analytics .vertical.info .product .body:last-child, section.analytics .product .vertical.info .body:last-child, section.analytics .vertical.texts .product .body:last-child, section.analytics .product .vertical.texts .body:last-child, section.analytics .vertical.bars .product .body:last-child, section.analytics .product .vertical.bars .body:last-child, section.analytics .vertical.product .body:last-child, section.analytics .card-group.vertical .product .footer:last-child, section.analytics .product .card-group.vertical .footer:last-child, section.analytics .vertical.info .product .footer:last-child, section.analytics .product .vertical.info .footer:last-child, section.analytics .vertical.texts .product .footer:last-child, section.analytics .product .vertical.texts .footer:last-child, section.analytics .vertical.bars .product .footer:last-child, section.analytics .product .vertical.bars .footer:last-child, section.analytics .vertical.profit-and-cost .product .footer:last-child, section.analytics .product .vertical.profit-and-cost .footer:last-child, section.analytics .vertical.product .footer:last-child {
      margin-bottom: 5px;
      border-bottom-width: 1px;
      border-radius: 0 0 3px 3px; }
  /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .loading-screen {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 10;
    visibility: hidden;
    transition: visibility 0s 0.7s, opacity 0.7s linear; }
    /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .loading-screen.show {
      visibility: visible; }
    /* line 113, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .loading-screen .loading-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -25px;
      width: 100px;
      height: 100px;
      transform: translate(-50%, -50%);
      background-image: url("/assets/hg/icon/loading-365-7618d54bf112cc968659a10783dfb456423439718171b7471c19a76b4bfe1660.gif");
      background-size: 100px 100px; }
      /* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .loading-screen .loading-icon:before {
        content: attr(loading-message);
        position: absolute;
        width: 600px;
        text-align: center;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 24px);
        color: #666;
        background-color: #fff; }
  /* line 135, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .helper .glyphicons {
    padding-left: 0;
    width: 16px;
    height: 16px;
    color: #888;
    cursor: help;
    font-size: 20px; }
    /* line 143, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .helper .glyphicons:hover {
      color: #444; }
    /* line 145, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .helper .glyphicons:before {
      font-size: 70%; }
  /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .helper .percent {
    font-weight: 500; }
    /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .helper .percent.positive {
      color: #67b116; }
      /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .helper .percent.positive:before {
        content: "+"; }
    /* line 153, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .helper .percent.negative {
      color: #f23b31; }
    /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .helper .percent:after {
      content: "%"; }
  /* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .info {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .info .main {
      position: relative;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto; }
      /* line 166, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .main .title {
        position: relative;
        flex: 1 1 auto;
        margin: 0;
        font-size: 180%;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.5px;
        text-align: left; }
      /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .main .subtitle {
        position: relative;
        flex: 1 1 auto;
        font-size: 120%;
        line-height: 1;
        color: #888;
        letter-spacing: -0.3px; }
    /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .info .aside {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      position: relative;
      flex: 0 1 327px;
      background-color: #fafafa; }
      /* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .aside .shortcut {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 0 1 80px;
        margin: 0; }
        /* line 189, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .aside .shortcut .link {
          margin: 0;
          font-size: 90%; }
      /* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .aside .picker-wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        flex: 1 1 auto;
        justify-content: flex-end; }
        /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .aside .picker-wrapper .labels {
          position: relative;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          width: 70px;
          padding: 0 10px 0 0;
          justify-content: space-around; }
        /* line 201, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .aside .picker-wrapper .pickers {
          position: relative;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: space-around;
          width: 126px; }
          /* line 205, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .info .aside .picker-wrapper .pickers .datepicker {
            font-size: 100%;
            letter-spacing: -0.3px;
            text-align: left;
            color: #26b899;
            padding: 3px 3px 3px 10px;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 2px; }
            /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .info .aside .picker-wrapper .pickers .datepicker .glyphicons {
              position: absolute;
              top: initial;
              right: 24px;
              margin: 4px 0 0;
              padding: 0; }
              /* line 220, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .info .aside .picker-wrapper .pickers .datepicker .glyphicons:before {
                font-size: 70%; }
    /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .info .refresh {
      flex: 0 1 330px;
      align-items: flex-end; }
      /* line 223, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .refresh .action {
        display: flex;
        flex-flow: row; }
      /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .refresh button {
        max-width: 150px;
        font-size: 1.1em;
        height: 30px;
        margin-bottom: 8px;
        background-color: #1ABC9C;
        outline: none; }
        /* line 235, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh button .glyphicons {
          top: 5px;
          padding-left: 25px;
          height: 30px; }
        /* line 239, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh button .glyphicons:before {
          font-size: 0.7em; }
      /* line 241, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .refresh .export-selected {
        margin-right: 5px;
        float: left;
        position: relative; }
        /* line 245, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh .export-selected .spinner {
          position: relative;
          top: 3px;
          margin-right: 3px;
          margin-left: 5px;
          width: 15px;
          height: 15px;
          display: inline-block;
          background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
          background-size: contain; }
        /* line 255, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh .export-selected button {
          background-color: #fff; }
        /* line 257, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh .export-selected .btn {
          height: 30px;
          font-size: 100%;
          background-color: #fff; }
        /* line 261, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .refresh .export-selected .dropdown-menu li {
          line-height: 1.6;
          padding: 5px;
          padding-left: 15px;
          cursor: pointer;
          display: flex;
          flex-flow: row;
          justify-content: space-between;
          width: 220px; }
          /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .info .refresh .export-selected .dropdown-menu li:hover {
            background-color: #eee; }
          /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .info .refresh .export-selected .dropdown-menu li.separator {
            border-bottom: 1px solid #eee;
            padding: 0;
            margin: 5px 0; }
          /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .info .refresh .export-selected .dropdown-menu li .download {
            float: right;
            color: #1ABC9C; }
    @media only screen and (max-width: 883px) {
      /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .main,
      section.analytics .info .aside {
        position: relative;
        flex: 0 1 100%;
        margin: 5px;
        border-radius: 3px;
        border-width: 1px; }
        /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .main .title,
        section.analytics .info .aside .title {
          font-size: 140%; }
        /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .info .main .subtitle,
        section.analytics .info .aside .subtitle {
          font-size: 100%; } }
    @media only screen and (max-width: 360px) {
      /* line 291, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .info .aside .picker-wrapper .pickers {
        width: 100px; } }
  /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .texts {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    /* line 299, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .texts .main {
      position: relative;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto;
      width: 0;
      padding: 20px;
      color: #444; }
      /* line 306, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .texts .main .header {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        flex: 1 1 auto; }
        /* line 309, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .texts .main .header .title {
          margin: 0;
          font-size: 120%;
          line-height: 1; }
          /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main .header .title .helper .sign {
            padding: 6px 2px; }
      /* line 316, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .texts .main .body {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 1 1 auto;
        justify-content: flex-end; }
        /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .texts .main .body .value {
          margin: 0;
          font-size: 240%;
          font-weight: 400;
          line-height: 0.75; }
        /* line 325, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .texts .main .body .description-wrapper {
          letter-spacing: -0.3px;
          line-height: 1; }
          /* line 328, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main .body .description-wrapper .description {
            color: #888; }
          /* line 330, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main .body .description-wrapper .percent {
            font-weight: 500; }
            /* line 332, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .texts .main .body .description-wrapper .percent.positive {
              color: #67b116; }
              /* line 334, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .texts .main .body .description-wrapper .percent.positive:before {
                content: "+"; }
            /* line 336, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .texts .main .body .description-wrapper .percent.negative {
              color: #f23b31; }
            /* line 338, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .texts .main .body .description-wrapper .percent:after {
              content: "%"; }
      /* line 340, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .texts .main:not(:first-child) {
        border-left-width: 0; }
        /* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .texts .main:not(:first-child):after {
          content: "";
          position: absolute;
          top: 25px;
          left: 0;
          bottom: 25px;
          width: 1px;
          background-color: #eee; }
    @media only screen and (max-width: 883px) {
      /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .texts {
        padding: 0 5px; }
        /* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .texts .main {
          position: relative;
          flex: 0 1 50%; }
          /* line 354, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main:first-child, section.analytics .texts .main:last-child {
            margin: 5px 0; }
          /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main:nth-child(odd) {
            border-left-width: 1px;
            border-radius: 3px 0 0 3px; }
            /* line 360, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .texts .main:nth-child(odd):after {
              display: none; }
          /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .texts .main:nth-child(even) {
            border-right-width: 1px;
            border-radius: 0 3px 3px 0; } }
  /* line 367, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .bars {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    /* line 370, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .bars .main {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      flex-wrap: nowrap; }
      /* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .main .card, section.analytics .bars .main .info .main, section.analytics .info .bars .main .main, section.analytics .bars .main .texts .main, section.analytics .texts .bars .main .main, section.analytics .bars .main .aside, section.analytics .bars .main .profit-and-cost .body, section.analytics .profit-and-cost .bars .main .body, section.analytics .bars .main .product .body, section.analytics .product .bars .main .body, section.analytics .bars .main .product .footer, section.analytics .product .bars .main .footer {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 1 1 auto;
        max-width: 50%; }
        /* line 377, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main .card .header, section.analytics .bars .main .info .main .header, section.analytics .info .bars .main .main .header, section.analytics .bars .main .texts .main .header, section.analytics .texts .bars .main .main .header, section.analytics .bars .main .aside .header, section.analytics .bars .main .profit-and-cost .body .header, section.analytics .profit-and-cost .bars .main .body .header, section.analytics .bars .main .product .body .header, section.analytics .product .bars .main .body .header, section.analytics .bars .main .product .footer .header, section.analytics .product .bars .main .footer .header {
          position: relative;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          line-height: 0.7; }
          /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card .header .title-group, section.analytics .bars .main .info .main .header .title-group, section.analytics .info .bars .main .main .header .title-group, section.analytics .bars .main .texts .main .header .title-group, section.analytics .texts .bars .main .main .header .title-group, section.analytics .bars .main .aside .header .title-group, section.analytics .bars .main .profit-and-cost .body .header .title-group, section.analytics .profit-and-cost .bars .main .body .header .title-group, section.analytics .bars .main .product .body .header .title-group, section.analytics .product .bars .main .body .header .title-group, section.analytics .bars .main .product .footer .header .title-group, section.analytics .product .bars .main .footer .header .title-group {
            position: relative;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            position: relative;
            flex: 1 1 auto; }
            /* line 383, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .header .title-group .total, section.analytics .bars .main .info .main .header .title-group .total, section.analytics .info .bars .main .main .header .title-group .total, section.analytics .bars .main .texts .main .header .title-group .total, section.analytics .texts .bars .main .main .header .title-group .total, section.analytics .bars .main .aside .header .title-group .total, section.analytics .bars .main .profit-and-cost .body .header .title-group .total, section.analytics .profit-and-cost .bars .main .body .header .title-group .total, section.analytics .bars .main .product .body .header .title-group .total, section.analytics .product .bars .main .body .header .title-group .total, section.analytics .bars .main .product .footer .header .title-group .total, section.analytics .product .bars .main .footer .header .title-group .total {
              margin: 10px 0 0;
              font-size: 240%;
              letter-spacing: -0.7px; }
            /* line 387, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .header .title-group .title, section.analytics .bars .main .info .main .header .title-group .title, section.analytics .info .bars .main .main .header .title-group .title, section.analytics .bars .main .texts .main .header .title-group .title, section.analytics .texts .bars .main .main .header .title-group .title, section.analytics .bars .main .aside .header .title-group .title, section.analytics .bars .main .profit-and-cost .body .header .title-group .title, section.analytics .profit-and-cost .bars .main .body .header .title-group .title, section.analytics .bars .main .product .body .header .title-group .title, section.analytics .product .bars .main .body .header .title-group .title, section.analytics .bars .main .product .footer .header .title-group .title, section.analytics .product .bars .main .footer .header .title-group .title {
              margin: 0 0 5px 0;
              font-size: 100%;
              font-weight: 400;
              letter-spacing: -0.3px; }
        /* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main .card .body, section.analytics .bars .main .info .main .body, section.analytics .info .bars .main .main .body, section.analytics .bars .main .texts .main .body, section.analytics .texts .bars .main .main .body, section.analytics .bars .main .aside .body, section.analytics .bars .main .profit-and-cost .body .body, section.analytics .profit-and-cost .bars .main .body .body, section.analytics .bars .main .product .body .body, section.analytics .product .bars .main .body .body, section.analytics .bars .main .product .footer .body, section.analytics .product .bars .main .footer .body {
          position: relative;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          /* line 394, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card .body .wrapper, section.analytics .bars .main .info .main .body .wrapper, section.analytics .info .bars .main .main .body .wrapper, section.analytics .bars .main .texts .main .body .wrapper, section.analytics .texts .bars .main .main .body .wrapper, section.analytics .bars .main .aside .body .wrapper, section.analytics .bars .main .profit-and-cost .body .body .wrapper, section.analytics .profit-and-cost .bars .main .body .body .wrapper, section.analytics .bars .main .product .body .body .wrapper, section.analytics .product .bars .main .body .body .wrapper, section.analytics .bars .main .product .footer .body .wrapper, section.analytics .product .bars .main .footer .body .wrapper {
            position: relative;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            position: relative;
            flex: 1 1 auto; }
            /* line 397, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .body .wrapper.clickable, section.analytics .bars .main .info .main .body .wrapper.clickable, section.analytics .info .bars .main .main .body .wrapper.clickable, section.analytics .bars .main .texts .main .body .wrapper.clickable, section.analytics .texts .bars .main .main .body .wrapper.clickable, section.analytics .bars .main .aside .body .wrapper.clickable, section.analytics .bars .main .profit-and-cost .body .body .wrapper.clickable, section.analytics .profit-and-cost .bars .main .body .body .wrapper.clickable, section.analytics .bars .main .product .body .body .wrapper.clickable, section.analytics .product .bars .main .body .body .wrapper.clickable, section.analytics .bars .main .product .footer .body .wrapper.clickable, section.analytics .product .bars .main .footer .body .wrapper.clickable {
              cursor: pointer; }
            /* line 399, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .body .wrapper .name, section.analytics .bars .main .info .main .body .wrapper .name, section.analytics .info .bars .main .main .body .wrapper .name, section.analytics .bars .main .texts .main .body .wrapper .name, section.analytics .texts .bars .main .main .body .wrapper .name, section.analytics .bars .main .aside .body .wrapper .name, section.analytics .bars .main .profit-and-cost .body .body .wrapper .name, section.analytics .profit-and-cost .bars .main .body .body .wrapper .name, section.analytics .bars .main .product .body .body .wrapper .name, section.analytics .product .bars .main .body .body .wrapper .name, section.analytics .bars .main .product .footer .body .wrapper .name, section.analytics .product .bars .main .footer .body .wrapper .name {
              width: 150px;
              font-size: 120%;
              line-height: 42px;
              text-align: right;
              letter-spacing: -0.3px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .body .wrapper .progressbar, section.analytics .bars .main .info .main .body .wrapper .progressbar, section.analytics .info .bars .main .main .body .wrapper .progressbar, section.analytics .bars .main .texts .main .body .wrapper .progressbar, section.analytics .texts .bars .main .main .body .wrapper .progressbar, section.analytics .bars .main .aside .body .wrapper .progressbar, section.analytics .bars .main .profit-and-cost .body .body .wrapper .progressbar, section.analytics .profit-and-cost .bars .main .body .body .wrapper .progressbar, section.analytics .bars .main .product .body .body .wrapper .progressbar, section.analytics .product .bars .main .body .body .wrapper .progressbar, section.analytics .bars .main .product .footer .body .wrapper .progressbar, section.analytics .product .bars .main .footer .body .wrapper .progressbar {
              position: relative;
              flex: 1 1 auto;
              display: flex;
              height: 8px;
              margin: auto 20px;
              border-radius: 20px;
              overflow: hidden; }
              /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .bars .main .card .body .wrapper .progressbar .bar, section.analytics .bars .main .info .main .body .wrapper .progressbar .bar, section.analytics .info .bars .main .main .body .wrapper .progressbar .bar, section.analytics .bars .main .texts .main .body .wrapper .progressbar .bar, section.analytics .texts .bars .main .main .body .wrapper .progressbar .bar, section.analytics .bars .main .aside .body .wrapper .progressbar .bar, section.analytics .bars .main .profit-and-cost .body .body .wrapper .progressbar .bar, section.analytics .profit-and-cost .bars .main .body .body .wrapper .progressbar .bar, section.analytics .bars .main .product .body .body .wrapper .progressbar .bar, section.analytics .product .bars .main .body .body .wrapper .progressbar .bar, section.analytics .bars .main .product .footer .body .wrapper .progressbar .bar, section.analytics .product .bars .main .footer .body .wrapper .progressbar .bar {
                display: block;
                min-height: 0;
                border-radius: 20px;
                background-color: #26b899;
                transition: width 2s ease; }
            /* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .body .wrapper .value, section.analytics .bars .main .info .main .body .wrapper .value, section.analytics .info .bars .main .main .body .wrapper .value, section.analytics .bars .main .texts .main .body .wrapper .value, section.analytics .texts .bars .main .main .body .wrapper .value, section.analytics .bars .main .aside .body .wrapper .value, section.analytics .bars .main .profit-and-cost .body .body .wrapper .value, section.analytics .profit-and-cost .bars .main .body .body .wrapper .value, section.analytics .bars .main .product .body .body .wrapper .value, section.analytics .product .bars .main .body .body .wrapper .value, section.analytics .bars .main .product .footer .body .wrapper .value, section.analytics .product .bars .main .footer .body .wrapper .value {
              color: #888;
              font-weight: 500;
              line-height: 42px;
              text-align: right;
              width: 60px; }
        /* line 427, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main .card:not(:first-child), section.analytics .bars .main .info .main:not(:first-child), section.analytics .info .bars .main .main:not(:first-child), section.analytics .bars .main .texts .main:not(:first-child), section.analytics .texts .bars .main .main:not(:first-child), section.analytics .bars .main .aside:not(:first-child), section.analytics .bars .main .profit-and-cost .body:not(:first-child), section.analytics .profit-and-cost .bars .main .body:not(:first-child), section.analytics .bars .main .product .body:not(:first-child), section.analytics .product .bars .main .body:not(:first-child), section.analytics .bars .main .product .footer:not(:first-child), section.analytics .product .bars .main .footer:not(:first-child) {
          border-left-width: 0; }
          /* line 429, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card:not(:first-child):after, section.analytics .bars .main .info .main:not(:first-child):after, section.analytics .info .bars .main .main:not(:first-child):after, section.analytics .bars .main .texts .main:not(:first-child):after, section.analytics .texts .bars .main .main:not(:first-child):after, section.analytics .bars .main .aside:not(:first-child):after, section.analytics .bars .main .profit-and-cost .body:not(:first-child):after, section.analytics .profit-and-cost .bars .main .body:not(:first-child):after, section.analytics .bars .main .product .body:not(:first-child):after, section.analytics .product .bars .main .body:not(:first-child):after, section.analytics .bars .main .product .footer:not(:first-child):after, section.analytics .product .bars .main .footer:not(:first-child):after {
            content: "";
            position: absolute;
            top: 30px;
            left: 0;
            bottom: 30px;
            width: 1px;
            background-color: #eee; }
      /* line 438, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .main.have-more-items .card, section.analytics .bars .main.have-more-items .info .main, section.analytics .info .bars .main.have-more-items .main, section.analytics .bars .main.have-more-items .texts .main, section.analytics .texts .bars .main.have-more-items .main, section.analytics .bars .main.have-more-items .aside, section.analytics .bars .main.have-more-items .profit-and-cost .body, section.analytics .profit-and-cost .bars .main.have-more-items .body, section.analytics .bars .main.have-more-items .product .body, section.analytics .product .bars .main.have-more-items .body, section.analytics .bars .main.have-more-items .product .footer, section.analytics .product .bars .main.have-more-items .footer {
        margin-bottom: 0;
        border-bottom-width: 0;
        padding-bottom: 0; }
        /* line 442, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main.have-more-items .card:first-child, section.analytics .bars .main.have-more-items .info .main:first-child, section.analytics .info .bars .main.have-more-items .main:first-child, section.analytics .bars .main.have-more-items .texts .main:first-child, section.analytics .texts .bars .main.have-more-items .main:first-child, section.analytics .bars .main.have-more-items .aside:first-child, section.analytics .bars .main.have-more-items .profit-and-cost .body:first-child, section.analytics .profit-and-cost .bars .main.have-more-items .body:first-child, section.analytics .bars .main.have-more-items .product .body:first-child, section.analytics .product .bars .main.have-more-items .body:first-child, section.analytics .bars .main.have-more-items .product .footer:first-child, section.analytics .product .bars .main.have-more-items .footer:first-child {
          border-bottom-left-radius: 0; }
        /* line 444, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main.have-more-items .card:last-child, section.analytics .bars .main.have-more-items .info .main:last-child, section.analytics .info .bars .main.have-more-items .main:last-child, section.analytics .bars .main.have-more-items .texts .main:last-child, section.analytics .texts .bars .main.have-more-items .main:last-child, section.analytics .bars .main.have-more-items .aside:last-child, section.analytics .bars .main.have-more-items .profit-and-cost .body:last-child, section.analytics .profit-and-cost .bars .main.have-more-items .body:last-child, section.analytics .bars .main.have-more-items .product .body:last-child, section.analytics .product .bars .main.have-more-items .body:last-child, section.analytics .bars .main.have-more-items .product .footer:last-child, section.analytics .product .bars .main.have-more-items .footer:last-child {
          border-bottom-right-radius: 0; }
        /* line 447, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main.have-more-items .card:not(:first-child):after, section.analytics .bars .main.have-more-items .info .main:not(:first-child):after, section.analytics .info .bars .main.have-more-items .main:not(:first-child):after, section.analytics .bars .main.have-more-items .texts .main:not(:first-child):after, section.analytics .texts .bars .main.have-more-items .main:not(:first-child):after, section.analytics .bars .main.have-more-items .aside:not(:first-child):after, section.analytics .bars .main.have-more-items .profit-and-cost .body:not(:first-child):after, section.analytics .profit-and-cost .bars .main.have-more-items .body:not(:first-child):after, section.analytics .bars .main.have-more-items .product .body:not(:first-child):after, section.analytics .product .bars .main.have-more-items .body:not(:first-child):after, section.analytics .bars .main.have-more-items .product .footer:not(:first-child):after, section.analytics .product .bars .main.have-more-items .footer:not(:first-child):after {
          bottom: 10px; }
      /* line 449, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .main.have-more-items + .aside {
        display: flex;
        border-radius: 0 0 3px 3px; }
    /* line 452, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .bars .aside {
      position: relative;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto;
      display: none;
      margin: 0 5px 5px;
      border-width: 0 1px 1px; }
      /* line 459, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .aside .see-more {
        display: block;
        color: #26b899;
        cursor: pointer;
        margin: 10px auto;
        padding: 5px; }
        /* line 465, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .aside .see-more:hover {
          color: #15957a; }
      /* line 467, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .aside:before {
        content: "";
        display: block;
        height: 1px;
        width: 240px;
        top: 10px;
        align-self: center;
        background-color: #eee; }
    @media only screen and (max-width: 883px) {
      /* line 476, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .bars .main {
        flex-wrap: wrap; }
        /* line 478, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .bars .main .card, section.analytics .bars .main .info .main, section.analytics .info .bars .main .main, section.analytics .bars .main .texts .main, section.analytics .texts .bars .main .main, section.analytics .bars .main .aside, section.analytics .bars .main .profit-and-cost .body, section.analytics .profit-and-cost .bars .main .body, section.analytics .bars .main .product .body, section.analytics .product .bars .main .body, section.analytics .bars .main .product .footer, section.analytics .product .bars .main .footer {
          position: relative;
          flex: 0 1 100%;
          max-width: 100%; }
          /* line 481, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card:first-child, section.analytics .bars .main .info .main:first-child, section.analytics .info .bars .main .main:first-child, section.analytics .bars .main .texts .main:first-child, section.analytics .texts .bars .main .main:first-child, section.analytics .bars .main .aside:first-child, section.analytics .bars .main .profit-and-cost .body:first-child, section.analytics .profit-and-cost .bars .main .body:first-child, section.analytics .bars .main .product .body:first-child, section.analytics .product .bars .main .body:first-child, section.analytics .bars .main .product .footer:first-child, section.analytics .product .bars .main .footer:first-child, section.analytics .bars .main .card:last-child, section.analytics .bars .main .info .main:last-child, section.analytics .info .bars .main .main:last-child, section.analytics .bars .main .texts .main:last-child, section.analytics .texts .bars .main .main:last-child, section.analytics .bars .main .aside:last-child, section.analytics .bars .main .profit-and-cost .body:last-child, section.analytics .profit-and-cost .bars .main .body:last-child, section.analytics .bars .main .product .body:last-child, section.analytics .product .bars .main .body:last-child, section.analytics .bars .main .product .footer:last-child, section.analytics .product .bars .main .footer:last-child {
            margin: 5px;
            border-radius: 3px;
            border-width: 1px; }
          /* line 486, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card:after, section.analytics .bars .main .info .main:after, section.analytics .info .bars .main .main:after, section.analytics .bars .main .texts .main:after, section.analytics .texts .bars .main .main:after, section.analytics .bars .main .aside:after, section.analytics .bars .main .profit-and-cost .body:after, section.analytics .profit-and-cost .bars .main .body:after, section.analytics .bars .main .product .body:after, section.analytics .product .bars .main .body:after, section.analytics .bars .main .product .footer:after, section.analytics .product .bars .main .footer:after {
            display: none; }
          /* line 488, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .bars .main .card .body, section.analytics .bars .main .info .main .body, section.analytics .info .bars .main .main .body, section.analytics .bars .main .texts .main .body, section.analytics .texts .bars .main .main .body, section.analytics .bars .main .aside .body, section.analytics .bars .main .profit-and-cost .body .body, section.analytics .profit-and-cost .bars .main .body .body, section.analytics .bars .main .product .body .body, section.analytics .product .bars .main .body .body, section.analytics .bars .main .product .footer .body, section.analytics .product .bars .main .footer .body {
            font-size: 90%; }
            /* line 491, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .bars .main .card .body .wrapper .name, section.analytics .bars .main .info .main .body .wrapper .name, section.analytics .info .bars .main .main .body .wrapper .name, section.analytics .bars .main .texts .main .body .wrapper .name, section.analytics .texts .bars .main .main .body .wrapper .name, section.analytics .bars .main .aside .body .wrapper .name, section.analytics .bars .main .profit-and-cost .body .body .wrapper .name, section.analytics .profit-and-cost .bars .main .body .body .wrapper .name, section.analytics .bars .main .product .body .body .wrapper .name, section.analytics .product .bars .main .body .body .wrapper .name, section.analytics .bars .main .product .footer .body .wrapper .name, section.analytics .product .bars .main .footer .body .wrapper .name {
              width: 130px; } }
  /* line 496, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .banner .card, section.analytics .banner .info .main, section.analytics .info .banner .main, section.analytics .banner .info .aside, section.analytics .info .banner .aside, section.analytics .banner .texts .main, section.analytics .texts .banner .main, section.analytics .banner .bars .aside, section.analytics .bars .banner .aside, section.analytics .banner .profit-and-cost .body, section.analytics .profit-and-cost .banner .body, section.analytics .banner .product .body, section.analytics .product .banner .body, section.analytics .banner .product .footer, section.analytics .product .banner .footer {
    margin: 10px 5px; }
    /* line 498, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .banner .card .recommend, section.analytics .banner .info .main .recommend, section.analytics .info .banner .main .recommend, section.analytics .banner .info .aside .recommend, section.analytics .info .banner .aside .recommend, section.analytics .banner .texts .main .recommend, section.analytics .texts .banner .main .recommend, section.analytics .banner .bars .aside .recommend, section.analytics .bars .banner .aside .recommend, section.analytics .banner .profit-and-cost .body .recommend, section.analytics .profit-and-cost .banner .body .recommend, section.analytics .banner .product .body .recommend, section.analytics .product .banner .body .recommend, section.analytics .banner .product .footer .recommend, section.analytics .product .banner .footer .recommend {
      justify-content: center;
      box-shadow: none; }
      /* line 501, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .banner .card .recommend .close-button-container, section.analytics .banner .info .main .recommend .close-button-container, section.analytics .info .banner .main .recommend .close-button-container, section.analytics .banner .info .aside .recommend .close-button-container, section.analytics .info .banner .aside .recommend .close-button-container, section.analytics .banner .texts .main .recommend .close-button-container, section.analytics .texts .banner .main .recommend .close-button-container, section.analytics .banner .bars .aside .recommend .close-button-container, section.analytics .bars .banner .aside .recommend .close-button-container, section.analytics .banner .profit-and-cost .body .recommend .close-button-container, section.analytics .profit-and-cost .banner .body .recommend .close-button-container, section.analytics .banner .product .body .recommend .close-button-container, section.analytics .product .banner .body .recommend .close-button-container, section.analytics .banner .product .footer .recommend .close-button-container, section.analytics .product .banner .footer .recommend .close-button-container {
        display: none; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.analytics .banner .card .recommend, body.phone section.analytics .banner .info .main .recommend, body.phone section.analytics .info .banner .main .recommend, body.phone section.analytics .banner .info .aside .recommend, body.phone section.analytics .info .banner .aside .recommend, body.phone section.analytics .banner .texts .main .recommend, body.phone section.analytics .texts .banner .main .recommend, body.phone section.analytics .banner .bars .aside .recommend, body.phone section.analytics .bars .banner .aside .recommend, body.phone section.analytics .banner .profit-and-cost .body .recommend, body.phone section.analytics .profit-and-cost .banner .body .recommend, body.phone section.analytics .banner .product .body .recommend, body.phone section.analytics .product .banner .body .recommend, body.phone section.analytics .banner .product .footer .recommend, body.phone section.analytics .product .banner .footer .recommend {
        flex-direction: column; }
  /* line 507, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .header {
    margin-bottom: 15px; }
    /* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .admin .header .title {
      margin: 0;
      font-size: 36px;
      letter-spacing: -0.3px;
      font-weight: 400; }
  /* line 514, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .profile {
    object-fit: cover;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 15px; }
  /* line 521, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .media .media-heading {
    font-size: 1.3em;
    margin-bottom: 15px; }
  /* line 525, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .media .media-body .row {
    margin-bottom: 5px; }
  /* line 527, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .media .media-body .title {
    font-weight: 500; }
  /* line 529, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin table {
    margin: 0; }
    /* line 531, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .admin table thead {
      font-size: 1.2em;
      font-weight: 500; }
      /* line 534, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .admin table thead td {
        min-width: 120px; }
    /* line 537, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .admin table tbody td {
      line-height: 50px;
      font-size: 1.2em; }
    /* line 540, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .admin table tbody .name {
      display: inline-flex;
      max-width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  /* line 546, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .upgrade {
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5em;
    font-weight: 500;
    color: #ccc;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 3px; }
  /* line 557, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .admin .phone .upgrade {
    font-size: 1em;
    margin-top: 10px; }
  /* line 563, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .steps .header .title {
    margin: 0;
    font-size: 36px;
    letter-spacing: -0.3px;
    font-weight: 400; }
  /* line 568, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .steps .body {
    justify-content: center; }
    /* line 570, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .steps .body .step-list {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center; }
      /* line 573, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .steps .body .step-list .step {
        position: relative;
        width: 120px;
        line-height: 40px;
        text-align: center;
        cursor: default;
        background-image: url("/assets/hg/background/order-step-horizontal-0deb766064b9225facf8732fd483919c1624ad742a11c91c48ac435312adde57.png"); }
        /* line 580, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .steps .body .step-list .step[popup]:not([popup=""]):hover:after {
          content: attr(popup);
          position: absolute;
          display: block;
          padding: 9px 0;
          bottom: -36px;
          left: 50%;
          height: 34px;
          width: 320px;
          line-height: 1;
          color: #fff;
          border-radius: 4px;
          background-color: rgba(0, 0, 0, 0.6);
          overflow: hidden;
          z-index: 1;
          transform: translateX(-50%); }
        /* line 598, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .steps .body .step-list .step.unpaid {
          color: #fff;
          background-position: -120px 0; }
          /* line 601, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .steps .body .step-list .step.unpaid:hover:after {
            display: none; }
        /* line 598, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .steps .body .step-list .step.transferred {
          color: #fff;
          background-position: -240px 0; }
          /* line 601, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .steps .body .step-list .step.transferred:hover:after {
            display: none; }
        /* line 598, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .steps .body .step-list .step.paid {
          color: #fff;
          background-position: -360px 0; }
          /* line 601, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .steps .body .step-list .step.paid:hover:after {
            display: none; }
        /* line 598, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .steps .body .step-list .step.shipped {
          color: #fff;
          background-position: -480px 0; }
          /* line 601, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .steps .body .step-list .step.shipped:hover:after {
            display: none; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.tablet section.analytics .steps .body .step-list {
        flex-direction: column; }
        /* line 605, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        body.tablet section.analytics .steps .body .step-list .step {
          width: 279px;
          height: 85px;
          line-height: 105px;
          background-image: url("/assets/hg/background/order-step-vertical-691068e312fcdf5ad5243d2b04d6c8b4f379f764200d504b0d39ed521e6fbaeb.png");
          background-position: 0 85px; }
          /* line 611, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .steps .body .step-list .step.unpaid {
            height: 75px;
            line-height: 75px;
            background-position: 0 0; }
          /* line 615, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .steps .body .step-list .step.transferred {
            background-position: 0 -86px; }
          /* line 617, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .steps .body .step-list .step.paid {
            background-position: 0 -171px; }
          /* line 619, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .steps .body .step-list .step.shipped {
            height: 75px;
            line-height: 95px;
            background-position: 0 -256px; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.analytics .steps .body .step-list {
        flex-direction: column; }
        /* line 605, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        body.phone section.analytics .steps .body .step-list .step {
          width: 279px;
          height: 85px;
          line-height: 105px;
          background-image: url("/assets/hg/background/order-step-vertical-691068e312fcdf5ad5243d2b04d6c8b4f379f764200d504b0d39ed521e6fbaeb.png");
          background-position: 0 85px; }
          /* line 611, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .steps .body .step-list .step.unpaid {
            height: 75px;
            line-height: 75px;
            background-position: 0 0; }
          /* line 615, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .steps .body .step-list .step.transferred {
            background-position: 0 -86px; }
          /* line 617, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .steps .body .step-list .step.paid {
            background-position: 0 -171px; }
          /* line 619, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .steps .body .step-list .step.shipped {
            height: 75px;
            line-height: 95px;
            background-position: 0 -256px; }
  /* line 625, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .steps .footer .note {
    margin-top: 8px;
    color: #aaa;
    font-size: 18px;
    text-align: center; }
  /* line 632, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .area {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    /* line 634, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .area .card, section.analytics .area .info .main, section.analytics .info .area .main, section.analytics .area .info .aside, section.analytics .info .area .aside, section.analytics .area .texts .main, section.analytics .texts .area .main, section.analytics .area .bars .aside, section.analytics .bars .area .aside, section.analytics .area .profit-and-cost .body, section.analytics .profit-and-cost .area .body, section.analytics .area .product .body, section.analytics .product .area .body, section.analytics .area .product .footer, section.analytics .product .area .footer {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto; }
      /* line 637, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .area .card .main, section.analytics .area .info .main .main, section.analytics .info .area .main .main, section.analytics .area .info .aside .main, section.analytics .info .area .aside .main, section.analytics .area .texts .main .main, section.analytics .texts .area .main .main, section.analytics .area .bars .aside .main, section.analytics .bars .area .aside .main, section.analytics .area .profit-and-cost .body .main, section.analytics .profit-and-cost .area .body .main, section.analytics .area .product .body .main, section.analytics .product .area .body .main, section.analytics .area .product .footer .main, section.analytics .product .area .footer .main {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 11 1 auto; }
        /* line 641, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .area .card .main .header .total, section.analytics .area .info .main .main .header .total, section.analytics .info .area .main .main .header .total, section.analytics .area .info .aside .main .header .total, section.analytics .info .area .aside .main .header .total, section.analytics .area .texts .main .main .header .total, section.analytics .texts .area .main .main .header .total, section.analytics .area .bars .aside .main .header .total, section.analytics .bars .area .aside .main .header .total, section.analytics .area .profit-and-cost .body .main .header .total, section.analytics .profit-and-cost .area .body .main .header .total, section.analytics .area .product .body .main .header .total, section.analytics .product .area .body .main .header .total, section.analytics .area .product .footer .main .header .total, section.analytics .product .area .footer .main .header .total {
          margin: 10px 0 0;
          font-size: 48px;
          letter-spacing: -0.7px;
          line-height: 1;
          color: #67b116; }
        /* line 647, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .area .card .main .header .title, section.analytics .area .info .main .main .header .title, section.analytics .info .area .main .main .header .title, section.analytics .area .info .aside .main .header .title, section.analytics .info .area .aside .main .header .title, section.analytics .area .texts .main .main .header .title, section.analytics .texts .area .main .main .header .title, section.analytics .area .bars .aside .main .header .title, section.analytics .bars .area .aside .main .header .title, section.analytics .area .profit-and-cost .body .main .header .title, section.analytics .profit-and-cost .area .body .main .header .title, section.analytics .area .product .body .main .header .title, section.analytics .product .area .body .main .header .title, section.analytics .area .product .footer .main .header .title, section.analytics .product .area .footer .main .header .title {
          margin: 0 0 5px 0;
          font-size: 20px;
          font-weight: 400;
          letter-spacing: -0.3px; }
        /* line 653, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .area .card .main .body .chart, section.analytics .area .info .main .main .body .chart, section.analytics .info .area .main .main .body .chart, section.analytics .area .info .aside .main .body .chart, section.analytics .info .area .aside .main .body .chart, section.analytics .area .texts .main .main .body .chart, section.analytics .texts .area .main .main .body .chart, section.analytics .area .bars .aside .main .body .chart, section.analytics .bars .area .aside .main .body .chart, section.analytics .area .profit-and-cost .body .main .body .chart, section.analytics .profit-and-cost .area .body .main .body .chart, section.analytics .area .product .body .main .body .chart, section.analytics .product .area .body .main .body .chart, section.analytics .area .product .footer .main .body .chart, section.analytics .product .area .footer .main .body .chart {
          min-height: 256px;
          margin: 0 0 0 -20px; }
          /* line 656, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .main .body .chart .nv-noData, section.analytics .area .info .main .main .body .chart .nv-noData, section.analytics .info .area .main .main .body .chart .nv-noData, section.analytics .area .info .aside .main .body .chart .nv-noData, section.analytics .info .area .aside .main .body .chart .nv-noData, section.analytics .area .texts .main .main .body .chart .nv-noData, section.analytics .texts .area .main .main .body .chart .nv-noData, section.analytics .area .bars .aside .main .body .chart .nv-noData, section.analytics .bars .area .aside .main .body .chart .nv-noData, section.analytics .area .profit-and-cost .body .main .body .chart .nv-noData, section.analytics .profit-and-cost .area .body .main .body .chart .nv-noData, section.analytics .area .product .body .main .body .chart .nv-noData, section.analytics .product .area .body .main .body .chart .nv-noData, section.analytics .area .product .footer .main .body .chart .nv-noData, section.analytics .product .area .footer .main .body .chart .nv-noData {
            display: none; }
      /* line 658, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .area .card .aside, section.analytics .area .info .main .aside, section.analytics .info .area .main .aside, section.analytics .area .info .aside .aside, section.analytics .info .area .aside .aside, section.analytics .area .texts .main .aside, section.analytics .texts .area .main .aside, section.analytics .area .bars .aside .aside, section.analytics .bars .area .aside .aside, section.analytics .area .profit-and-cost .body .aside, section.analytics .profit-and-cost .area .body .aside, section.analytics .area .product .body .aside, section.analytics .product .area .body .aside, section.analytics .area .product .footer .aside, section.analytics .product .area .footer .aside {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 0 1 140px;
        padding: 10px 0; }
        /* line 662, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .area .card .aside .legend, section.analytics .area .info .main .aside .legend, section.analytics .info .area .main .aside .legend, section.analytics .area .info .aside .aside .legend, section.analytics .info .area .aside .aside .legend, section.analytics .area .texts .main .aside .legend, section.analytics .texts .area .main .aside .legend, section.analytics .area .bars .aside .aside .legend, section.analytics .bars .area .aside .aside .legend, section.analytics .area .profit-and-cost .body .aside .legend, section.analytics .profit-and-cost .area .body .aside .legend, section.analytics .area .product .body .aside .legend, section.analytics .product .area .body .aside .legend, section.analytics .area .product .footer .aside .legend, section.analytics .product .area .footer .aside .legend {
          display: block;
          padding: 10px 0 10px 20px;
          cursor: pointer;
          font-size: 24px;
          font-weight: 400;
          letter-spacing: -0.3px; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:nth-child(1):before, section.analytics .area .info .main .aside .legend:nth-child(1):before, section.analytics .info .area .main .aside .legend:nth-child(1):before, section.analytics .area .info .aside .aside .legend:nth-child(1):before, section.analytics .info .area .aside .aside .legend:nth-child(1):before, section.analytics .area .texts .main .aside .legend:nth-child(1):before, section.analytics .texts .area .main .aside .legend:nth-child(1):before, section.analytics .area .bars .aside .aside .legend:nth-child(1):before, section.analytics .bars .area .aside .aside .legend:nth-child(1):before, section.analytics .area .profit-and-cost .body .aside .legend:nth-child(1):before, section.analytics .profit-and-cost .area .body .aside .legend:nth-child(1):before, section.analytics .area .product .body .aside .legend:nth-child(1):before, section.analytics .product .area .body .aside .legend:nth-child(1):before, section.analytics .area .product .footer .aside .legend:nth-child(1):before, section.analytics .product .area .footer .aside .legend:nth-child(1):before {
            content: "";
            position: absolute;
            left: 0;
            margin: 10px 0px;
            width: 10px;
            height: 4px;
            background-color: #bad2ff; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:nth-child(2):before, section.analytics .area .info .main .aside .legend:nth-child(2):before, section.analytics .info .area .main .aside .legend:nth-child(2):before, section.analytics .area .info .aside .aside .legend:nth-child(2):before, section.analytics .info .area .aside .aside .legend:nth-child(2):before, section.analytics .area .texts .main .aside .legend:nth-child(2):before, section.analytics .texts .area .main .aside .legend:nth-child(2):before, section.analytics .area .bars .aside .aside .legend:nth-child(2):before, section.analytics .bars .area .aside .aside .legend:nth-child(2):before, section.analytics .area .profit-and-cost .body .aside .legend:nth-child(2):before, section.analytics .profit-and-cost .area .body .aside .legend:nth-child(2):before, section.analytics .area .product .body .aside .legend:nth-child(2):before, section.analytics .product .area .body .aside .legend:nth-child(2):before, section.analytics .area .product .footer .aside .legend:nth-child(2):before, section.analytics .product .area .footer .aside .legend:nth-child(2):before {
            content: "";
            position: absolute;
            left: 0;
            margin: 10px 0px;
            width: 10px;
            height: 4px;
            background-color: #b6ffb8; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:nth-child(3):before, section.analytics .area .info .main .aside .legend:nth-child(3):before, section.analytics .info .area .main .aside .legend:nth-child(3):before, section.analytics .area .info .aside .aside .legend:nth-child(3):before, section.analytics .info .area .aside .aside .legend:nth-child(3):before, section.analytics .area .texts .main .aside .legend:nth-child(3):before, section.analytics .texts .area .main .aside .legend:nth-child(3):before, section.analytics .area .bars .aside .aside .legend:nth-child(3):before, section.analytics .bars .area .aside .aside .legend:nth-child(3):before, section.analytics .area .profit-and-cost .body .aside .legend:nth-child(3):before, section.analytics .profit-and-cost .area .body .aside .legend:nth-child(3):before, section.analytics .area .product .body .aside .legend:nth-child(3):before, section.analytics .product .area .body .aside .legend:nth-child(3):before, section.analytics .area .product .footer .aside .legend:nth-child(3):before, section.analytics .product .area .footer .aside .legend:nth-child(3):before {
            content: "";
            position: absolute;
            left: 0;
            margin: 10px 0px;
            width: 10px;
            height: 4px;
            background-color: #ffb347; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:nth-child(4):before, section.analytics .area .info .main .aside .legend:nth-child(4):before, section.analytics .info .area .main .aside .legend:nth-child(4):before, section.analytics .area .info .aside .aside .legend:nth-child(4):before, section.analytics .info .area .aside .aside .legend:nth-child(4):before, section.analytics .area .texts .main .aside .legend:nth-child(4):before, section.analytics .texts .area .main .aside .legend:nth-child(4):before, section.analytics .area .bars .aside .aside .legend:nth-child(4):before, section.analytics .bars .area .aside .aside .legend:nth-child(4):before, section.analytics .area .profit-and-cost .body .aside .legend:nth-child(4):before, section.analytics .profit-and-cost .area .body .aside .legend:nth-child(4):before, section.analytics .area .product .body .aside .legend:nth-child(4):before, section.analytics .product .area .body .aside .legend:nth-child(4):before, section.analytics .area .product .footer .aside .legend:nth-child(4):before, section.analytics .product .area .footer .aside .legend:nth-child(4):before {
            content: "";
            position: absolute;
            left: 0;
            margin: 10px 0px;
            width: 10px;
            height: 4px;
            background-color: #ef8fa9; }
          /* line 671, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:nth-child(5):before, section.analytics .area .info .main .aside .legend:nth-child(5):before, section.analytics .info .area .main .aside .legend:nth-child(5):before, section.analytics .area .info .aside .aside .legend:nth-child(5):before, section.analytics .info .area .aside .aside .legend:nth-child(5):before, section.analytics .area .texts .main .aside .legend:nth-child(5):before, section.analytics .texts .area .main .aside .legend:nth-child(5):before, section.analytics .area .bars .aside .aside .legend:nth-child(5):before, section.analytics .bars .area .aside .aside .legend:nth-child(5):before, section.analytics .area .profit-and-cost .body .aside .legend:nth-child(5):before, section.analytics .profit-and-cost .area .body .aside .legend:nth-child(5):before, section.analytics .area .product .body .aside .legend:nth-child(5):before, section.analytics .product .area .body .aside .legend:nth-child(5):before, section.analytics .area .product .footer .aside .legend:nth-child(5):before, section.analytics .product .area .footer .aside .legend:nth-child(5):before {
            content: "";
            position: absolute;
            left: 0;
            margin: 10px 0px;
            width: 10px;
            height: 4px;
            background-color: #FF824D; }
          /* line 682, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:hover:nth-child(1):before, section.analytics .area .info .main .aside .legend:hover:nth-child(1):before, section.analytics .info .area .main .aside .legend:hover:nth-child(1):before, section.analytics .area .info .aside .aside .legend:hover:nth-child(1):before, section.analytics .info .area .aside .aside .legend:hover:nth-child(1):before, section.analytics .area .texts .main .aside .legend:hover:nth-child(1):before, section.analytics .texts .area .main .aside .legend:hover:nth-child(1):before, section.analytics .area .bars .aside .aside .legend:hover:nth-child(1):before, section.analytics .bars .area .aside .aside .legend:hover:nth-child(1):before, section.analytics .area .profit-and-cost .body .aside .legend:hover:nth-child(1):before, section.analytics .profit-and-cost .area .body .aside .legend:hover:nth-child(1):before, section.analytics .area .product .body .aside .legend:hover:nth-child(1):before, section.analytics .product .area .body .aside .legend:hover:nth-child(1):before, section.analytics .area .product .footer .aside .legend:hover:nth-child(1):before, section.analytics .product .area .footer .aside .legend:hover:nth-child(1):before {
            background-color: #5975aa; }
          /* line 682, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:hover:nth-child(2):before, section.analytics .area .info .main .aside .legend:hover:nth-child(2):before, section.analytics .info .area .main .aside .legend:hover:nth-child(2):before, section.analytics .area .info .aside .aside .legend:hover:nth-child(2):before, section.analytics .info .area .aside .aside .legend:hover:nth-child(2):before, section.analytics .area .texts .main .aside .legend:hover:nth-child(2):before, section.analytics .texts .area .main .aside .legend:hover:nth-child(2):before, section.analytics .area .bars .aside .aside .legend:hover:nth-child(2):before, section.analytics .bars .area .aside .aside .legend:hover:nth-child(2):before, section.analytics .area .profit-and-cost .body .aside .legend:hover:nth-child(2):before, section.analytics .profit-and-cost .area .body .aside .legend:hover:nth-child(2):before, section.analytics .area .product .body .aside .legend:hover:nth-child(2):before, section.analytics .product .area .body .aside .legend:hover:nth-child(2):before, section.analytics .area .product .footer .aside .legend:hover:nth-child(2):before, section.analytics .product .area .footer .aside .legend:hover:nth-child(2):before {
            background-color: #1cc321; }
          /* line 682, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:hover:nth-child(3):before, section.analytics .area .info .main .aside .legend:hover:nth-child(3):before, section.analytics .info .area .main .aside .legend:hover:nth-child(3):before, section.analytics .area .info .aside .aside .legend:hover:nth-child(3):before, section.analytics .info .area .aside .aside .legend:hover:nth-child(3):before, section.analytics .area .texts .main .aside .legend:hover:nth-child(3):before, section.analytics .texts .area .main .aside .legend:hover:nth-child(3):before, section.analytics .area .bars .aside .aside .legend:hover:nth-child(3):before, section.analytics .bars .area .aside .aside .legend:hover:nth-child(3):before, section.analytics .area .profit-and-cost .body .aside .legend:hover:nth-child(3):before, section.analytics .profit-and-cost .area .body .aside .legend:hover:nth-child(3):before, section.analytics .area .product .body .aside .legend:hover:nth-child(3):before, section.analytics .product .area .body .aside .legend:hover:nth-child(3):before, section.analytics .area .product .footer .aside .legend:hover:nth-child(3):before, section.analytics .product .area .footer .aside .legend:hover:nth-child(3):before {
            background-color: #dc8b19; }
          /* line 682, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:hover:nth-child(4):before, section.analytics .area .info .main .aside .legend:hover:nth-child(4):before, section.analytics .info .area .main .aside .legend:hover:nth-child(4):before, section.analytics .area .info .aside .aside .legend:hover:nth-child(4):before, section.analytics .info .area .aside .aside .legend:hover:nth-child(4):before, section.analytics .area .texts .main .aside .legend:hover:nth-child(4):before, section.analytics .texts .area .main .aside .legend:hover:nth-child(4):before, section.analytics .area .bars .aside .aside .legend:hover:nth-child(4):before, section.analytics .bars .area .aside .aside .legend:hover:nth-child(4):before, section.analytics .area .profit-and-cost .body .aside .legend:hover:nth-child(4):before, section.analytics .profit-and-cost .area .body .aside .legend:hover:nth-child(4):before, section.analytics .area .product .body .aside .legend:hover:nth-child(4):before, section.analytics .product .area .body .aside .legend:hover:nth-child(4):before, section.analytics .area .product .footer .aside .legend:hover:nth-child(4):before, section.analytics .product .area .footer .aside .legend:hover:nth-child(4):before {
            background-color: #e23766; }
          /* line 682, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .area .card .aside .legend:hover:nth-child(5):before, section.analytics .area .info .main .aside .legend:hover:nth-child(5):before, section.analytics .info .area .main .aside .legend:hover:nth-child(5):before, section.analytics .area .info .aside .aside .legend:hover:nth-child(5):before, section.analytics .info .area .aside .aside .legend:hover:nth-child(5):before, section.analytics .area .texts .main .aside .legend:hover:nth-child(5):before, section.analytics .texts .area .main .aside .legend:hover:nth-child(5):before, section.analytics .area .bars .aside .aside .legend:hover:nth-child(5):before, section.analytics .bars .area .aside .aside .legend:hover:nth-child(5):before, section.analytics .area .profit-and-cost .body .aside .legend:hover:nth-child(5):before, section.analytics .profit-and-cost .area .body .aside .legend:hover:nth-child(5):before, section.analytics .area .product .body .aside .legend:hover:nth-child(5):before, section.analytics .product .area .body .aside .legend:hover:nth-child(5):before, section.analytics .area .product .footer .aside .legend:hover:nth-child(5):before, section.analytics .product .area .footer .aside .legend:hover:nth-child(5):before {
            background-color: #ff560f; }
  /* line 685, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .profit-and-cost {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    /* line 688, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .profit-and-cost .body {
      position: relative;
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto;
      padding: 20px;
      flex-wrap: nowrap; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.tablet section.analytics .profit-and-cost .body {
        flex-wrap: wrap; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.analytics .profit-and-cost .body {
        flex-wrap: wrap; }
      /* line 696, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .profit-and-cost .body .main {
        display: flex;
        justify-content: center;
        width: 100%; }
        /* line 700, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .profit-and-cost .body .main .number {
          margin: 0;
          font-size: 240%;
          font-weight: 400;
          line-height: 0.75; }
        /* line 705, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .profit-and-cost .body .main .cost {
          flex: 1; }
        /* line 707, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .profit-and-cost .body .main .profit {
          flex: 1;
          padding: 0 20px;
          border-left: 1px solid #e1e1e1; }
        /* line 711, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .profit-and-cost .body .main .title {
          font-size: 120%;
          font-weight: 400;
          margin: 0; }
        /* line 715, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .profit-and-cost .body .main .note {
          font-size: 110%;
          font-weight: 400;
          color: #c4c4c4; }
  /* line 720, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics .product {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    /* line 723, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .product .card, section.analytics .product .info .main, section.analytics .info .product .main, section.analytics .product .info .aside, section.analytics .info .product .aside, section.analytics .product .texts .main, section.analytics .texts .product .main, section.analytics .product .bars .aside, section.analytics .bars .product .aside, section.analytics .product .body, section.analytics .product .footer {
      margin: 0 5px;
      border-right-width: 1px;
      border-bottom-width: 0; }
      /* line 727, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .card:first-child, section.analytics .product .info .main:first-child, section.analytics .info .product .main:first-child, section.analytics .product .info .aside:first-child, section.analytics .info .product .aside:first-child, section.analytics .product .texts .main:first-child, section.analytics .texts .product .main:first-child, section.analytics .product .bars .aside:first-child, section.analytics .bars .product .aside:first-child, section.analytics .product .body:first-child, section.analytics .product .footer:first-child {
        margin-top: 5px;
        border-radius: 3px 3px 0 0; }
      /* line 730, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .card:last-child, section.analytics .product .info .main:last-child, section.analytics .info .product .main:last-child, section.analytics .product .info .aside:last-child, section.analytics .info .product .aside:last-child, section.analytics .product .texts .main:last-child, section.analytics .texts .product .main:last-child, section.analytics .product .bars .aside:last-child, section.analytics .bars .product .aside:last-child, section.analytics .product .body:last-child, section.analytics .product .footer:last-child {
        margin-bottom: 5px;
        border-bottom-width: 1px;
        border-radius: 0 0 3px 3px; }
    /* line 734, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .product .body {
      position: relative;
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto;
      padding: 20px;
      flex-wrap: nowrap; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.tablet section.analytics .product .body {
        flex-wrap: wrap; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.analytics .product .body {
        flex-wrap: wrap; }
      /* line 742, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .body .main {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 1 1 auto; }
        /* line 745, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .main .product-table {
          width: 100%; }
          /* line 748, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table thead {
            font-weight: bold;
            text-align: center; }
          /* line 752, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table tbody td:nth-child(n+2) {
            text-align: center;
            width: 150px; }
          /* line 756, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table .items .image {
            width: 60px;
            height: 60px;
            border: none;
            border-radius: 3px;
            background-size: cover;
            background-color: #eee;
            background-position: center center;
            display: inline-block;
            vertical-align: middle; }
          /* line 766, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table .items .name-and-rating-container {
            display: inline-block;
            margin-left: 20px;
            max-width: 80%;
            vertical-align: middle; }
          /* line 771, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table .items .name-and-rating {
            width: 120px;
            vertical-align: middle; }
            /* line 774, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .main .product-table .items .name-and-rating .block-right {
              flex: 0 1 40px;
              align-items: flex-end; }
          /* line 777, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .product-table .items .rating {
            color: #f39c0f;
            align-items: center;
            position: relative; }
            /* line 781, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .main .product-table .items .rating .star-group {
              position: absolute;
              right: 40px;
              width: 80px;
              height: 16px; }
              /* line 786, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .product-table .items .rating .star-group .star {
                display: inline-block;
                width: 16px;
                height: 16px;
                background-image: url("/assets/hg/icon/rating-star-f06f43fbe62be098deda96a77a0bc208b1f6e46d814c893c5a0618b2bec55acc.png");
                background-size: 16px 32px;
                background-position: 0 -16px; }
                /* line 793, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .product-table .items .rating .star-group .star.rated {
                  background-position: 0 0; }
        /* line 795, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .main .no-data {
          position: relative;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          flex: 1 1 0;
          justify-content: center;
          align-items: center;
          margin: 20px 0; }
        /* line 801, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .main .title {
          font-size: 36px;
          font-weight: 400;
          margin: 0; }
        /* line 805, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .main .items {
          height: 90px;
          padding: 15px; }
          /* line 808, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .items .image {
            width: 60px;
            height: 60px;
            border: none;
            border-radius: 3px;
            background-size: cover;
            background-color: #eee;
            background-position: center center; }
          /* line 816, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .main .items .description {
            padding: 8px 10px;
            font-size: 20px; }
            /* line 819, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .main .items .description .block-left {
              display: flex;
              flex-flow: column; }
              /* line 822, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .description .block-left .name {
                width: 100%;
                display: block;
                font-size: 24px;
                line-height: 25px; }
                /* line 827, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .name * {
                  display: inline-block;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  white-space: nowrap; }
                /* line 832, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .name .product-name {
                  max-width: 400px; }
                /* line 834, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .name .variant {
                  max-width: 200px; }
                /* line 836, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .name .counter {
                  color: #888; }
              /* line 838, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .description .block-left .progressbar {
                display: flex;
                margin: 5px 0 6px 0;
                border-radius: 20px;
                overflow: hidden; }
                /* line 843, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .progressbar .bar {
                  display: block;
                  min-height: 5px;
                  border-radius: 20px;
                  background-color: #26b899;
                  transition: width 2s ease; }
            /* line 849, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .main .items .description .block-right {
              flex: 0 1 165px;
              align-items: flex-end; }
              /* line 852, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .description .block-right .price {
                color: #888; }
              /* line 854, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .description .block-right .rating {
                color: #f39c0f;
                align-items: center; }
                /* line 857, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-right .rating .star-group {
                  position: absolute;
                  right: 60px;
                  width: 100px;
                  height: 16px; }
                  /* line 862, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                  section.analytics .product .body .main .items .description .block-right .rating .star-group .star {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    background-image: url("/assets/hg/icon/rating-star-f06f43fbe62be098deda96a77a0bc208b1f6e46d814c893c5a0618b2bec55acc.png");
                    background-size: 16px 32px;
                    background-position: 0 -16px; }
                    /* line 869, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                    section.analytics .product .body .main .items .description .block-right .rating .star-group .star.rated {
                      background-position: 0 0; }
          @media only screen and (max-width: 883px) {
            /* line 805, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .main .items {
              height: 70px; }
              /* line 873, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .image {
                width: 40px;
                height: 40px; }
              /* line 876, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
              section.analytics .product .body .main .items .description {
                padding: 0 10px; }
                /* line 879, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-left .name {
                  width: 0;
                  min-width: 100%; }
                  /* line 882, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                  section.analytics .product .body .main .items .description .block-left .name .product-name {
                    max-width: 100px; }
                  /* line 884, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                  section.analytics .product .body .main .items .description .block-left .name .variant {
                    max-width: 50px; }
                  /* line 886, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                  section.analytics .product .body .main .items .description .block-left .name .counter {
                    display: none; }
                /* line 888, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
                section.analytics .product .body .main .items .description .block-right {
                  display: none; } }
      /* line 891, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .body .aside {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        flex: 0 1 325px;
        align-items: center;
        padding-left: 20px; }
        /* line 896, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .aside .pimploen {
          margin: 100px 10px 10px 40px;
          height: 185px;
          width: 150px;
          background-image: url("/assets/hg/background/pimploen-analytics-bb2adfa586cd2671520b04dd1c79d64bb60b9d6b1f792346b1fc7c3510c7248b.png");
          background-repeat: no-repeat; }
        /* line 902, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .aside .description {
          color: #444;
          text-align: center; }
          /* line 905, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .aside .description .title {
            font-size: 24px; }
          /* line 907, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .aside .description .detail {
            font-size: 20px; }
          /* line 909, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          section.analytics .product .body .aside .description .button {
            display: block;
            color: #fff;
            cursor: pointer;
            margin: 10px auto;
            padding: 5px;
            width: 125px;
            border-radius: 3px;
            background-color: #26b899; }
            /* line 918, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
            section.analytics .product .body .aside .description .button:hover {
              background-color: #15957a; }
        /* line 920, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .body .aside:before {
          content: "";
          position: absolute;
          display: block;
          width: 1px;
          top: 50px;
          bottom: 60px;
          left: 0;
          align-self: center;
          background-color: #eee; }
        /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
        body.tablet section.analytics .product .body .aside {
          position: relative;
          flex: 0 1 100%;
          margin: 0 auto 30px; }
          /* line 933, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .product .body .aside .pimploen {
            margin: 10px 10px 10px 40px; }
          /* line 935, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.tablet section.analytics .product .body .aside:before {
            display: none; }
        /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
        body.phone section.analytics .product .body .aside {
          position: relative;
          flex: 0 1 100%;
          margin: 0 auto 30px; }
          /* line 933, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .product .body .aside .pimploen {
            margin: 10px 10px 10px 40px; }
          /* line 935, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
          body.phone section.analytics .product .body .aside:before {
            display: none; }
      /* line 937, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .body.have-more-items + .footer {
        display: flex; }
    /* line 939, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
    section.analytics .product .footer {
      position: relative;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      position: relative;
      flex: 1 1 auto;
      display: none;
      border-top: none; }
      /* line 945, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .footer .see-more {
        display: block;
        color: #26b899;
        cursor: pointer;
        margin: 10px auto;
        padding: 5px; }
        /* line 951, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
        section.analytics .product .footer .see-more:hover {
          color: #15957a; }
      /* line 953, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
      section.analytics .product .footer:before {
        content: "";
        display: block;
        height: 1px;
        width: 240px;
        top: 10px;
        align-self: center;
        background-color: #eee; }
  /* line 963, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  section.analytics path.domain, section.analytics .nv-legend, section.analytics .tick line[x2='0'] {
    display: none; }

/* line 967, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
.datepicker.dropdown-menu {
  margin-left: -74px; }
  /* line 971, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  .datepicker.dropdown-menu table thead tr th.prev,
  .datepicker.dropdown-menu table thead tr th.next {
    top: 6px;
    left: 2px;
    font-family: "Glyphicons Regular";
    font-weight: 400;
    color: #26b899; }
  /* line 978, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  .datepicker.dropdown-menu table thead tr th.prev:before {
    content: ""; }
  /* line 980, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  .datepicker.dropdown-menu table thead tr th.next:before {
    content: ""; }
  /* line 982, /drone/softbaked/page365/app/assets/stylesheets/hg/analytics.css.sass */
  .datepicker.dropdown-menu table tbody tr td.active {
    background-color: #26b899 !important; }
@charset "UTF-8";
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 65, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
.gly-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(45deg); }

/* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
.no-scrollbar::-webkit-scrollbar {
  display: none; }

/* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.desktop.account\.nav\.storefront\.coupons .datepicker.dropdown-menu {
  margin-left: 6px; }
/* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.desktop section.storefront-body {
  width: 870px; }
/* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.tablet.account\.nav\.storefront\.coupons .datepicker.dropdown-menu {
  margin-left: 6px; }
/* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.tablet section.storefront-body .delete-button {
  display: inline-block !important; }
@media (min-width: 1000px) {
  /* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-details .sub-block.cover-picture .sub-block-data .sub-block-data-main {
    height: 130px;
    width: 360px; }
  /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-shippings .normal-mode > span.name {
    max-width: 250px; } }
@media (max-width: 1000px) {
  /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-albums .top-menu {
    padding-left: 0 !important; }
  /* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-details .sub-block.profile-picture .sub-block-data .sub-block-data-main {
    width: 100px;
    height: 100px; }
  /* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-details .sub-block.cover-picture .sub-block-data .sub-block-data-main {
    height: 70px;
    width: 190px; }
  /* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-details .sub-block.description .sub-block-data {
    width: 190px; }
  /* line 108, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-sub-menu div span {
    width: 115px;
    font-size: 80%; }
  /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-shippings .page365-express .name {
    font-size: 90%; }
    /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    body.tablet section.storefront-body.storefront-shippings .page365-express .name .glyphicons-flash {
      display: none !important; }
  /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-shippings .normal-mode > span.name {
    max-width: 160px; }
  /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body.storefront-shippings .edit-mode .data > div .setting-price {
    margin-left: 10px !important;
    font-size: 70%; }
  /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body .albums > div > div {
    margin-left: 95px !important; }
  /* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  body.tablet section.storefront-body .album {
    max-width: 200px !important; } }

/* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
section.storefront {
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .loading-spinner {
    position: relative;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
    background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px; }
  /* line 140, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront a {
    color: inherit; }
    /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront a:hover {
      text-decoration: none; }
    /* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront a:focus {
      text-decoration: none; }
  /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront i.facebook {
    background-image: url("/assets/hg/icon/social-icon-dea0b5e79e50b716d04bd50a756143d8be21abb435a957ac69aa60856b43e346.png");
    background-size: cover;
    background-position: 0% 0; }
  /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront i.instagram {
    background-image: url("/assets/hg/icon/social-icon-dea0b5e79e50b716d04bd50a756143d8be21abb435a957ac69aa60856b43e346.png");
    background-size: cover;
    background-position: -300% 0; }
  /* line 151, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront i.kronos {
    background-image: url("/assets/hg/icon/social-icon-dea0b5e79e50b716d04bd50a756143d8be21abb435a957ac69aa60856b43e346.png");
    background-size: cover;
    background-position: -100% 0; }
  /* line 153, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront i.glyphicons-cart-in {
    padding: 0; }
    /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront i.glyphicons-cart-in:before {
      font-size: 12px; }
  /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront input, section.storefront textarea {
    border: 1px solid #ccc;
    padding: 0 8px;
    resize: none; }
  /* line 161, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .container {
    padding: 30px 0px; }
    @media (max-width: 768px) {
      /* line 161, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .container {
        padding: 30px 30px; } }
  /* line 165, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-36 {
    font-size: 180%; }
  /* line 167, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-24 {
    font-size: 120%; }
  /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-22 {
    font-size: 110%; }
  /* line 171, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-20 {
    font-size: 100%; }
  /* line 173, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-18 {
    font-size: 90%; }
  /* line 175, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-16 {
    font-size: 80%; }
  /* line 177, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .font-size-14 {
    font-size: 70%; }
  /* line 179, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .border-4 {
    border-radius: 4px; }
  /* line 181, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .border-3 {
    border-radius: 3px; }
  /* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .border-2 {
    border-radius: 2px; }
  /* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .header {
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 15px; }
    /* line 189, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .header.active {
      font-weight: bold;
      line-height: 26px; }
  /* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .btn {
    background-color: #ccc;
    color: #fff;
    width: 140px;
    height: 30px;
    padding: 5px; }
  /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .btn-action {
    background-color: #26b899; }
    /* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .btn-action:hover {
      background-color: #139f85; }
    /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .btn-action.top-menu .glyphicons, section.storefront .btn-action.add-product .glyphicons {
      padding-left: 18px;
      top: -8px; }
      /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .btn-action.top-menu .glyphicons:before, section.storefront .btn-action.add-product .glyphicons:before {
        font-size: 60%; }
  /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .btn-cancel:hover {
    background-color: #aaa; }
  /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .shorten-word {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .mouse-hover {
    cursor: pointer; }
  /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .float-left {
    float: left; }
  /* line 218, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .float-right {
    float: right; }
  /* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .menu .filter-albums {
    vertical-align: middle;
    width: fit-content;
    padding: 0 10px;
    margin-left: 10px;
    background-color: #fff;
    color: #666; }
    /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .menu .filter-albums:hover {
      background-color: #f1f1f1;
      color: #444; }
  /* line 231, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .menu .btn-default {
    height: 28px;
    border: 1px solid #ddd; }
  /* line 234, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .menu .spinner {
    position: relative;
    top: 3px;
    margin-right: 3px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
    background-size: contain; }
  /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .dropdown-menu {
    min-width: 140px;
    color: #444; }
    /* line 247, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .dropdown-menu .download {
      float: right;
      color: #26b899; }
    /* line 250, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .dropdown-menu.export-items li {
      position: relative;
      padding-left: 25px;
      width: 220px; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .dropdown-menu.export-items li .link {
        padding: 0 10px 0 10px;
        margin-right: 10px;
        line-height: inherit; }
      /* line 258, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .dropdown-menu.export-items li .glyphicons {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0, -50%);
        margin-top: 2px;
        width: 15px;
        height: 15px; }
        /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .dropdown-menu.export-items li .glyphicons:before {
          font-size: 65%; }
    /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .dropdown-menu.filter-items li {
      position: relative;
      padding-left: 35px;
      width: 200px; }
      /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .dropdown-menu.filter-items li .glyphicons {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0, -50%);
        margin-top: 2px;
        width: 15px;
        height: 15px; }
        /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .dropdown-menu.filter-items li .glyphicons:before {
          font-size: 65%; }
    /* line 282, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .dropdown-menu li {
      height: 30px;
      padding-top: 5px;
      padding-left: 15px;
      padding-bottom: 5px; }
      /* line 287, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .dropdown-menu li:hover {
        background-color: #26b899;
        color: #fff; }
      /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .dropdown-menu li .glyphicons {
        margin-right: 10px; }
  /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .bootstrap-switch {
    color: white;
    font-weight: 700;
    border-radius: 28px;
    display: inline-block;
    border: 0; }
    /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .bootstrap-switch.bootstrap-switch-off {
      background-color: #bbb; }
      /* line 300, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off,
      section.storefront .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on,
      section.storefront .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-label {
        color: white;
        background-color: #bbb; }
      /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        background-color: #bbb; }
    /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .bootstrap-switch.bootstrap-switch-on {
      background-color: #1abc9c; }
      /* line 309, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
      section.storefront .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off,
      section.storefront .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-label {
        color: white;
        background-color: #1abc9c; }
      /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        background-color: #1abc9c; }
    /* line 316, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .bootstrap-switch .bootstrap-switch-label {
      color: white;
      padding: 0; }
      /* line 319, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .bootstrap-switch .bootstrap-switch-label .circle:before {
        content: "●";
        font-size: 32px;
        color: white;
        vertical-align: middle;
        position: relative !important;
        top: 1px;
        border-radius: 28px; }
    /* line 327, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .bootstrap-switch span {
      font-size: 20px; }
  /* line 329, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .search-product {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
    position: relative; }
    /* line 334, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .search-product input {
      padding-right: 22px;
      width: 250px;
      height: 28px; }
    /* line 338, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .search-product .glyphicons {
      position: absolute;
      margin-top: 1px;
      height: 15px;
      width: 15px;
      padding: 0;
      right: 5px;
      top: 50%;
      transform: translate(0, -50%); }
      /* line 347, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .search-product .glyphicons:before {
        font-size: 60%;
        color: #ccc; }
    /* line 350, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .search-product .glyphicons-remove-2:hover::before {
      color: #c33825; }
  /* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .storefront-sub-menu div {
    background-color: #fafafa;
    border: 1px solid #eee;
    height: 50px;
    width: 100%;
    line-height: 50px;
    display: inline-block;
    padding: 0 20px;
    color: #888;
    margin-bottom: 30px; }
    /* line 362, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-sub-menu div span {
      display: inline-block;
      width: 160px;
      text-align: center;
      height: 48px;
      cursor: pointer; }
      /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-sub-menu div span.selected {
        border-bottom: 3px solid #26b899;
        color: #26b899; }
        /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-sub-menu div span.selected i.shipping {
          background-position: -40px -20px; }
        /* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-sub-menu div span.selected:hover {
          color: #139f85; }
      /* line 375, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-sub-menu div span:hover {
        color: #666; }
      /* line 377, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-sub-menu div span i {
        padding: 0;
        margin-right: 7px;
        width: 16px;
        height: 16px; }
        /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-sub-menu div span i:before {
          font-size: 15px; }
        /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-sub-menu div span i.shipping {
          display: inline-block;
          background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
          background-size: 150px 150px;
          background-size: 60px;
          background-position: -40px -40px;
          width: 20px;
          height: 20px;
          margin-bottom: -5px; }
  /* line 391, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1031; }
  /* line 399, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .storefront-popup {
    position: fixed;
    z-index: 1032;
    width: 425px;
    height: 505px;
    padding: 25px 35px 20px;
    top: 160px;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, 0);
    border-radius: 2px; }
    /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.edit-album {
      height: auto;
      padding-bottom: 30px; }
      /* line 413, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.edit-album .header {
        margin-bottom: 20px; }
      /* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.edit-album .textarea {
        margin-bottom: 25px; }
    /* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.product-action {
      width: 750px; }
      /* line 419, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.product-action textarea {
        height: 103px;
        margin: 0 0 15px; }
      /* line 422, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.product-action .action {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 15px;
        text-align: right; }
      /* line 429, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.product-action .header {
        width: 100%; }
    /* line 431, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.edit-product {
      padding-top: 30px; }
    /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.edit-product .header {
      margin-bottom: 15px; }
    /* line 436, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.add-product .description {
      width: 100%;
      font-size: 50%;
      margin: 5px 0; }
    /* line 440, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.loading {
      padding-top: 75px;
      padding-bottom: 75px;
      text-align: center; }
      /* line 444, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.loading img {
        width: 100px;
        height: 100px; }
      /* line 447, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.loading p {
        margin-top: 20px; }
    /* line 449, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup.create-album {
      height: auto;
      padding-bottom: 30px; }
      /* line 452, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup.create-album textarea {
        margin-bottom: 25px; }
    /* line 455, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup input, section.storefront .storefront-popup textarea {
      border-radius: 2px;
      width: 100%;
      border: 1px solid #ccc;
      padding-top: 3px;
      padding-left: 8px; }
    /* line 461, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup input {
      height: 30px;
      margin-bottom: 15px; }
      /* line 464, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup input.error {
        border-color: #c33825; }
    /* line 466, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup textarea {
      resize: none;
      height: 140px;
      margin-bottom: 8px; }
    /* line 471, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .header {
      margin-bottom: 2px; }
      /* line 473, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .header .title {
        margin-right: 6px;
        cursor: pointer;
        font-size: 120%;
        color: #777;
        transition: color 0.4s, border-bottom 0.2s; }
        /* line 479, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .header .title.active {
          color: #139f85;
          border-bottom: 2px solid #139f85; }
    /* line 482, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .delete-button {
      position: absolute;
      left: 35px;
      bottom: 15px;
      padding: 4px 0;
      cursor: pointer;
      z-index: 1;
      color: #c33825; }
      /* line 490, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .delete-button:hover {
        color: #a51400; }
      /* line 492, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .delete-button .glyphicons {
        padding: 0;
        width: 15px;
        height: 15px;
        margin-right: 5px; }
        /* line 497, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .delete-button .glyphicons:before {
          font-size: 70%; }
    /* line 499, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .description {
      display: inline-block;
      color: #ccc;
      margin-bottom: 10px; }
    /* line 503, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .tab {
      position: absolute;
      visibility: hidden;
      top: 75px;
      right: 0;
      bottom: 60px;
      left: 0;
      padding: 0 35px;
      transition: visibility 0s, opacity 0.3s linear;
      opacity: 0;
      overflow-x: hidden; }
      /* line 514, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .tab.active {
        visibility: visible;
        opacity: 1; }
    /* line 518, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .left-side {
      position: relative;
      float: left;
      width: 250px;
      padding-right: 20px;
      margin-bottom: 26px; }
      /* line 524, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .left-side .preview-product {
        display: inline-block;
        width: 220px;
        height: 220px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #ccc;
        border-radius: 4px; }
      /* line 533, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .left-side .setting-product-stock {
        margin: 5px 0 10px;
        cursor: pointer; }
      /* line 536, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group {
        display: block; }
        /* line 538, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group .btn {
          width: 220px;
          padding: 5px 8px;
          border-radius: 2px;
          border: 1px solid #ccc;
          text-align: left;
          background-color: #fff;
          color: inherit; }
          /* line 546, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group .btn .caret {
            float: right;
            margin-top: 8px; }
        /* line 549, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group .dropdown-menu {
          position: absolute;
          left: 0;
          width: 220px; }
          /* line 553, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group .dropdown-menu li {
            cursor: pointer; }
            /* line 555, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .left-side .setting-product-stock-options .btn-group .dropdown-menu li:hover {
              background-color: #f5f5f5;
              color: inherit; }
    /* line 558, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .right-side {
      position: relative;
      float: left;
      width: 410px;
      height: auto; }
      /* line 563, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .right-side .toggle-sharing {
        position: absolute;
        right: 0;
        cursor: pointer;
        color: #26b899; }
        /* line 568, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .right-side .toggle-sharing:hover {
          color: #139f85; }
      /* line 570, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .right-side .sub-panel {
        float: left;
        width: 140px; }
        /* line 573, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .right-side .sub-panel.left-side {
          margin-right: 20px;
          width: 250px; }
      /* line 576, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .right-side .required {
        color: #c33825;
        font-weight: unset;
        font-size: 120%; }
      /* line 580, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .right-side .product-link {
        position: relative;
        margin-bottom: 16px;
        padding-right: 1em;
        height: 30px; }
        /* line 585, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .right-side .product-link .icon {
          position: absolute;
          margin: 0;
          padding: 0.25em;
          right: 0;
          width: 1.5em;
          height: 1.5em;
          border-radius: 3px;
          background-color: #ececec; }
          /* line 594, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .right-side .product-link .icon:before {
            font-size: 0.75em;
            margin: 0.5em; }
        /* line 597, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .right-side .product-link span {
          height: 100%;
          line-height: 30px;
          display: inline-block;
          padding: 0 10px;
          background-color: #ececec;
          border-radius: 3px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%; }
    /* line 610, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .stock .inactive-stock {
      position: relative;
      text-align: center;
      top: 50%;
      transform: translate(0, -50%); }
      /* line 615, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .stock .inactive-stock .btn {
        font-size: 100%;
        height: inherit;
        cursor: pointer;
        background-color: #26b899; }
        /* line 620, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .stock .inactive-stock .btn:hover {
          background-color: #139f85; }
      /* line 622, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .stock .inactive-stock .detail {
        margin: 10px 0; }
    /* line 624, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .stock .stock-list {
      width: 100%;
      display: flex;
      flex-direction: column; }
      /* line 628, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .stock .stock-list .move-input {
        display: inherit;
        margin-bottom: 5px; }
        /* line 631, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .stock .stock-list .move-input .move-detail {
          flex: 1 1 20%;
          margin: 0 2px; }
          /* line 634, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail.note {
            flex: 1 1 25%; }
          /* line 636, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail.quantity {
            flex: 1 1 15%;
            text-align: right; }
          /* line 639, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail.price {
            flex: 1 1 15%;
            text-align: right; }
          /* line 642, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail input {
            margin-bottom: 0;
            text-align: inherit; }
          /* line 645, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .btn-group {
            display: block; }
          /* line 647, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .datepicker,
          section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .variantpicker {
            position: relative;
            width: 100%;
            font-size: 100%;
            letter-spacing: -0.3px;
            text-align: left;
            padding: 3px 3px 3px 10px;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 2px; }
            /* line 658, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .datepicker .glyphicons,
            section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .variantpicker .glyphicons {
              position: absolute;
              top: initial;
              right: 24px;
              margin: 4px 0 0;
              padding: 0; }
              /* line 664, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .datepicker .glyphicons:before,
              section.storefront .storefront-popup .stock .stock-list .move-input .move-detail .variantpicker .glyphicons:before {
                font-size: 70%; }
        /* line 666, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .stock .stock-list .move-input .move-add {
          flex: 1 1 10%;
          margin-left: 5px;
          display: flex;
          justify-content: center;
          align-items: flex-end;
          padding-bottom: 3px;
          font-weight: bold; }
          /* line 674, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .move-input .move-add span {
            cursor: pointer;
            color: #26b899; }
            /* line 677, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .move-input .move-add span:hover {
              color: #139f85; }
      /* line 679, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .stock .stock-list .moves {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 5px; }
        /* line 685, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .stock .stock-list .moves > div {
          width: 100%;
          height: 30px;
          line-height: 30px;
          display: flex; }
          /* line 690, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .moves > div:hover {
            background-color: #f7fcfb; }
            /* line 692, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .moves > div:hover .variant-remove span {
              display: inline-block; }
          /* line 694, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .stock .stock-list .moves > div > span {
            padding: 0 8px;
            margin: 0 2px;
            flex: 1 1 20%;
            display: inline-block; }
            /* line 699, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .moves > div > span.quantity {
              flex: 1 1 15%;
              text-align: right; }
            /* line 702, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .moves > div > span.price {
              flex: 1 1 15%;
              text-align: right; }
            /* line 705, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .moves > div > span.note {
              flex: 1 1 25%; }
              /* line 707, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .stock .stock-list .moves > div > span.note .ref {
                cursor: pointer;
                color: #139f85; }
            /* line 710, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .stock .stock-list .moves > div > span.actions {
              flex: 1 1 10%; }
    /* line 713, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .variant .inactive-variant {
      position: relative;
      text-align: center;
      top: 50%;
      transform: translate(0, -50%); }
      /* line 718, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .variant .inactive-variant .btn {
        font-size: 100%;
        height: inherit;
        background-color: #26b899;
        cursor: pointer; }
        /* line 723, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .variant .inactive-variant .btn:hover {
          background-color: #139f85; }
      /* line 725, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .variant .inactive-variant .detail {
        margin: 10px 0; }
    /* line 727, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .variant .variant-list {
      width: 100%;
      display: flex;
      flex-direction: column; }
      /* line 731, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .variant .variant-list .variant-input {
        display: inherit;
        margin-bottom: 5px; }
        /* line 734, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail {
          flex: 1 1 20%;
          margin: 0 2px; }
          /* line 737, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.code, section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.price, section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.before-discount {
            flex: 1 1 15%; }
          /* line 741, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.actual, section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.available, section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail.weight {
            flex: 1 1 10%; }
          /* line 745, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-input .variant-detail input {
            margin-bottom: 0; }
        /* line 747, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .variant .variant-list .variant-input .variant-add {
          min-width: 50px;
          margin-left: 5px;
          display: flex;
          justify-content: center;
          align-items: flex-end;
          padding-bottom: 3px;
          font-weight: bold; }
          /* line 755, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-input .variant-add span {
            cursor: pointer;
            color: #26b899; }
            /* line 758, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .variant .variant-list .variant-input .variant-add span:hover {
              color: #139f85; }
      /* line 760, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .variant .variant-list .variant-products {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 5px; }
        /* line 766, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .variant .variant-list .variant-products > div {
          width: 100%;
          height: 30px;
          line-height: 30px;
          display: flex; }
          /* line 771, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-products > div:hover {
            background-color: #f7fcfb; }
            /* line 773, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .variant .variant-list .variant-products > div:hover .variant-remove span {
              display: inline-block; }
          /* line 775, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-products > div > span {
            padding: 0 8px;
            margin: 0 2px;
            flex: 1 1 20%;
            display: inline-block;
            cursor: pointer; }
            /* line 781, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.code, section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.price, section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.before-discount {
              flex: 1 1 15%; }
            /* line 785, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.actual, section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.available, section.storefront .storefront-popup .variant .variant-list .variant-products > div > span.weight {
              flex: 1 1 10%; }
          /* line 789, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .variant .variant-list .variant-products > div .variant-remove {
            display: flex;
            min-width: 50px;
            margin-left: 5px;
            justify-content: center;
            align-items: center; }
            /* line 795, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .variant .variant-list .variant-products > div .variant-remove span {
              display: none;
              color: #c33825;
              cursor: pointer; }
              /* line 799, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .variant .variant-list .variant-products > div .variant-remove span:hover {
                color: #a51400; }
      /* line 801, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .variant .variant-list .price, section.storefront .storefront-popup .variant .variant-list .before-discount, section.storefront .storefront-popup .variant .variant-list .weight, section.storefront .storefront-popup .variant .variant-list .actual, section.storefront .storefront-popup .variant .variant-list .available {
        text-align: right; }
        /* line 803, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .variant .variant-list .price input, section.storefront .storefront-popup .variant .variant-list .before-discount input, section.storefront .storefront-popup .variant .variant-list .weight input, section.storefront .storefront-popup .variant .variant-list .actual input, section.storefront .storefront-popup .variant .variant-list .available input {
          text-align: right; }
    /* line 806, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .photos {
      position: relative;
      padding-left: 81px;
      margin-bottom: 10px;
      width: 100%;
      height: 87px; }
      /* line 812, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .photos .files-picker {
        display: inline-block;
        height: 100%;
        width: 100%;
        overflow-x: hidden; }
        /* line 817, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .photos .files-picker > input {
          display: none; }
        /* line 819, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .photos .files-picker > div {
          position: relative;
          padding-top: 7px;
          width: 87px;
          height: 87px;
          float: left;
          text-align: right; }
          /* line 826, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .photos .files-picker > div .delete-photo {
            position: absolute;
            right: 0;
            top: 0;
            width: 25px;
            height: 25px; }
            /* line 832, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .photos .files-picker > div .delete-photo > span {
              position: absolute;
              right: 0;
              top: 0;
              width: 14px;
              height: 14px;
              background-color: #000;
              border-radius: 15px; }
              /* line 840, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .photos .files-picker > div .delete-photo > span .glyphicons {
                position: absolute;
                padding: 0;
                left: 2px;
                top: 1px; }
                /* line 845, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront .storefront-popup .photos .files-picker > div .delete-photo > span .glyphicons:before {
                  font-size: 55%;
                  color: #fff; }
        /* line 848, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .photos .files-picker > span {
          position: absolute;
          top: 7px;
          left: 0; }
          /* line 852, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront .storefront-popup .photos .files-picker > span .new-photo {
            padding: 5px;
            width: 77px;
            height: 77px;
            border: 1px dashed #ccc; }
            /* line 857, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .photos .files-picker > span .new-photo:hover {
              border-color: #999; }
              /* line 859, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .photos .files-picker > span .new-photo:hover span {
                background-color: #ddd;
                color: #999; }
            /* line 862, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront .storefront-popup .photos .files-picker > span .new-photo span {
              background-color: #f6f6f6;
              color: #ccc;
              display: inline-block;
              position: relative;
              height: 65px;
              width: 65px;
              padding-top: 35px;
              text-align: center;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
              /* line 874, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront .storefront-popup .photos .files-picker > span .new-photo span .glyphicons {
                position: absolute;
                top: 25%;
                left: 50%;
                transform: translate(-50%, 0);
                padding: 0;
                width: 13px;
                height: 13px;
                font-size: 14px; }
                /* line 883, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront .storefront-popup .photos .files-picker > span .new-photo span .glyphicons:before {
                  font-size: 90%; }
        /* line 885, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .photos .files-picker .block {
          max-width: 75px;
          max-height: 75px; }
        /* line 888, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront .storefront-popup .photos .files-picker .preview {
          margin: 0 6px 5px;
          border-radius: 3px;
          display: inline-block; }
    /* line 892, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .action {
      float: right; }
      /* line 894, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .action .btn:first-child {
        margin-right: 15px; }
    /* line 896, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .close-window {
      padding: 0;
      width: 18px;
      height: 18px;
      position: absolute;
      right: 18px;
      top: 18px; }
      /* line 903, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .close-window:before {
        font-size: 90%;
        color: #aaa; }
      /* line 906, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront .storefront-popup .close-window:hover::before {
        color: #666; }
    /* line 908, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .storefront-popup .btn-action.disabled {
      opacity: 0.5;
      cursor: default; }
  /* line 911, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront .sb-tooltip {
    padding-left: 12px;
    top: -8px;
    color: #bbb; }
    /* line 915, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront .sb-tooltip:before {
      font-size: 0.7em; }
  /* line 917, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  section.storefront section {
    position: relative; }
    /* line 919, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.sidebar {
      min-width: 220px;
      width: 100%;
      min-height: 500px;
      background-color: #fff;
      margin-bottom: 50px; }
      /* line 925, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .title {
        color: #85969E;
        padding: 5px 10px;
        margin-top: 18px; }
        /* line 929, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .title:nth-child(2) {
          margin-top: 0; }
      /* line 931, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar > a, section.storefront section.sidebar > span {
        outline: 0;
        display: block;
        height: 32px;
        border-left: 3px solid #fff; }
      /* line 937, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar > a:not(.to-kronos):hover {
        border-left: 3px solid rgba(19, 159, 133, 0.25);
        background-color: rgba(19, 159, 133, 0.05); }
        /* line 940, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar > a:not(.to-kronos):hover.active:hover {
          border-left: 3px solid #26b899; }
      /* line 942, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .to-kronos {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding: 5px;
        color: #26b899;
        background-color: #fafafa;
        border: 1px solid #ddd;
        border-radius: 2px; }
        /* line 954, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .to-kronos:hover {
          background-color: #ececec; }
        /* line 956, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .to-kronos .glyphicons {
          padding: 0;
          width: 15px;
          height: 15px;
          margin-top: -3px;
          margin-left: 3px; }
          /* line 962, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .to-kronos .glyphicons:before {
            font-size: 14px; }
      /* line 964, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .active {
        border-radius: 0;
        border-left: 3px solid #26b899;
        background-color: rgba(19, 159, 133, 0.05); }
        /* line 969, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .active p {
          color: #26b899; }
      /* line 971, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .header {
        color: #333;
        padding: 3px 7px;
        line-height: 26px;
        display: block;
        margin-bottom: 5px;
        padding: 5px 0 5px 7px; }
        /* line 979, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .header:hover span {
          display: block; }
        /* line 982, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .header.payment:hover {
          background-color: #FFF; }
        /* line 985, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .header span:not(.badge) {
          display: none;
          color: #26b899;
          font-weight: normal; }
          /* line 989, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .header span:not(.badge):hover {
            color: #139f85;
            text-decoration: underline; }
        /* line 992, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .header span.badge {
          display: inline-block;
          vertical-align: top;
          margin: 5px;
          color: #fff;
          background-color: #F5AB35; }
        /* line 998, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .header.promote {
          display: inline-block; }
      /* line 1000, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .badge {
        position: relative;
        bottom: 2px;
        margin-left: 5px; }
        /* line 1004, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .badge.beta {
          background-color: #3498DB; }
        /* line 1006, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .badge.identify {
          background-color: #FDBD01; }
        /* line 1008, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .badge.new {
          background-color: #EF4836; }
      /* line 1010, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.sidebar .list-album {
        overflow: scroll;
        max-height: 240px;
        margin-bottom: 10px;
        z-index: 1000; }
        /* line 1015, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.sidebar .list-album li {
          height: 30px;
          line-height: 32px;
          padding: 0 7px;
          position: relative;
          cursor: pointer;
          border-left: 3px solid #fff; }
          /* line 1022, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .list-album li.active {
            border-left: 3px solid #26b899;
            background-color: rgba(19, 159, 133, 0.05); }
            /* line 1025, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.sidebar .list-album li.active:hover {
              border-left: 3px solid #26b899;
              background-color: rgba(19, 159, 133, 0.05); }
          /* line 1028, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .list-album li:hover {
            border-left: 3px solid rgba(19, 159, 133, 0.25);
            background-color: rgba(19, 159, 133, 0.05); }
          /* line 1031, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .list-album li a {
            padding: 0 40px 0px 10px;
            display: block; }
            /* line 1034, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.sidebar .list-album li a .badge.new {
              position: relative;
              left: 5px;
              top: -2px;
              background-color: #F5AB35; }
            /* line 1039, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.sidebar .list-album li a .category-size {
              background-color: #bbb;
              position: absolute;
              top: 6px;
              right: 15px;
              bottom: inherit; }
          /* line 1045, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.sidebar .list-album li i {
            position: absolute;
            height: 16px;
            width: 16px;
            top: 7px;
            left: 7px; }
            /* line 1051, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.sidebar .list-album li i.glyphicons-cart-in:before {
              font-size: 15px; }
    /* line 1053, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-albums {
      padding: 0; }
      /* line 1055, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums > div {
        display: inline-block; }
      /* line 1058, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums .top-menu .reload-album {
        color: #26b899;
        margin-right: 10px; }
        /* line 1061, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-albums .top-menu .reload-album .glyphicons {
          top: -2px;
          padding: 5px;
          margin-right: 7px;
          width: 11px;
          height: 9px; }
          /* line 1067, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-albums .top-menu .reload-album .glyphicons:before {
            font-size: 60%; }
      /* line 1069, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums .top-menu .create-album {
        cursor: pointer; }
      /* line 1071, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums .menu {
        width: 100%; }
      /* line 1073, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums .description {
        color: #666;
        width: 100%;
        text-align: center;
        margin-top: 15px; }
        /* line 1078, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-albums .description p {
          margin: 0; }
          /* line 1080, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-albums .description p a {
            margin-left: 5px;
            color: #26b899; }
            /* line 1083, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .description p a:hover {
              color: #139f85;
              text-decoration: underline; }
      /* line 1086, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-albums .albums {
        position: relative;
        width: 100%; }
        /* line 1089, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-albums .albums > div {
          float: left;
          display: inline-block; }
          /* line 1092, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-albums .albums > div > div {
            display: inline-block;
            width: 130px;
            height: 130px;
            margin: 30px 30px 50px 30px; }
            /* line 1098, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div.album:hover .album-name {
              background-color: #ececec; }
            /* line 1100, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div.album .thumbnails {
              background-image: url("/assets/hg/icon/storefront-album-stack-88f4f83f840a86fd9fa81eacdc9c36fe8498c2b39a78a66709e985cfac031c9d.png");
              background-size: contain;
              padding: 10px;
              position: relative; }
              /* line 1105, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div.album .thumbnails span {
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 110px;
                height: 110px; }
              /* line 1111, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div.album .thumbnails i {
                position: absolute;
                height: 12px;
                width: 12px;
                top: 13px;
                right: 13px; }
            /* line 1117, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div.album .details {
              display: inline-block;
              width: 100%; }
            /* line 1120, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div.hide-album {
              opacity: 0.5; }
              /* line 1122, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div.hide-album:hover .album-name {
                background-color: #ddd; }
              /* line 1124, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div.hide-album .hide-album-description {
                color: #4a4a4a; }
            /* line 1126, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div .create-album {
              padding: 5px;
              width: 132px;
              border: 1px dashed #ccc;
              cursor: pointer; }
              /* line 1131, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div .create-album:hover {
                border-color: #999; }
                /* line 1133, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-albums .albums > div > div .create-album:hover span {
                  background-color: #ddd;
                  color: #999; }
              /* line 1136, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div .create-album span {
                background-color: #f6f6f6;
                color: #ccc;
                height: 120px;
                width: 120px;
                padding-top: 70px; }
                /* line 1142, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-albums .albums > div > div .create-album span .glyphicons {
                  position: absolute;
                  top: 25%;
                  left: 50%;
                  transform: translate(-50%, 0);
                  padding: 0;
                  width: 30px;
                  height: 30px; }
                  /* line 1150, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-albums .albums > div > div .create-album span .glyphicons:before {
                    font-size: 150%; }
            /* line 1152, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-albums .albums > div > div span {
              text-align: center;
              position: relative;
              display: block; }
              /* line 1156, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-albums .albums > div > div span.album-name {
                margin-top: 5px;
                padding: 0 7px; }
    /* line 1160, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .switch-button {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 20px;
      cursor: pointer;
      box-sizing: border-box;
      background-color: #ccc;
      border-radius: 10px;
      padding: 2px;
      user-select: none;
      transition: all 0.4s ease; }
      /* line 1172, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .switch-button.small {
        top: 3px;
        width: 26px;
        height: 14px; }
      /* line 1176, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .switch-button:after, section.storefront section.storefront-coupons .switch-button:before {
        content: "";
        position: relative;
        display: none;
        width: 50%;
        height: 100%; }
      /* line 1183, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .switch-button:after {
        display: block;
        left: 0;
        border-radius: 50%;
        background: #fff;
        transition: all 0.2s ease; }
      /* line 1189, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .switch-button.enable {
        background: #26b899; }
        /* line 1191, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .switch-button.enable:after {
          left: 50%; }
    /* line 1193, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .text-muted {
      color: #999; }
    /* line 1195, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .text-active {
      color: #26b899; }
    /* line 1197, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .text-danger {
      color: #ef4836; }
    /* line 1199, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .btn {
      position: relative;
      top: -2px;
      height: 36px;
      font-weight: 400;
      border-radius: 2px; }
    /* line 1205, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .header {
      display: block; }
    /* line 1208, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .body .coupon-table {
      display: grid; }
      /* line 1210, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .body .coupon-table .coupon-row {
        display: inline-grid;
        grid-template-columns: 3fr 1.5fr 1.8fr 2fr 1.7fr; }
        /* line 1213, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .body .coupon-table .coupon-row.coupon-header {
          background-color: #fafafa;
          font-weight: 500; }
          /* line 1216, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .body .coupon-table .coupon-row.coupon-header .coupon-column {
            border-top-width: 1px;
            padding: 10px; }
        /* line 1219, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column {
          padding: 5px 10px;
          border-color: #eee;
          border-style: solid;
          border-width: 0 1px 1px 0; }
          /* line 1224, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column:first-child {
            border-left-width: 1px; }
          /* line 1226, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block {
            display: block;
            padding: 5px 0; }
            /* line 1229, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .editable {
              cursor: pointer; }
              /* line 1231, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .editable:hover {
                color: #139f85; }
            /* line 1233, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .copyable {
              position: relative;
              display: block;
              padding: 4px 10px;
              line-height: 1;
              cursor: pointer;
              border: 1px solid #eee;
              border-radius: 2px;
              transition: all 0.6s easeOutElastic;
              user-select: none; }
              /* line 1243, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .copyable:active {
                color: #26b899;
                border-color: #26b899; }
              /* line 1246, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .copyable .icon {
                position: absolute;
                top: 5px;
                right: 22px;
                padding: 0;
                margin: 0; }
                /* line 1252, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .copyable .icon:before {
                  font-size: 80%; }
            /* line 1254, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .available-on {
              display: inline-block;
              width: 100%; }
              /* line 1257, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .available-on.date-title {
                width: 30%; }
            /* line 1259, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage {
              display: inline-block; }
              /* line 1261, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage.unlimited, section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage.sme {
                display: block;
                text-align: center; }
            /* line 1265, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter {
              position: relative;
              display: block;
              height: 10px;
              margin: 5px 0;
              background-color: #eee;
              border-radius: 5px; }
              /* line 1272, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter:after {
                content: "";
                position: relative;
                display: block;
                height: 10px;
                width: 0;
                background-color: #26b899;
                border-radius: 5px;
                transition: width 0.6s ease-in 2s; }
              /* line 1281, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter.max:after {
                background-color: #ef4836; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="0"]:after {
                width: 0%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="1"]:after {
                width: 1%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="2"]:after {
                width: 2%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="3"]:after {
                width: 3%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="4"]:after {
                width: 4%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="5"]:after {
                width: 5%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="6"]:after {
                width: 6%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="7"]:after {
                width: 7%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="8"]:after {
                width: 8%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="9"]:after {
                width: 9%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="10"]:after {
                width: 10%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="11"]:after {
                width: 11%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="12"]:after {
                width: 12%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="13"]:after {
                width: 13%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="14"]:after {
                width: 14%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="15"]:after {
                width: 15%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="16"]:after {
                width: 16%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="17"]:after {
                width: 17%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="18"]:after {
                width: 18%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="19"]:after {
                width: 19%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="20"]:after {
                width: 20%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="21"]:after {
                width: 21%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="22"]:after {
                width: 22%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="23"]:after {
                width: 23%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="24"]:after {
                width: 24%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="25"]:after {
                width: 25%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="26"]:after {
                width: 26%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="27"]:after {
                width: 27%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="28"]:after {
                width: 28%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="29"]:after {
                width: 29%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="30"]:after {
                width: 30%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="31"]:after {
                width: 31%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="32"]:after {
                width: 32%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="33"]:after {
                width: 33%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="34"]:after {
                width: 34%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="35"]:after {
                width: 35%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="36"]:after {
                width: 36%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="37"]:after {
                width: 37%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="38"]:after {
                width: 38%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="39"]:after {
                width: 39%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="40"]:after {
                width: 40%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="41"]:after {
                width: 41%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="42"]:after {
                width: 42%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="43"]:after {
                width: 43%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="44"]:after {
                width: 44%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="45"]:after {
                width: 45%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="46"]:after {
                width: 46%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="47"]:after {
                width: 47%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="48"]:after {
                width: 48%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="49"]:after {
                width: 49%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="50"]:after {
                width: 50%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="51"]:after {
                width: 51%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="52"]:after {
                width: 52%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="53"]:after {
                width: 53%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="54"]:after {
                width: 54%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="55"]:after {
                width: 55%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="56"]:after {
                width: 56%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="57"]:after {
                width: 57%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="58"]:after {
                width: 58%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="59"]:after {
                width: 59%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="60"]:after {
                width: 60%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="61"]:after {
                width: 61%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="62"]:after {
                width: 62%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="63"]:after {
                width: 63%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="64"]:after {
                width: 64%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="65"]:after {
                width: 65%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="66"]:after {
                width: 66%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="67"]:after {
                width: 67%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="68"]:after {
                width: 68%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="69"]:after {
                width: 69%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="70"]:after {
                width: 70%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="71"]:after {
                width: 71%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="72"]:after {
                width: 72%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="73"]:after {
                width: 73%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="74"]:after {
                width: 74%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="75"]:after {
                width: 75%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="76"]:after {
                width: 76%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="77"]:after {
                width: 77%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="78"]:after {
                width: 78%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="79"]:after {
                width: 79%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="80"]:after {
                width: 80%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="81"]:after {
                width: 81%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="82"]:after {
                width: 82%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="83"]:after {
                width: 83%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="84"]:after {
                width: 84%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="85"]:after {
                width: 85%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="86"]:after {
                width: 86%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="87"]:after {
                width: 87%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="88"]:after {
                width: 88%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="89"]:after {
                width: 89%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="90"]:after {
                width: 90%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="91"]:after {
                width: 91%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="92"]:after {
                width: 92%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="93"]:after {
                width: 93%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="94"]:after {
                width: 94%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="95"]:after {
                width: 95%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="96"]:after {
                width: 96%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="97"]:after {
                width: 97%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="98"]:after {
                width: 98%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="99"]:after {
                width: 99%; }
              /* line 1284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-coupons .body .coupon-table .coupon-row .coupon-column .coupon-block .usage-meter[percent="100"]:after {
                width: 100%; }
    /* line 1286, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .backdrop {
      position: fixed;
      display: none;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4); }
    /* line 1294, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-coupons .popup {
      position: fixed;
      display: none;
      top: 50%;
      left: 50%;
      width: 480px;
      height: 500px;
      margin-top: 20px;
      transform: translate(-50%, -50%);
      background-color: #fff;
      border-radius: 4px;
      z-index: 2000; }
      /* line 1306, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .popup.active {
        display: block; }
        /* line 1308, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup.active + .backdrop {
          display: block; }
      /* line 1310, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .popup .popup-header {
        display: block;
        padding: 16px;
        background-color: #fafafa;
        border-radius: 4px 4px 0 0; }
        /* line 1315, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-header .title {
          font-weight: 500;
          font-size: 120%; }
        /* line 1318, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-header .close-popup {
          width: 0;
          padding: 0 20px 0 4px;
          cursor: pointer; }
          /* line 1322, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-header .close-popup .icon {
            padding: 0; }
            /* line 1324, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .popup .popup-header .close-popup .icon:before {
              font-size: 80%;
              top: -8px;
              margin: 0; }
        /* line 1328, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-header .created-at {
          margin: 0 8px; }
      /* line 1330, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .popup .popup-body {
        padding: 16px;
        height: 380px; }
        /* line 1333, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .popup-panel {
          display: grid;
          grid-template-columns: 1fr 1fr;
          padding: 5px; }
          /* line 1337, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .popup-panel.left {
            padding-right: 10px; }
          /* line 1339, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .popup-panel.right {
            padding-left: 10px; }
        /* line 1341, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .fields {
          margin: 0 0 20px; }
          /* line 1343, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .fields.inline {
            display: inline-block;
            margin: 0; }
          /* line 1346, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .fields:nth-child(odd) {
            padding-right: 10px; }
          /* line 1348, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .fields:nth-child(even) {
            padding-left: 10px; }
        /* line 1350, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .field-label {
          display: inline-block;
          font-size: 90%;
          font-weight: normal;
          margin: 0 5px 0 0; }
          /* line 1355, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .field-label.ends-on {
            width: 100%; }
        /* line 1357, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .field-input,
        section.storefront section.storefront-coupons .popup .popup-body .field-area {
          display: block;
          height: 34px;
          width: 100%;
          margin: 5px 0;
          padding: 2px 8px;
          border: 1px solid #ccc;
          border-radius: 2px;
          text-align: left;
          background-color: #fff !important; }
          /* line 1368, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .field-input:focus,
          section.storefront section.storefront-coupons .popup .popup-body .field-area:focus {
            border-color: #1abc9c;
            box-shadow: none;
            outline: none; }
            /* line 1372, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .popup .popup-body .field-input:focus .glyphicons,
            section.storefront section.storefront-coupons .popup .popup-body .field-area:focus .glyphicons {
              color: #1abc9c; }
          /* line 1374, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-body .field-input .glyphicons,
          section.storefront section.storefront-coupons .popup .popup-body .field-area .glyphicons {
            top: 3px;
            padding: 8px;
            float: right;
            color: #ccc; }
            /* line 1379, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .popup .popup-body .field-input .glyphicons:before,
            section.storefront section.storefront-coupons .popup .popup-body .field-area .glyphicons:before {
              font-size: 80%; }
        /* line 1381, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .field-area {
          height: 68px;
          padding: 4px 8px; }
        /* line 1384, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-body .random-code {
          font-size: 90%;
          cursor: pointer;
          user-select: none; }
      /* line 1388, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-coupons .popup .popup-footer {
        padding: 16px; }
        /* line 1390, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-footer .delete-coupon {
          padding: 5px;
          cursor: pointer;
          user-select: none; }
          /* line 1394, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-coupons .popup .popup-footer .delete-coupon .icon {
            top: -1px;
            padding: 6px; }
            /* line 1397, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-coupons .popup .popup-footer .delete-coupon .icon:before {
              font-size: 60%; }
        /* line 1399, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-coupons .popup .popup-footer .save-coupon {
          top: -6px;
          height: 34px;
          width: auto;
          padding: 5px 10px;
          margin: 0 5px;
          user-select: none; }
    /* line 1407, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .header {
      display: block; }
    /* line 1409, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .menu {
      height: 30px;
      width: 100%;
      margin-bottom: 15px; }
    /* line 1413, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .inventory-body {
      width: 100%;
      max-height: 500px;
      margin-bottom: 100px;
      overflow-y: scroll;
      overflow-x: hidden;
      border: 1px solid #ddd; }
      @media (max-width: 1200px) {
        /* line 1413, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .inventory-body {
          overflow-x: scroll; } }
      /* line 1422, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .inventory-body .inventory-loading {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px; }
    /* line 1426, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory table.inventory-header {
      width: 100%;
      font-weight: 500;
      border: 1px solid #E9EFF5;
      background-color: #fafafa; }
    /* line 1431, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory table.inventory {
      width: 870px;
      position: relative;
      border-collapse: collapse; }
      /* line 1435, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .img {
        cursor: unset;
        vertical-align: top;
        padding: 10px;
        width: 130px; }
        /* line 1440, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory .img img {
          width: 100px;
          height: 100px;
          object-fit: contain; }
      /* line 1444, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory th {
        font-weight: 500;
        border-top: 1px solid #E9EFF5;
        border-bottom: 1px solid #E9EFF5;
        background-color: #fafafa;
        position: sticky;
        top: -3px; }
      /* line 1452, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants tr {
        border-bottom: 1px solid #E9EFF5; }
      /* line 1454, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants tr:hover {
        background-color: #fafafa; }
      /* line 1456, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants tr:last-child {
        border-bottom: 0px; }
      /* line 1459, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants table tr {
        cursor: pointer; }
      /* line 1461, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants table tr:hover {
        background-color: #eee; }
      /* line 1463, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory .variants .select-column {
        padding: 0 0 0 10px; }
      /* line 1465, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory table.inventory table {
        width: 100%; }
        /* line 1468, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col {
          word-wrap: break-word;
          padding: 5px;
          display: inline-block; }
        /* line 1472, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(1) {
          width: 90px; }
        /* line 1474, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(2) {
          width: 150px; }
        /* line 1476, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(3) {
          width: 86px;
          text-align: center; }
        /* line 1479, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(4) {
          width: 86px;
          text-align: center; }
        /* line 1482, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(5) {
          width: 86px;
          text-align: center; }
        /* line 1485, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(6) {
          width: 86px;
          text-align: center; }
        /* line 1488, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(7) {
          width: 86px;
          text-align: center; }
        /* line 1491, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(8) {
          width: 20px;
          text-align: center; }
          /* line 1494, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(8) .edit-icon {
            vertical-align: top;
            z-index: 99; }
            /* line 1497, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory table.inventory table tr .col:nth-child(8) .edit-icon:before {
              padding-top: 4px;
              width: 10px;
              font-size: 0.7em; }
        /* line 1502, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .child-edit:hover {
          color: #4183d7; }
        /* line 1504, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory table.inventory table tr .child-number {
          font-weight: bold;
          color: #4183d7; }
          /* line 1507, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory table.inventory table tr .child-number:hover {
            text-decoration: underline; }
    /* line 1509, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .storefront-popup {
      width: 600px;
      padding: 0;
      background-color: #F5F7F8; }
      /* line 1513, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .inventory-sheet {
        padding: 10px; }
        /* line 1515, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .inventory-sheet .navs {
          display: flex;
          flex-flow: row; }
          /* line 1518, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .inventory-sheet .navs .nav-btn {
            flex: 1;
            border: none;
            margin: 0;
            padding: 10px 25px;
            font-weight: bold; }
            /* line 1524, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .inventory-sheet .navs .nav-btn.active {
              background-color: white;
              color: #26b899;
              border-bottom-color: #26b899;
              border-bottom-width: 2px;
              border-bottom-style: solid;
              box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }
            /* line 1531, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .inventory-sheet .navs .nav-btn.inactive {
              background-color: #ccc;
              color: #999; }
            /* line 1534, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .inventory-sheet .navs .nav-btn:focus {
              outline: 0; }
      /* line 1536, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .nav {
        width: 100%;
        height: auto;
        padding: 15px;
        padding-left: 30px;
        border-bottom: 1px solid #E9EFF5;
        border-radius: 3px 3px 0px 0px;
        background-color: #FCFCFD; }
        /* line 1544, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .nav .popup-title {
          font-weight: bold; }
        /* line 1546, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .nav a {
          cursor: pointer; }
        /* line 1548, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .nav a.back {
          font-weight: 500;
          color: #888; }
        /* line 1551, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .nav .glyphicons.glyphicons-remove-2 {
          float: right;
          top: 5px; }
        /* line 1554, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .nav .glyphicons {
          padding-left: 12px;
          top: -7px; }
          /* line 1557, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .nav .glyphicons:before {
            font-size: 13px;
            color: #888; }
      /* line 1560, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .body {
        position: absolute;
        top: 53px;
        bottom: 0;
        left: 0;
        right: 0;
        overflow-y: scroll; }
      /* line 1567, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .header {
        margin-bottom: 0;
        min-height: 130px;
        padding: 15px;
        padding-left: 30px;
        border-bottom: 1px solid #E9EFF5;
        background-color: #fff; }
        /* line 1574, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .header img {
          float: left;
          width: 100px;
          border: 1px solid #E9EFF5; }
        /* line 1578, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .header .title {
          font-weight: bold;
          color: #2A69B3; }
        /* line 1582, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .header .update span {
          color: #888; }
        /* line 1584, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .header .update time {
          display: inline-block; }
      /* line 1586, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .property-group {
        display: flex;
        flex-flow: row;
        justify-content: space-around; }
        /* line 1590, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .property-group .property {
          display: inline-block; }
          /* line 1592, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .property-group .property label {
            display: block;
            margin: 0; }
          /* line 1595, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .property-group .property .target {
            padding: 0 5px;
            border-radius: 5px;
            color: #fff;
            background-color: #2A69B3; }
      /* line 1601, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .sale-group .sale {
        padding: 5px;
        width: 140px; }
      /* line 1604, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .volumn-group {
        padding: 5px 30px 5px 30px;
        border-bottom: 1px solid #E9EFF5;
        background-color: #fff;
        justify-content: flex-start; }
        /* line 1609, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .volumn-group .volumn {
          width: 95px; }
        /* line 1611, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .volumn-group .buttons {
          display: flex;
          align-items: center;
          justify-content: center; }
          /* line 1615, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .volumn-group .buttons .sb-button {
            margin: 0 0 0 10px;
            width: 130px; }
          /* line 1618, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .volumn-group .buttons .glyphicons {
            padding-left: 15px;
            padding-right: 5px;
            vertical-align: baseline; }
            /* line 1622, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .volumn-group .buttons .glyphicons::before {
              margin-top: -12px;
              font-size: 14px; }
      /* line 1625, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .volumn-group-fil {
        padding: 5px 30px 5px 30px;
        justify-content: space-between; }
      /* line 1628, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .product-item-sheet {
        padding: 10px; }
      /* line 1630, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .items {
        border: 1px solid #E9EFF5;
        background-color: #fff;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }
        /* line 1634, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .items .item {
          margin: 0px 10px;
          cursor: pointer;
          padding: 10px 10px;
          background-color: #fff;
          border-bottom: 1px solid #F5F7F8; }
          /* line 1640, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .items .item h4 {
            margin: 0 0 5px;
            font-size: 110%;
            font-weight: 500; }
          /* line 1645, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .items .item.all h4 {
            margin: 0; }
          /* line 1647, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .items .item time {
            float: right;
            color: #888; }
          /* line 1650, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .items .item .summary {
            float: right;
            font-weight: 500; }
          /* line 1653, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .items .item .details {
            height: 25px; }
            /* line 1655, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .items .item .details .stage {
              float: left;
              color: white;
              padding: 0 10px;
              border-radius: 10px; }
              /* line 1660, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-inventory .storefront-popup .items .item .details .stage.draft {
                background-color: #777; }
              /* line 1662, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-inventory .storefront-popup .items .item .details .stage.unpaid {
                background-color: #e74b3c; }
              /* line 1664, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-inventory .storefront-popup .items .item .details .stage.transferred {
                background-color: #f39c11; }
              /* line 1666, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-inventory .storefront-popup .items .item .details .stage.paid {
                background-color: #3399db; }
            /* line 1668, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .items .item .details .quantity {
              float: right;
              font-weight: 500; }
      /* line 1672, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .product-sheet .list-head {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        padding: 15px 30px 0; }
        /* line 1677, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .product-sheet .list-head .title-variants {
          font-size: 100%;
          font-weight: bold; }
      /* line 1682, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet .header .link-title {
        color: #2A69B3;
        font-weight: bold;
        font-size: 120%;
        cursor: auto; }
      /* line 1687, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet .header .title {
        color: #333333;
        cursor: auto; }
      /* line 1690, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet a {
        font-weight: bold; }
      /* line 1692, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet .title-moves {
        display: inline-block;
        font-weight: bold;
        padding: 10px 30px 0;
        font-size: 100%; }
      /* line 1697, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet .not-found {
        text-align: center;
        font-size: 1.5em;
        padding-top: 70px;
        color: #bbb; }
      /* line 1702, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .variant-sheet .badge {
        margin: 5px 0; }
      /* line 1704, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .moves-sheet {
        padding: 10px; }
      /* line 1706, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .moves {
        border: 1px solid #E9EFF5;
        background-color: #fff;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }
        /* line 1710, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .moves li {
          position: relative;
          margin: 10px;
          padding: 10px 10px 10px 70px;
          border-bottom: 1px solid #F5F7F8; }
          /* line 1715, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li .move-icon {
            position: absolute;
            left: 5px;
            text-align: center;
            line-height: 47px;
            width: 47px;
            height: 47px;
            border-radius: 4px; }
            /* line 1723, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .moves li .move-icon .glyphicons {
              margin-left: 18px; }
            /* line 1725, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .moves li .move-icon.move-in {
              color: #25b865;
              background-color: rgba(37, 184, 101, 0.1); }
            /* line 1728, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .moves li .move-icon.move-out {
              color: #f04545;
              background-color: rgba(240, 69, 69, 0.1); }
          /* line 1731, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li .variant-name {
            height: 22px; }
          /* line 1733, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li .title {
            display: inline-block;
            font-weight: bold; }
          /* line 1736, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li .note {
            margin-top: 5px;
            padding-left: 10px;
            border-left: 2px solid #CBD0D5;
            color: #7B868A;
            background-color: #FCFCFD; }
          /* line 1742, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li .order {
            display: inline-block;
            cursor: pointer;
            font-weight: bold;
            margin-left: 5px;
            border-radius: 3px;
            padding: 0 5px;
            background-color: #25B865;
            color: #fff; }
          /* line 1751, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li:last-child {
            padding-bottom: 5px;
            border-bottom: 1px solid #fff; }
          /* line 1754, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .moves li time {
            float: right;
            color: #888; }
      /* line 1757, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .actions {
        padding: 15px;
        border-bottom: 1px solid #E9EFF5;
        background-color: #fff; }
        /* line 1761, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .main-title {
          font-weight: bold;
          color: #7B868A; }
        /* line 1764, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .move-form-group {
          margin: 10px 0; }
        /* line 1766, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .group-item {
          display: flex;
          flex-flow: row;
          align-items: center;
          width: 100%;
          margin-bottom: 10px; }
          /* line 1772, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .actions .group-item .title {
            flex: 0 0 90px; }
          /* line 1774, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .actions .group-item .long-title {
            flex: 0 0 120px; }
          /* line 1776, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .actions .group-item.note {
            flex: 1; }
          /* line 1778, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .actions .group-item input {
            height: 36px;
            max-height: 500px;
            margin: 0;
            padding: 6px 10px;
            border: 1px solid rgba(42, 105, 179, 0.25);
            border-radius: 3px;
            outline: 0;
            background-color: #FCFCFD; }
        /* line 1787, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .sb-button {
          margin: 0 0 0 10px; }
          /* line 1789, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .actions .sb-button .glyphicons {
            padding-left: 15px;
            padding-right: 5px;
            vertical-align: baseline; }
            /* line 1793, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .actions .sb-button .glyphicons::before {
              margin-top: -12px;
              font-size: 14px; }
        /* line 1796, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .bottom {
          text-align: right;
          width: 100%; }
        /* line 1799, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .actions .reserved {
          float: left;
          color: #333;
          margin: 0;
          background-color: white;
          border: 1px solid #BBBBBB; }
      /* line 1805, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup div.actions {
        text-align: right; }
      /* line 1807, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .thumbnail {
        float: left;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 95px;
        height: 95px; }
      /* line 1815, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line {
        padding-left: 10px;
        display: flex;
        flow: row; }
        /* line 1819, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .product-detail {
          margin-right: 0;
          display: flex;
          flex: 1 0 165px;
          word-break: break-all;
          padding-right: 5px; }
          /* line 1825, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .product-detail .link-icon {
            color: #999; }
            /* line 1827, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .product-detail .link-icon:before {
              padding-left: 5px;
              width: 10px;
              font-size: 0.7em; }
          /* line 1831, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .product-detail .badge {
            margin: 0;
            height: 20px; }
          /* line 1834, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .product-detail time {
            padding-left: 5px; }
        /* line 1836, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .cost {
          flex: 0 0 140px;
          word-break: break-all;
          padding-right: 3px; }
        /* line 1840, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .with-photo-variant .each-line .profit {
          flex: 0 0 160px;
          word-break: break-all; }
      /* line 1843, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup label {
        font-weight: normal; }
      /* line 1845, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup a {
        color: #4183d7; }
      /* line 1847, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .storefront-popup .reserved-sheet {
        padding: 10px; }
        /* line 1850, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .items .item {
          cursor: default; }
          /* line 1852, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .items .item .order {
            display: inline-block;
            cursor: pointer;
            font-weight: bold;
            margin-left: 5px;
            border-radius: 3px;
            padding: 0 5px;
            background-color: #25B865;
            color: #fff; }
        /* line 1861, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .items .reserved {
          margin-top: 10px;
          margin-bottom: 10px; }
        /* line 1865, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .header .title {
          color: #333333;
          cursor: auto; }
        /* line 1868, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet a {
          font-weight: bold; }
        /* line 1870, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .title-moves {
          display: inline-block;
          font-weight: bold;
          padding: 10px 30px 0;
          font-size: 100%; }
        /* line 1875, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .no-reserved {
          text-align: center;
          padding-top: 100px;
          font-size: 1.5em;
          color: #bbb; }
        /* line 1881, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .moves li {
          padding: 5px; }
        /* line 1883, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .badge {
          margin: 5px 0; }
        /* line 1885, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-inventory .storefront-popup .reserved-sheet .notice-reserved {
          text-align: center; }
    /* line 1887, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .inventory-badge {
      min-width: 70px; }
    /* line 1889, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-inventory .badge {
      font-size: 75%;
      font-weight: normal; }
      /* line 1892, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.sold_out {
        background-color: #F04545; }
      /* line 1894, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.low {
        background-color: #F9A825; }
      /* line 1896, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.in_stock {
        background-color: #25B865; }
      /* line 1898, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.unpaid {
        background-color: #E74B3C; }
      /* line 1900, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.transferred {
        background-color: #F39C11; }
      /* line 1902, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.paid {
        background-color: #3399DB; }
      /* line 1904, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.shipped {
        background-color: #2DCD71; }
      /* line 1906, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.expired {
        background-color: #7E8C8D; }
      /* line 1908, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-inventory .badge.voided {
        background-color: #C1392B; }
    /* line 1910, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-products {
      padding-bottom: 90px;
      min-height: 350px; }
      /* line 1913, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .top-menu {
        float: right;
        text-align: right; }
        /* line 1916, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .top-menu .auto-import {
          display: flex;
          justify-content: end;
          align-items: center;
          position: relative;
          margin: 5px 0; }
          /* line 1922, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .top-menu .auto-import input {
            margin: -2px 5px 0 0; }
          /* line 1924, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .top-menu .auto-import .auto-button {
            margin-left: 3px; }
            /* line 1926, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .top-menu .auto-import .auto-button ul {
              max-height: 250px;
              overflow-y: scroll; }
              /* line 1929, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .top-menu .auto-import .auto-button ul li span {
                max-width: 200px; }
          /* line 1931, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .top-menu .auto-import button {
            line-height: inherit;
            cursor: pointer;
            background: none;
            border: none;
            color: inherit;
            padding: 0;
            width: auto;
            height: auto;
            font-size: inherit;
            margin-top: -3px; }
          /* line 1942, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .top-menu .auto-import li {
            display: flex;
            align-items: center;
            padding: 3px 10px; }
            /* line 1947, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .top-menu .auto-import li:hover .icon.facebook {
              background-position: 0 30px; }
            /* line 1949, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .top-menu .auto-import li:hover .icon.instagram {
              background-position: 30 30px; }
            /* line 1951, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .top-menu .auto-import li .icon {
              background-image: url(/assets/hg/icon/social-type-c699c9a3de6fd02cfd15d2c2e335f05264199892519adc65fc002a3444ae8248.png);
              background-size: 75px 60px; }
              /* line 1954, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .top-menu .auto-import li .icon.facebook {
                background-position: 0 0; }
              /* line 1956, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .top-menu .auto-import li .icon.instagram {
                background-position: 30 0; }
      /* line 1958, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products i.icon {
        padding: 0;
        width: 15px;
        height: 15px;
        margin-right: 6px; }
        /* line 1963, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products i.icon:before {
          font-size: 65%; }
      /* line 1965, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .album {
        width: 100%;
        height: 30px;
        position: relative;
        padding-top: 0; }
        /* line 1970, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .album .auto-album {
          position: relative;
          display: inline-block;
          padding: 5px 0;
          width: 100%; }
          /* line 1975, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .album .auto-album .dropdown-toggle {
            cursor: pointer; }
            /* line 1977, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .auto-album .dropdown-toggle .select-album {
              color: #26B899; }
          /* line 1979, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .album .auto-album .dropdown-menu {
            left: 0;
            width: 250px;
            max-height: 250px;
            overflow-y: scroll; }
            /* line 1984, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .auto-album .dropdown-menu .detail {
              margin-top: -3px;
              padding: 10px 15px;
              border-bottom: 1px solid #E9EFF5;
              color: #7B868A;
              background-color: #FCFCFD; }
            /* line 1990, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .auto-album .dropdown-menu .cancle {
              cursor: pointer;
              margin-bottom: -5px;
              padding: 10px 15px;
              border-top: 1px solid #E9EFF5;
              color: #F04545; }
              /* line 1996, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .album .auto-album .dropdown-menu .cancle:hover {
                color: #fff;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                background-color: #F04545; }
            /* line 2001, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .auto-album .dropdown-menu .facebook-album {
              cursor: pointer;
              max-width: 250px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              padding-right: 10px; }
        /* line 2008, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .album .show-album {
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 2013, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .album .show-album span {
            line-height: normal; }
        /* line 2015, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .album .album-detail {
          color: #7B868A; }
        /* line 2017, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .album .test {
          display: inline-block; }
          /* line 2019, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .album .test .album-name {
            width: 450px;
            line-height: 1.2;
            padding: 0;
            background: none;
            border: none;
            color: #000;
            display: flex;
            align-items: center; }
            /* line 2028, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .test .album-name .name {
              line-height: 30px;
              display: inline-flex;
              align-items: center;
              max-width: 100%;
              display: inline-block; }
              /* line 2034, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .album .test .album-name .name i {
                width: 20px;
                height: 20px;
                margin-right: 5px;
                padding: 0; }
                /* line 2039, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-products .album .test .album-name .name i.glyphicons::before {
                  font-size: 90%; }
            /* line 2041, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .album .test .album-name .caret {
              margin-left: 5px;
              margin-top: 2px; }
      /* line 2045, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .file-picker input {
        display: none; }
      /* line 2047, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .description {
        width: 380px;
        margin-bottom: 12px;
        position: relative; }
        /* line 2051, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .description.space-show-more {
          padding-bottom: 23px; }
        /* line 2053, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .description div {
          color: #4a4a4a;
          max-height: 45px;
          overflow: hidden; }
          /* line 2057, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .description div.show-more {
            max-height: none; }
        /* line 2059, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .description span {
          position: absolute;
          text-decoration: underline;
          color: #26b899;
          bottom: 0;
          left: 0; }
          /* line 2065, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .description span:hover {
            color: #139f85; }
      /* line 2067, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .menu {
        height: 28px;
        margin: 10px 0 10px; }
      /* line 2071, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .product-tools button {
        outline: none;
        font-size: 0.8em;
        background-color: white;
        border: 1px solid #ddd;
        width: fit-content;
        margin: 0;
        color: #666;
        padding: 0px 10px;
        margin-bottom: 10px; }
        /* line 2081, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .product-tools button i {
          margin-right: 10px; }
        /* line 2083, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .product-tools button input {
          margin-top: 0;
          margin-right: 5px; }
      /* line 2086, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .product-tools button:hover {
        background-color: #f1f1f1;
        color: #444; }
      /* line 2089, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .product-tools .delete {
        color: #c33825; }
        /* line 2091, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .product-tools .delete i {
          padding-left: 5px; }
          /* line 2093, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .product-tools .delete i.glyphicons:before {
            color: #c33825;
            font-size: 0.8em;
            top: -8px; }
      /* line 2097, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .product-tools .delete:hover {
        color: #c33825; }
      /* line 2099, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .products-not-found {
        text-align: center;
        font-size: 2em;
        color: #ccc;
        padding: 30px 0px; }
      /* line 2104, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .products li {
        color: #444; }
        /* line 2106, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .products li:first-child .product-details {
          border-top: 1px solid #ccc; }
        /* line 2108, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .products li .product-details {
          height: 60px;
          position: relative;
          background-color: #fafafa;
          border-bottom: 1px solid #ccc;
          padding: 10px; }
          /* line 2114, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details:hover {
            background-color: #f1f1f1; }
            /* line 2116, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .products li .product-details:hover .toggle span {
              border: 1px solid #ccc; }
          /* line 2118, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-select {
            display: inline-block;
            width: 30px;
            height: 100%; }
            /* line 2122, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .products li .product-details .product-select div {
              position: absolute;
              top: 20px; }
          /* line 2125, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-image {
            width: 36px;
            height: 36px;
            margin: 2px;
            position: absolute;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat; }
          /* line 2133, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-name {
            line-height: 18px; }
          /* line 2135, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-text {
            position: absolute;
            left: 90px;
            width: calc(100% - 200px);
            display: inline-block; }
          /* line 2140, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-description {
            line-height: 16px;
            bottom: 10px; }
          /* line 2143, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-price {
            position: absolute;
            top: 10px;
            right: 10px; }
          /* line 2147, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .products li .product-details .product-action {
            position: absolute;
            right: 10px;
            bottom: 3px;
            height: 25px; }
            /* line 2152, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-products .products li .product-details .product-action .toggle {
              position: relative;
              padding-left: 25px;
              bottom: 0;
              right: 0; }
              /* line 2157, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-products .products li .product-details .product-action .toggle span {
                width: 16px;
                height: 16px;
                border-radius: 16px;
                border: 1px solid #ddd;
                margin-right: 10px;
                display: inline-block;
                background-color: #fff;
                color: #fff;
                position: absolute;
                left: 0;
                top: 2px; }
                /* line 2169, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-products .products li .product-details .product-action .toggle span.active {
                  background-color: #26b899;
                  border: none; }
                /* line 2172, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-products .products li .product-details .product-action .toggle span .icon {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  width: 9px;
                  height: 9px; }
      /* line 2179, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-products .paginate {
        float: right;
        font-size: 90%; }
        /* line 2182, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-products .paginate a {
          margin: 0 3px;
          display: inline-block; }
          /* line 2185, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-products .paginate a.current {
            font-size: 120%;
            font-weight: 500;
            text-decoration: underline; }
    /* line 2190, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-delivery .description {
      display: inline-block;
      width: 100%;
      color: #666;
      margin-bottom: 30px;
      padding: 0 10px; }
      /* line 2196, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-delivery .description p {
        margin: 0; }
    /* line 2198, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-delivery .delivery-options {
      margin-top: -10px; }
      /* line 2200, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-delivery .delivery-options .delivery-options-detail {
        margin-bottom: 5px;
        height: 51px; }
        /* line 2203, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-delivery .delivery-options .delivery-options-detail label {
          font-weight: 400; }
        /* line 2205, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-radio-button {
          display: inline-block;
          vertical-align: top;
          margin: 10px; }
        /* line 2209, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-not-choose {
          display: inline-block;
          padding-top: 12px;
          cursor: pointer; }
        /* line 2213, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-within {
          background-image: url("/assets/hg/icon/badge-delivery-within-fd3eef3350f662db24e0332a780c2adceaaaa7a3e71283afb00714f08498a50d.png");
          background-size: 520px 40px;
          display: inline-block;
          width: 130px;
          height: 40px;
          border-radius: 3px;
          cursor: pointer; }
          /* line 2221, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-within.delivery-within-1days {
            background-position: 0 0; }
          /* line 2223, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-within.delivery-within-3days {
            background-position: -130px 0; }
          /* line 2225, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-within.delivery-within-7days {
            background-position: -260px 0; }
          /* line 2227, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-delivery .delivery-options .delivery-options-detail .delivery-within.delivery-within-30days {
            background-position: -390px 0; }
      /* line 2229, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-delivery .delivery-options .btn-action {
        margin-top: 15px;
        margin-left: 10px; }
    /* line 2232, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shippings {
      min-height: 500px; }
      /* line 2235, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .express-description a {
        color: #26b899; }
        /* line 2237, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .express-description a:hover {
          color: #139f85; }
      /* line 2239, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings a {
        color: #26b899; }
        /* line 2241, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings a:hover {
          color: #139f85; }
      /* line 2243, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .title {
        margin-top: 0; }
      /* line 2245, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .body {
        margin-top: 25px; }
      /* line 2247, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .sub-header {
        padding-bottom: 10px;
        margin-bottom: 25px;
        margin-top: 30px;
        font-size: 1.3em;
        font-weight: 500;
        border-bottom: 1px solid #ddd; }
      /* line 2254, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .courier-page365-express {
        border: 0;
        padding: 15px 0;
        display: grid;
        grid-template-columns: 100%; }
        /* line 2259, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .courier-page365-express .action {
          margin: 0;
          display: grid;
          grid-row-gap: 25px; }
          /* line 2263, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .action .radio-options {
            display: grid;
            grid-template-rows: 35%; }
            /* line 2266, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .action .radio-options label {
              cursor: pointer; }
        /* line 2268, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .courier-page365-express .button {
          margin-left: 15px; }
          /* line 2270, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .button button {
            display: flex;
            justify-content: space-between;
            padding: 0 10px;
            align-items: center;
            font-weight: normal;
            font-style: italic;
            font-size: 90%;
            background-color: #fff;
            color: inherit;
            border: 1px solid #aaa;
            height: 35px;
            width: 350px; }
            /* line 2283, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .button button > div {
              display: inline; }
            /* line 2285, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .button button .placeholder {
              margin-left: 5px; }
            /* line 2287, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .button button .icon {
              display: inline-block;
              background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
              background-size: 150px 150px;
              background-size: 60px;
              background-position: -20px -40px;
              width: 20px;
              height: 20px;
              margin-bottom: -5px; }
        /* line 2294, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .courier-page365-express .dropdown-menu {
          min-width: 350px;
          max-width: 500px;
          max-height: 350px;
          overflow: scroll; }
          /* line 2300, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .dropdown-menu > li.provider-type {
            cursor: default; }
            /* line 2302, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .dropdown-menu > li.provider-type:hover {
              background-color: inherit;
              color: inherit; }
          /* line 2305, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .dropdown-menu > li.provider {
            cursor: pointer;
            font-weight: normal;
            padding-left: 30px; }
          /* line 2309, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .dropdown-menu > li.disable {
            cursor: pointer; }
        /* line 2311, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .courier-page365-express .courier-details-box {
          width: 100%;
          min-height: 100px;
          padding: 10px;
          border: 1px solid #eee;
          border-radius: 5px;
          display: grid;
          grid-template-columns: 100px auto;
          cursor: pointer; }
          /* line 2320, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box:hover {
            background-color: #f5f7f8; }
          /* line 2322, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box.edit-mode {
            background-color: #f5f7f8;
            border-color: #f5f7f8;
            cursor: inherit; }
          /* line 2326, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .logo {
            width: 80px;
            height: 80px;
            padding: 5px;
            background-color: #fff;
            border: 1px solid #ddd;
            grid-row: 1/4; }
          /* line 2333, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .details {
            font-size: 85%; }
            /* line 2335, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .details a {
              margin-left: 5px;
              color: #26b899; }
              /* line 2338, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .details a:hover {
                color: #139f85; }
          /* line 2340, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing {
            grid-column: 2;
            margin-top: 10px; }
            /* line 2343, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .price {
              font-weight: bold; }
            /* line 2345, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .unit {
              font-weight: bold;
              margin-right: 10px; }
            /* line 2348, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .format {
              color: #777; }
            /* line 2350, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .placeholder,
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .cod {
              color: #777;
              font-style: italic; }
            /* line 2354, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .pricing .cod {
              font-size: 85%; }
          /* line 2356, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action {
            margin-top: 10px;
            grid-column: 1/3; }
            /* line 2359, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action hr {
              width: 100%;
              border: 1px solid #ddd;
              margin: 10px 0 0; }
            /* line 2363, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form {
              display: grid;
              grid-template-rows: 30px 30px;
              grid-row-gap: 10px;
              grid-template-columns: 160px 110px;
              align-items: center;
              margin-bottom: 20px; }
              /* line 2370, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .title-label {
                grid-column: 1; }
                /* line 2372, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .title-label.label-cod {
                  grid-row: 1; }
                /* line 2374, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .title-label.label-cod-bank {
                  grid-row: 3; }
              /* line 2376, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .input-price {
                grid-column: 2;
                height: 100%;
                text-align: right; }
              /* line 2380, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .unit {
                grid-column: 3;
                padding-left: 10px; }
              /* line 2383, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod {
                grid-area: 1/2/2/4; }
                /* line 2385, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod label {
                  margin-bottom: 0;
                  margin-right: 10px; }
                /* line 2388, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod input {
                  margin-right: 5px; }
              /* line 2390, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank {
                grid-area: 3/2/4/4;
                margin: 0; }
                /* line 2393, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank button {
                  margin: 0;
                  width: auto;
                  min-width: 380px;
                  font-size: 20px; }
                /* line 2398, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank .caret {
                  margin-left: 10px; }
                /* line 2400, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank .dropdown-menu {
                  font-size: 20px;
                  min-width: 380px;
                  padding: 0; }
                  /* line 2404, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank .dropdown-menu li {
                    font-weight: normal;
                    cursor: pointer;
                    height: 35px;
                    line-height: 27px;
                    padding: 5px 10px; }
                    /* line 2410, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                    section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank .dropdown-menu li.add-bank {
                      font-weight: 500; }
                  /* line 2412, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .select-cod-bank .dropdown-menu hr {
                    margin: 0; }
              /* line 2414, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .btn {
                width: 100px;
                margin-top: 20px; }
                /* line 2417, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .btn.btn-action {
                  grid-column: 2; }
                /* line 2419, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .courier-page365-express .courier-details-box .action form .btn.btn-cancel {
                  grid-column: 3; }
      /* line 2423, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .paper-enabled-section .list-content {
        width: 48%;
        display: inline-block;
        margin-right: 15px;
        padding: 15px 15px;
        margin-bottom: 15px;
        border: 1px solid #eee; }
        /* line 2430, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .paper-enabled-section .list-content .title {
          display: inline-block;
          font-weight: bold;
          line-height: 1.6; }
        /* line 2434, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .paper-enabled-section .list-content .action {
          cursor: pointer;
          display: inline-block;
          float: right;
          color: #2A69B3; }
          /* line 2439, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .paper-enabled-section .list-content .action.toggle {
            cursor: default; }
      /* line 2441, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .page365-express-tour,
      section.storefront section.storefront-shippings .shipping-paper-size,
      section.storefront section.storefront-shippings .other-shipping-option {
        display: flex;
        flex-direction: column;
        align-items: initial;
        width: 100%;
        margin-bottom: 40px; }
        /* line 2449, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .page365-express-tour > div,
        section.storefront section.storefront-shippings .shipping-paper-size > div,
        section.storefront section.storefront-shippings .other-shipping-option > div {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: left; }
          /* line 2454, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .page365-express-tour > div .express-type,
          section.storefront section.storefront-shippings .shipping-paper-size > div .express-type,
          section.storefront section.storefront-shippings .other-shipping-option > div .express-type {
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 30%;
            text-align: center;
            border: 1px solid #eee;
            padding: 15px 0 20px;
            cursor: pointer;
            position: relative;
            margin-right: 25px;
            justify-content: space-between;
            /* [T903] temp block due to operation problem on Acom side */
            /* [T903] temp block due to operation problem on Acom side */ }
            /* line 2467, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type.blocked:hover,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.blocked:hover,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type.blocked:hover {
              border-color: #eee !important; }
            /* line 2469, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .blocked,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .blocked,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .blocked {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              cursor: not-allowed;
              background-color: #eee;
              opacity: 0.65;
              filter: alpha(opacity=65); }
            /* line 2480, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type:hover,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type:hover,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type:hover {
              border-color: #ccc; }
            /* line 2482, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active {
              color: #26b899;
              border-color: #26b899; }
              /* line 2485, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .icon > i,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .icon > i,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .icon > i {
                background-position-y: -50px; }
                /* line 2487, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .icon > i.skybox,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .icon > i.skybox,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .icon > i.skybox {
                  background-position-y: 0; }
              /* line 2490, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .icon-paper-size > i.a4,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .icon-paper-size > i.a4,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .icon-paper-size > i.a4 {
                background-image: url("/assets/hg/icon/shipping-paper-size-a4-hover-840638c0453a58e31dd451a57b05d64fb60f37d25a3abb95d2cfa6d68aba9ba2.svg"); }
              /* line 2492, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .icon-paper-size > i.a6,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .icon-paper-size > i.a6,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .icon-paper-size > i.a6 {
                background-image: url("/assets/hg/icon/shipping-paper-size-a6-hover-867aac10ded7f1f1df86f4606a68db52d8def5e5473b601f16c74eae5fa12b99.svg"); }
              /* line 2494, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active:hover,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active:hover,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active:hover {
                border-color: #139f85; }
                /* line 2496, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active:hover .disable-express,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active:hover .disable-express,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active:hover .disable-express {
                  display: block;
                  position: absolute;
                  top: 5px;
                  right: 5px;
                  padding: 0;
                  width: 14px;
                  height: 14px; }
                  /* line 2504, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active:hover .disable-express:before,
                  section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active:hover .disable-express:before,
                  section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active:hover .disable-express:before {
                    font-size: 14px;
                    margin: 0; }
              /* line 2508, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .button.choose,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .button.choose,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .button.choose {
                display: none; }
              /* line 2510, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type.active .button.active,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type.active .button.active,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type.active .button.active {
                display: inline; }
            /* line 2512, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .disable-express,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .disable-express,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .disable-express {
              display: none; }
            /* line 2514, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon {
              display: inline-block;
              height: 50px;
              padding: 0 10px;
              margin-bottom: 10px; }
              /* line 2519, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon > i,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon > i,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon > i {
                display: inline-block;
                background-image: url("/assets/hg/icon/page365-express-26c04107be7e1e9da4c98dece0ab5c158bf083a566eca30444ae1330345ac689.png");
                background-size: 150px 150px;
                width: 50px;
                height: 50px;
                background-position-y: -100px; }
                /* line 2524, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon > i.skybox,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon > i.skybox,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon > i.skybox {
                  background-image: url("/assets/hg/icon/skybox-logo-40786562b1761a2978fa3551082fd53e9b545635ec595bd338a6a7d46456d6f7.png");
                  background-size: 100px 50px;
                  width: 100px;
                  height: 25px;
                  background-position-y: -25px;
                  margin-top: 15px; }
                /* line 2531, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon > i.package,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon > i.package,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon > i.package {
                  background-position-x: -50px; }
                /* line 2533, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon > i.truck,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon > i.truck,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon > i.truck {
                  background-position-x: -100px; }
            /* line 2535, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon-paper-size,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon-paper-size,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon-paper-size {
              display: inline-block;
              height: 50px;
              padding: 0 10px;
              margin-bottom: 10px; }
              /* line 2540, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon-paper-size > i,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon-paper-size > i,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon-paper-size > i {
                display: block;
                height: 50px; }
                /* line 2543, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon-paper-size > i.a4,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon-paper-size > i.a4,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon-paper-size > i.a4 {
                  width: 75px;
                  background-image: url("/assets/hg/icon/shipping-paper-size-a4-a101dcfb7af352324a68544b931f08e91c49287b8e1a6cf1459d02b5f3a7e758.svg"); }
                /* line 2546, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .page365-express-tour > div .express-type .icon-paper-size > i.a6,
                section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .icon-paper-size > i.a6,
                section.storefront section.storefront-shippings .other-shipping-option > div .express-type .icon-paper-size > i.a6 {
                  width: 20px;
                  background-image: url("/assets/hg/icon/shipping-paper-size-a6-87d8ca8c1c02ec0886254f39cdce5786d34746a1789aa6357f1ed69c520f02a8.svg"); }
            /* line 2549, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .text,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .text,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .text {
              display: inline-block;
              width: 100%;
              max-width: 130px;
              word-break: keep-all; }
              /* line 2554, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type .text a,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .text a,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type .text a {
                display: inline-block;
                font-size: 75%;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            /* line 2561, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .sub-text,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .sub-text,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .sub-text {
              line-height: 1; }
            /* line 2563, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .page365-express-tour > div .express-type .button,
            section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .button,
            section.storefront section.storefront-shippings .other-shipping-option > div .express-type .button {
              margin-top: 15px;
              font-weight: 500; }
              /* line 2566, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .page365-express-tour > div .express-type .button.active,
              section.storefront section.storefront-shippings .shipping-paper-size > div .express-type .button.active,
              section.storefront section.storefront-shippings .other-shipping-option > div .express-type .button.active {
                display: none; }
        /* line 2568, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .page365-express-tour .clearfix,
        section.storefront section.storefront-shippings .shipping-paper-size .clearfix,
        section.storefront section.storefront-shippings .other-shipping-option .clearfix {
          width: 100%;
          display: inline-block; }
        /* line 2571, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .page365-express-tour .contact-ninja-van,
        section.storefront section.storefront-shippings .shipping-paper-size .contact-ninja-van,
        section.storefront section.storefront-shippings .other-shipping-option .contact-ninja-van {
          font-size: 70%;
          font-style: italic;
          padding-top: 5px; }
      /* line 2575, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .other-shipping-option {
        margin: 0; }
      /* line 2577, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .menu {
        display: block;
        margin: 0 0 20px; }
        /* line 2580, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .menu .add-new-profile-btn {
          background-color: #26b899; }
          /* line 2582, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .menu .add-new-profile-btn:hover {
            background-color: #139f85; }
        /* line 2584, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .menu .button {
          cursor: pointer;
          color: #fff;
          padding: 3px 10px;
          border-radius: 4px;
          background-color: #26b899; }
          /* line 2591, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .menu .button .glyphicons-plus {
            vertical-align: top;
            padding: 0;
            width: 20px;
            height: 20px;
            margin-right: 5px; }
            /* line 2597, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .menu .button .glyphicons-plus:before {
              font-size: 15px;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
      /* line 2602, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .tour {
        position: fixed;
        display: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 99999; }
        /* line 2611, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .tour[open] {
          display: block; }
        /* line 2613, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .tour .step {
          position: absolute;
          display: block;
          top: 50%;
          left: -100%;
          width: 800px;
          height: 480px;
          margin: 0;
          padding: 0 0 80px;
          background-color: #fff;
          border-radius: 3px;
          opacity: 0;
          transform: translate(-50%, -50%);
          transition: opacity 0.5s linear, 0.5s ease-in-out; }
          /* line 2627, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .tour .step.active {
            left: 50%;
            opacity: 1; }
            /* line 2630, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step.active + .step {
              left: 200%; }
          /* line 2632, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .tour .step .header {
            position: relative;
            display: block;
            height: 273px;
            margin: 0;
            padding: 0;
            border-radius: 3px 3px 0 0;
            overflow: hidden;
            background-color: #eee;
            background-image: url("/assets/hg/background/tour-page365-express-321fb05c0a50c2cd188fd5b43ba27c18e7bcea8fadccd8195fef9d3dac48b7c8.jpg");
            background-size: cover; }
            /* line 2643, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-1 {
              background-position: 0 0; }
            /* line 2645, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-2 {
              background-position: 0 -273px; }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentFlashExpress-Drop-off {
              background-image: url("/hg/background/tour-express-CourierPartnerShipmentFlashExpress-Drop-off.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentFlashExpress-Pick-up {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentFlashExpress-Pick-up-f566bd1f8130561a0b064827c432bafbc2510bf230e9d5722f57a5b0f78b1f18.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentBestExpress-Drop-off {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentBestExpress-Drop-off-f95086447e881cd752a3ddb04e40ef950844a6e02c0da822ad8f1e02d65bb840.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentBestExpress-Pick-up {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentBestExpress-Pick-up-f87ee534c7dd90ab0ea272c8ea4cd19cf806354418906215227a5e4bfb30b337.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentJTExpress-Drop-off {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentJTExpress-Drop-off-bdd5ef06031f7e8e922ddbb41fbb1ba72185866892151baf947a057b0cd78105.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentJTExpress-Pick-up {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentJTExpress-Pick-up-e6768ab9de522d4cc34b46817f63972e5a66d4eff295021e09d3689ca6581ded.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentShippopExclusive-Drop-off {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentShippopExclusive-Drop-off-25577035c6f7490502feff07dc3c0a1ca02ebcf10211652951579083411e9c99.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-CourierPartnerShipmentShippopExclusive-Pick-up {
              background-image: url("/assets/hg/background/tour-express-CourierPartnerShipmentShippopExclusive-Pick-up-86f277aea55d658bef70abd925daa2650e9a9f10885597218643d538db7a8b7e.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-ShippopEmsShipment-Drop-off {
              background-image: url("/assets/hg/background/tour-express-ShippopEmsShipment-Drop-off-bc94f2989e87466f083217806bcd3e1e2a9c6c074e1a09cdbed348e4208633ca.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-ShippopEmsShipment-Pick-up {
              background-image: url("/hg/background/tour-express-ShippopEmsShipment-Pick-up.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-SmartShipDropOffShipment-Drop-off {
              background-image: url("/hg/background/tour-express-SmartShipDropOffShipment-Drop-off.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-SmartShipDropOffShipment-Pick-up {
              background-image: url("/hg/background/tour-express-SmartShipDropOffShipment-Pick-up.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-NinjaVanPickupShipment-Drop-off {
              background-image: url("/hg/background/tour-express-NinjaVanPickupShipment-Drop-off.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-NinjaVanPickupShipment-Pick-up {
              background-image: url("/assets/hg/background/tour-express-NinjaVanPickupShipment-Pick-up-8a138f6f01df102c6a0c4736498980308877849c4d8c5eaa71938671f1cee330.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-KerryExpressDropOffShipment-Drop-off {
              background-image: url("/assets/hg/background/tour-express-KerryExpressDropOffShipment-Drop-off-dea7c569fc2a6ab1a83d08a4f78a47b4c7a2cf9581e8ed8af899cee5ffc4681f.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-KerryExpressDropOffShipment-Pick-up {
              background-image: url("/hg/background/tour-express-KerryExpressDropOffShipment-Pick-up.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-KerryExpressPickUpShipment-Drop-off {
              background-image: url("/hg/background/tour-express-KerryExpressPickUpShipment-Drop-off.jpg"); }
            /* line 2649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .header.tour-express-KerryExpressPickUpShipment-Pick-up {
              background-image: url("/assets/hg/background/tour-express-KerryExpressPickUpShipment-Pick-up-749661fe5d620ad70b3131581abc40681106201801c73f413783cb4a48db194e.jpg"); }
          /* line 2652, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .tour .step .body {
            position: relative;
            display: block;
            text-align: center;
            margin: 0;
            padding: 0 40px; }
            /* line 2658, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .body .title {
              position: relative;
              display: block;
              margin: 0;
              padding: 20px 0 10px 0;
              font-size: 140%; }
            /* line 2664, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .body .content {
              position: relative;
              display: inline-block;
              color: #453640; }
            /* line 2668, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .body a {
              color: #4183d7; }
              /* line 2670, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .tour .step .body a:hover, section.storefront section.storefront-shippings .tour .step .body a:active {
                color: #3576CB;
                text-decoration: underline; }
          /* line 2674, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .tour .step .footer {
            position: absolute;
            text-align: center;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 20px 0 25px; }
            /* line 2682, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .footer .paginate {
              position: relative;
              display: inline-block;
              width: 140px;
              height: 35px;
              color: #4183d7;
              letter-spacing: 0.1px;
              text-align: center;
              line-height: 24px;
              margin: 0 10px;
              padding: 6px 5px 5px;
              border-radius: 3px;
              border: 0;
              background-color: transparent; }
              /* line 2696, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .tour .step .footer .paginate:before, section.storefront section.storefront-shippings .tour .step .footer .paginate:after {
                position: relative;
                display: inline-block;
                font-family: "Glyphicons Regular";
                font-size: 10px; }
            /* line 2702, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .footer .next,
            section.storefront section.storefront-shippings .tour .step .footer .confirm {
              color: #fff;
              background-color: #4183d7; }
              /* line 2706, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .tour .step .footer .next:hover, section.storefront section.storefront-shippings .tour .step .footer .next:active,
              section.storefront section.storefront-shippings .tour .step .footer .confirm:hover,
              section.storefront section.storefront-shippings .tour .step .footer .confirm:active {
                background-color: #3576CB; }
            /* line 2710, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .footer .next:after {
              content: "";
              padding: 0 0 0 6px; }
            /* line 2714, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .footer .prev:hover, section.storefront section.storefront-shippings .tour .step .footer .prev:active {
              color: #3576CB; }
            /* line 2717, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .tour .step .footer .prev:before {
              content: "";
              padding: 0 6px 0 0; }
      /* line 2720, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shippings .shipping-options {
        width: 100%;
        min-width: 600px; }
        /* line 2724, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .shipping-options .provider-list .open > .dropdown-toggle.btn-default {
          background-color: #FCFCFC; }
        /* line 2726, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .shipping-options .provider-list .btn-default {
          padding: 0 10px;
          border: 1px solid #ccc; }
          /* line 2729, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options .provider-list .btn-default:disabled {
            cursor: initial;
            color: #666;
            background-color: #FCFCFC; }
          /* line 2733, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options .provider-list .btn-default:hover, section.storefront section.storefront-shippings .shipping-options .provider-list .btn-default:active {
            background-color: #FCFCFC; }
          /* line 2735, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options .provider-list .btn-default div {
            display: inline-block;
            text-align: left;
            min-width: 225px; }
        /* line 2739, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu {
          max-height: 250px;
          overflow: scroll;
          min-width: 100%; }
          /* line 2743, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu hr {
            margin: 5px; }
          /* line 2745, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li {
            line-height: 20px;
            min-width: max-content;
            padding: 5px 10px; }
            /* line 2749, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li:hover, section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li:active {
              cursor: pointer;
              background-color: #26b899; }
            /* line 2752, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li.provider-type {
              font-weight: 500;
              cursor: default; }
              /* line 2755, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li.provider-type:hover {
                background-color: inherit;
                color: inherit; }
            /* line 2758, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li.provider {
              cursor: pointer;
              font-weight: normal;
              padding-left: 30px; }
            /* line 2762, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options .provider-list .dropdown-menu li.disable {
              font-weight: 500;
              cursor: pointer; }
        /* line 2765, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shippings .shipping-options li {
          position: relative; }
          /* line 2768, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li:first-child .normal-mode {
            border-top-width: 1px; }
          /* line 2770, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li:hover, section.storefront section.storefront-shippings .shipping-options li:active {
            background-color: #f5f7f8; }
          /* line 2776, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li:hover .normal-mode .action .delete {
            display: block;
            color: #c33825; }
          /* line 2779, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li .has-logo {
            display: flex;
            flex-flow: row; }
            /* line 2782, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .has-logo .logo {
              background-color: white;
              width: 70px;
              height: 70px;
              align-self: center;
              margin-right: 20px; }
            /* line 2788, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .has-logo .page365-logo {
              background-image: url("/assets/hg/icon/logo365-02-8a53937377b3bfd8dee6df939f934da50106a87560da7a5b8a2a5d252a494bdf.svg");
              background-repeat: no-repeat;
              background-size: 20px 20px;
              background-position: left center;
              padding-left: 25px; }
            /* line 2794, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .has-logo div.name-wraper {
              width: 100%; }
          /* line 2796, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li .normal-mode {
            cursor: pointer;
            height: 100%;
            line-height: 30px;
            padding: 10px 20px 10px 20px;
            border: 1px solid #eee;
            border-top-width: 0; }
            /* line 2803, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .name {
              display: block;
              font-weight: bold;
              color: #26b899;
              word-wrap: break-word;
              margin-right: 20px; }
            /* line 2809, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .shipping-options-title {
              display: block; }
            /* line 2811, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .shipping-options-bold {
              font-weight: 700; }
            /* line 2813, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .price {
              font-weight: bold; }
            /* line 2815, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .unit {
              font-weight: bold;
              margin-right: 10px; }
            /* line 2818, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .shipping-rate {
              color: #333; }
            /* line 2820, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .format {
              color: #777; }
            /* line 2823, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .normal-mode .action .delete {
              position: absolute;
              top: 10px;
              right: 20px;
              display: none; }
          /* line 2828, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shippings .shipping-options li .edit-mode {
            background-color: #f5f7f8;
            padding: 20px;
            position: relative; }
            /* line 2832, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail {
              display: flex;
              flex-flow: row; }
              /* line 2835, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail .logo {
                background-color: white;
                width: 60px;
                height: 60px;
                margin-right: 10px; }
              /* line 2841, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail .info .name {
                font-weight: bold; }
              /* line 2843, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail .info .description {
                font-size: 85%; }
                /* line 2845, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail .info .description a {
                  margin-left: 5px;
                  color: #26b899; }
                  /* line 2848, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .courier-profile-detail .info .description a:hover {
                    color: #139f85; }
            /* line 2850, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .edit-mode .provider-seperater {
              margin-top: 15px;
              margin-bottom: 20px; }
            /* line 2853, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .edit-mode .details {
              font-size: 85%; }
              /* line 2855, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options li .edit-mode .details a {
                color: #26b899; }
                /* line 2857, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .details a:hover {
                  color: #139f85; }
            /* line 2859, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shippings .shipping-options li .edit-mode .data {
              width: 100%;
              margin: 0 auto; }
              /* line 2862, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div {
                line-height: 30px;
                margin-bottom: 10px; }
                /* line 2865, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div:last-child {
                  margin-bottom: 0;
                  padding-left: 160px; }
                /* line 2868, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div.option-enabled {
                  display: none; }
                /* line 2870, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .flexible-content {
                  margin-bottom: 10px; }
                /* line 2872, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-label {
                  color: #4a4a4a;
                  width: 135px;
                  margin-right: 25px;
                  text-algin: right;
                  display: inline-block;
                  float: left; }
                /* line 2879, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .input-price {
                  margin-right: 10px;
                  text-align: right;
                  width: 110px;
                  height: 30px; }
                /* line 2885, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .select input,
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .select label {
                  cursor: pointer;
                  margin-right: 5px; }
                /* line 2889, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .page365express-note {
                  position: relative;
                  display: inline-block;
                  margin-left: 130px;
                  line-height: 20px;
                  color: #4a4a4a;
                  vertical-align: top; }
                  /* line 2896, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .page365express-note a {
                    color: #26b899; }
                    /* line 2898, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                    section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .page365express-note a:hover, section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .page365express-note a:active {
                      text-decoration: underline; }
                /* line 2901, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .name {
                  display: none; }
                /* line 2903, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .unit {
                  margin-right: 10px;
                  display: inline-block;
                  vertical-align: top; }
                /* line 2907, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .btn {
                  width: 100px;
                  border: 0; }
                  /* line 2910, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .btn.btn-action {
                    margin-right: 10px; }
                /* line 2912, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .tracking-url-input {
                  min-width: 420px; }
                /* line 2914, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-input {
                  height: 30px;
                  line-height: 30px;
                  padding: 0 10px;
                  vertical-align: top;
                  color: #000; }
                  /* line 2920, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-input.page365-logo {
                    background-image: url("/assets/hg/icon/logo365-02-8a53937377b3bfd8dee6df939f934da50106a87560da7a5b8a2a5d252a494bdf.svg");
                    background-repeat: no-repeat;
                    background-size: 20px 20px;
                    background-position: 5px center;
                    padding-left: 30px; }
                  /* line 2926, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-input.option-name {
                    width: 60%;
                    max-width: 260px; }
                  /* line 2929, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                  section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-input.option-price {
                    width: 110px;
                    margin-right: 10px;
                    text-align: right; }
                /* line 2933, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .option-detail {
                  padding-left: 160px;
                  color: #777; }
                /* line 2936, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
                section.storefront section.storefront-shippings .shipping-options li .edit-mode .data > div .setting-price {
                  display: none; }
    /* line 2939, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shipment-history .head {
      display: flex;
      justify-content: space-between; }
      /* line 2942, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .head .block {
        display: inline-block; }
        /* line 2944, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .head .block.shipping-credit-container {
          display: flex;
          align-items: center; }
          /* line 2947, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .head .block.shipping-credit-container span {
            padding-left: 3px; }
            /* line 2949, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .head .block.shipping-credit-container span.expires {
              font-weight: 500; }
          /* line 2951, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .head .block.shipping-credit-container .btn-group {
            padding-left: 10px; }
          /* line 2953, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .head .block.shipping-credit-container .btn {
            background-color: #fff;
            color: #000;
            width: auto;
            padding: 5px; }
            /* line 2958, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .head .block.shipping-credit-container .btn .spinner {
              position: relative;
              top: 3px;
              margin-right: 3px;
              margin-left: 5px;
              width: 15px;
              height: 15px;
              display: inline-block;
              background-image: url("/assets/hg/icon/spinner-6be1ee52e65d9b695ef935a3cf380562d02f6fc1f948e197363bd179707d51cd.gif");
              background-size: contain; }
            /* line 2968, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .head .block.shipping-credit-container .btn span {
              padding-left: unset; }
          /* line 2970, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .head .block.shipping-credit-container .caret {
            padding-left: unset; }
    /* line 2972, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shipment-history .title {
      color: #333;
      line-height: 30px; }
    /* line 2975, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shipment-history .data-row {
      width: 100%;
      height: 40px; }
      /* line 2978, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .data-row.data-header {
        background-color: #fafafa;
        border: 1px solid #ddd;
        margin-top: 10px;
        height: 37px; }
        /* line 2983, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row.data-header > span {
          height: 35px;
          line-height: 35px;
          color: #4a4a4a !important; }
      /* line 2987, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .data-row.has-header {
        height: 80px; }
      /* line 2989, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .data-row.data-collapse {
        height: 0; }
        /* line 2991, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row.data-collapse.has-header {
          height: 40px; }
        /* line 2993, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row.data-collapse > span:not(.date-summary) {
          opacity: 0;
          height: 0; }
      /* line 2996, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .data-row > span {
        opacity: 1;
        display: inline-block;
        padding: 0 5px;
        line-height: 40px;
        transition: all 0.5s; }
        /* line 3002, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.date-summary {
          width: 100%;
          color: #444;
          padding: 0 15px;
          background-color: #eee;
          box-shadow: inset 0 -1px 0 0 #ddd; }
          /* line 3009, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.date-summary.collapsed .glyphicons {
            transform: rotate(-90deg); }
          /* line 3011, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.date-summary .glyphicons {
            padding: 0;
            width: 12px;
            height: 12px;
            margin-right: 10px;
            transition: all 0.5s; }
            /* line 3017, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .data-row > span.date-summary .glyphicons:before {
              font-size: 12px; }
        /* line 3019, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.total-cost {
          width: 100%;
          color: #444;
          padding: 0 15px;
          background-color: #eee;
          box-shadow: inset 0 -1px 0 0 #ddd; }
          /* line 3025, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.total-cost > span {
            float: right; }
          /* line 3027, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.total-cost > time {
            margin-left: 5px; }
          /* line 3029, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.total-cost .glyphicons {
            padding: 0;
            width: 12px;
            height: 12px;
            margin-right: 10px;
            transition: all 0.5s; }
            /* line 3035, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .data-row > span.total-cost .glyphicons:before {
              font-size: 12px; }
        /* line 3037, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.status {
          width: 15%;
          padding-left: 15px; }
          /* line 3040, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.status.in_debt {
            color: #F5AB35; }
          /* line 3042, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.status.in_progress {
            color: #4183d7; }
          /* line 3044, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.status.completed {
            color: #1ABC9C; }
          /* line 3046, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.status.cancelled {
            color: #C33825; }
          /* line 3048, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.status.error {
            color: #C33825; }
        /* line 3050, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.name {
          width: 25%; }
        /* line 3052, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.order-no {
          width: 10%;
          color: #26b899; }
        /* line 3055, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.tracking-code {
          width: 16%;
          color: #26b899; }
        /* line 3058, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.weight {
          width: 15%;
          text-align: right; }
        /* line 3061, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .data-row > span.cost {
          width: 16%;
          text-align: right;
          padding-right: 15px;
          float: right; }
          /* line 3066, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .data-row > span.cost.free-shipping span {
            color: #666; }
            /* line 3068, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-shipment-history .data-row > span.cost.free-shipping span.free {
              color: #5AA705; }
    /* line 3070, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shipment-history .shipment-histories {
      max-height: 500px;
      overflow-y: auto;
      border: 1px solid #ddd; }
      /* line 3074, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .shipment-histories .data-table {
        width: 100%;
        border-top: none; }
        /* line 3077, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .shipment-histories .data-table.blank {
          height: 300px;
          line-height: 300px;
          text-align: center; }
          /* line 3081, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-shipment-history .shipment-histories .data-table.blank > span {
            color: #666;
            display: inline; }
        /* line 3084, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .shipment-histories .data-table > span {
          display: none; }
    /* line 3086, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-shipment-history .shipment-note {
      display: inline-block;
      width: 100%;
      text-align: right;
      padding: 10px;
      line-height: 25px;
      color: #aaa; }
      /* line 3093, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-shipment-history .shipment-note > a {
        color: #26b899;
        margin-left: 5px; }
        /* line 3096, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-shipment-history .shipment-note > a:hover {
          color: #139f85; }
    /* line 3099, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 1031; }
    /* line 3107, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .item {
      position: fixed;
      z-index: 1032;
      width: 425px;
      padding: 25px 35px 20px;
      top: 120px;
      left: 50%;
      background-color: #fff;
      transform: translate(-50%, 0);
      border-radius: 4px; }
      /* line 3118, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.edit-album .header {
        margin-bottom: 20px; }
      /* line 3120, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.edit-album .action {
        margin-top: 12px; }
      /* line 3123, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.product-action textarea {
        height: 75px; }
      /* line 3125, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.product-action .action {
        margin-top: 12px; }
      /* line 3127, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.edit-product .header {
        margin-bottom: 15px; }
      /* line 3129, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .item.loading {
        padding-top: 75px;
        padding-bottom: 75px;
        text-align: center; }
        /* line 3133, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .item.loading img {
          width: 100px;
          height: 100px; }
        /* line 3136, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .item.loading p {
          margin-top: 20px; }
    /* line 3139, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .recommend-upgrade {
      background-color: #f1f1f1;
      margin-bottom: 20px; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.tablet section.storefront section.storefront-credit-card-manage .recommend-upgrade {
        height: 100px; }
        /* line 3144, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        body.tablet section.storefront section.storefront-credit-card-manage .recommend-upgrade .detail {
          width: 80%; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.storefront section.storefront-credit-card-manage .recommend-upgrade {
        height: 100px; }
        /* line 3144, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        body.phone section.storefront section.storefront-credit-card-manage .recommend-upgrade .detail {
          width: 80%; }
    /* line 3146, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .container-box-amount {
      padding: 15px;
      vertical-align: top;
      display: inline-block;
      width: 48%;
      height: 217px; }
      /* line 3152, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount .header {
        display: block; }
      /* line 3154, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount .withdraw-date {
        color: #666; }
      /* line 3157, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount .description.title {
        margin: 0;
        font-weight: 500; }
      /* line 3160, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount .description.dispute {
        color: #C33825; }
      /* line 3162, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount .btn-submit {
        margin-top: 25px; }
        /* line 3164, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .container-box-amount .btn-submit.disabled {
          background-color: #aaa; }
      /* line 3166, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-box-amount.withdrawal {
        float: right; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.tablet section.storefront section.storefront-credit-card-manage .container-box-amount {
        height: auto;
        width: 100%; }
        /* line 3171, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        body.tablet section.storefront section.storefront-credit-card-manage .container-box-amount.withdrawal {
          float: none; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone section.storefront section.storefront-credit-card-manage .container-box-amount {
        height: auto;
        width: 100%; }
        /* line 3171, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        body.phone section.storefront section.storefront-credit-card-manage .container-box-amount.withdrawal {
          float: none; }
    /* line 3173, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .list-group-item {
      color: #666;
      border-left: 0;
      border-right: 0; }
      /* line 3177, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .list-group-item:first-child {
        border-top: 0; }
      /* line 3179, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .list-group-item:last-child {
        border-bottom: 0; }
      /* line 3181, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .list-group-item input {
        margin-top: -8px !important;
        border: 1px solid #999;
        border-radius: 4px;
        padding: 0 10px !important; }
    /* line 3186, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .list-group.panel {
      border: 0;
      border-bottom: 1px solid #999;
      border-top: 1px solid #999;
      border-radius: 0; }
      /* line 3191, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .list-group.panel input {
        border-color: #ddd;
        width: 250px; }
    /* line 3194, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .column {
      padding: 5px 5px;
      display: inline-block;
      font-size: 100%;
      color: #000; }
      /* line 3199, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .column.label {
        text-align: left;
        display: inline-block;
        width: 20%;
        text-overflow: ellipsis;
        overflow: hidden; }
      /* line 3205, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .column.data {
        width: 50%;
        min-width: 190px;
        margin-left: 20%; }
      /* line 3209, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .column.edit, section.storefront section.storefront-credit-card-manage .column.cancel, section.storefront section.storefront-credit-card-manage .column.submit {
        margin-top: -10px; }
    /* line 3211, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .circle:before {
      content: "●";
      font-size: 36px;
      color: white;
      vertical-align: middle;
      position: relative !important;
      top: 1px; }
    /* line 3218, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .circle-small:before {
      content: "●";
      font-size: 21px;
      color: white;
      vertical-align: middle;
      position: relative !important;
      top: 1px; }
    /* line 3225, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .main-switch {
      display: inline-block;
      margin-top: -5px; }
      /* line 3229, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .main-switch.child .bootstrap-switch {
        margin-top: -10px; }
        /* line 3231, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .main-switch.child .bootstrap-switch .bootstrap-switch-handle-off,
        section.storefront section.storefront-credit-card-manage .main-switch.child .bootstrap-switch .bootstrap-switch-handle-on {
          font-size: 15px;
          font-weight: 500; }
    /* line 3235, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .link-identify {
      cursor: pointer;
      color: #26b899; }
      /* line 3238, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .link-identify:hover {
        color: #139f85;
        text-decoration: underline; }
    /* line 3241, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .badge {
      position: relative;
      bottom: 1px;
      padding-left: 3px; }
      /* line 3245, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .badge.verified {
        background-color: #FFF;
        color: #26a65b; }
      /* line 3248, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .badge i.glyphicons {
        top: -7px;
        padding-left: 13px; }
        /* line 3251, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .badge i.glyphicons:before {
          font-size: 10px; }
    /* line 3253, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .remark {
      color: #999;
      margin-top: 5px;
      text-align: right; }
      /* line 3257, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .remark a {
        color: #26b899; }
        /* line 3259, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .remark a:hover {
          color: #139f85;
          text-decoration: underline; }
    /* line 3262, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .container-notify {
      border: 1.5px solid #d4d4d4;
      border-radius: 3px;
      padding: 10px 20px;
      margin: 10px 0px 10px 0px;
      font-size: 22px;
      color: red; }
      /* line 3269, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-notify a {
        color: #386aac; }
    /* line 3271, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .container-logs {
      position: relative;
      width: 100%;
      min-height: 350px; }
      /* line 3275, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-logs .withdrawal-note {
        display: block;
        text-align: right;
        color: #666; }
        /* line 3279, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .container-logs .withdrawal-note .glyphicons {
          position: absolute;
          margin: 1px 0 0 -25px;
          color: #F5AB35; }
          /* line 3283, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .withdrawal-note .glyphicons::before {
            font-size: 90%; }
      /* line 3285, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .container-logs .log-list {
        position: relative;
        width: 100%;
        top: 10px;
        bottom: 0;
        background-color: #f1f1f1; }
        /* line 3291, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle {
          padding-left: 25px;
          bottom: 0;
          right: 0; }
          /* line 3295, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span {
            width: 16px;
            height: 16px;
            border-radius: 16px;
            border: 2px solid transparent;
            margin-right: 10px;
            display: inline-block;
            color: #fff;
            position: absolute;
            left: 0;
            top: 6px; }
            /* line 3306, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span.approve {
              border-color: #26a65b;
              color: #26a65b; }
              /* line 3309, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span.approve:hover {
                color: #067735;
                border-color: #067735; }
            /* line 3312, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span.process {
              color: #F5AB35; }
              /* line 3314, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span.process .icon::before {
                font-size: 16px;
                left: -2px;
                top: -1px; }
              /* line 3318, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span.process:hover {
                color: #E08E0B; }
            /* line 3320, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span .icon {
              position: absolute; }
              /* line 3322, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-manage .container-logs .log-list .toggle span .icon:before {
                font-size: 8px;
                left: 2px;
                top: 2px; }
        /* line 3326, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row {
          position: relative;
          width: 100%;
          height: 30px;
          line-height: 30px;
          padding: 3px 5px;
          background-color: #f1f1f1;
          color: #666;
          font-weight: 400; }
          /* line 3335, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row div {
            bottom: 3px; }
          /* line 3337, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row.pointer {
            cursor: pointer; }
          /* line 3339, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row:hover {
            background-color: #E7F0EE; }
          /* line 3341, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row.first {
            color: #FFF;
            background-color: #aaa; }
            /* line 3344, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row.first span {
              font-size: 50%; }
            /* line 3346, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row.first .column-1 {
              padding-left: 23px; }
          /* line 3348, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-1, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-2, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-3, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-4, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-5, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-6 {
            position: relative;
            float: left;
            height: 100%;
            width: 18%;
            text-align: center;
            overflow: hidden;
            padding: 0 5px;
            text-overflow: ellipsis;
            white-space: nowrap; }
          /* line 3358, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-1 {
            width: 21%;
            padding: 0 7px; }
            /* line 3361, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-1 time {
              margin-left: 15px; }
          /* line 3363, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-2, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-3 {
            width: 12%; }
          /* line 3365, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-1, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-2, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-3 {
            text-align: left; }
          /* line 3367, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-4, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-5, section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-6 {
            text-align: right; }
          /* line 3369, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .log-row .column-6 {
            padding: 0 0; }
        /* line 3371, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .container-logs .log-list .scroll-box {
          position: relative;
          left: 0;
          right: 0;
          overflow-x: hidden; }
          /* line 3376, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .scroll-box .bg-white {
            background-color: #FDFDFD; }
            /* line 3378, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .container-logs .log-list .scroll-box .bg-white:hover {
              background-color: #f7fbfc; }
          /* line 3380, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .container-logs .log-list .scroll-box div.cursor {
            cursor: pointer; }
    /* line 3382, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-manage .omise-chain-container {
      border: 1px solid #d4d4d4;
      padding: 20px 0; }
      /* line 3385, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .container-header {
        border-bottom: 1px solid #efefef;
        padding: 0 20px 14px; }
        /* line 3388, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-header .title {
          display: flex;
          font-weight: 500;
          font-size: 24px; }
          /* line 3392, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .omise-chain-container .container-header .title .badge {
            position: relative;
            top: -13px;
            height: fit-content;
            padding-left: 7px;
            background: red; }
        /* line 3398, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-header .desc {
          color: #85969E; }
        /* line 3400, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-header-active {
          border-bottom: 1px solid #efefef;
          padding: 0 20px 14px;
          font-weight: 500;
          font-size: 24px; }
      /* line 3405, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body {
        padding: 14px; }
        /* line 3407, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .container-body-content {
          display: flex;
          align-items: center;
          width: -webkit-fill-available;
          border: 1px solid #d4d4d4;
          padding: 18px 7px;
          padding-right: 18px; }
        /* line 3414, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .credit-card-logo {
          background-image: url("/assets/hg/icon/credit-card-f69241cef26243054990964926a17110e60a11fd1f06788c43a259df735e9ae0.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 120px;
          height: 60px; }
        /* line 3421, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info-enabled {
          flex-grow: 1;
          padding: 0 20px; }
          /* line 3424, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info-enabled .title {
            font-size: 24px;
            font-weight: 500; }
          /* line 3427, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info-enabled .learn-more {
            font-size: 24px; }
            /* line 3429, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info-enabled .learn-more a {
              color: #386aac; }
        /* line 3431, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info {
          border: 1px solid #a5bcd9;
          border-radius: 4px;
          background-color: #e4eaf3;
          color: #386aac;
          padding: 14px; }
          /* line 3437, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info a {
            text-decoration: underline; }
          /* line 3439, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-manage .omise-chain-container .container-body .body-info .title {
            font-weight: 500; }
      /* line 3442, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .container-footer .button-container {
        padding: unset; }
      /* line 3444, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .button-container {
        padding: 12px 24px; }
      /* line 3446, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .container-footer {
        padding: 0 14px; }
      /* line 3448, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .btn {
        border-radius: 4px;
        font-size: 20px;
        height: 35px; }
      /* line 3452, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .btn-learn-more {
        border: 1px solid #386aac;
        border-radius: 4px;
        background-color: transparent;
        color: #386aac; }
      /* line 3457, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .btn-enable {
        border: 1px solid #386aac;
        border-radius: 4px;
        background-color: #386aac;
        color: #fff; }
      /* line 3462, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-manage .omise-chain-container .btn-cancel {
        border: 1px solid #F35754;
        border-radius: 4px;
        background-color: #F35754;
        color: #fff; }
    /* line 3469, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-credit-card-profile {
      overflow: inherit; }
      /* line 3471, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .badge {
        background-color: #FFF;
        position: relative;
        bottom: 2px; }
        /* line 3475, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .badge.pending {
          color: #F89406; }
        /* line 3477, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .badge.rejected {
          color: #a51400; }
        /* line 3479, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .badge.verified {
          color: #26a65b; }
      /* line 3481, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .btn {
        background-color: #ccc;
        color: #fff;
        width: 140px;
        height: 30px;
        padding: 5px; }
        /* line 3487, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .btn.disabled {
          background-color: #ccc; }
      /* line 3489, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .btn-submit {
        background-color: #26b899; }
        /* line 3491, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .btn-submit:hover {
          background-color: #139f85; }
      /* line 3493, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .btn-danger {
        background-color: #d9534f; }
        /* line 3495, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .btn-danger:hover {
          background-color: #cc2925; }
      /* line 3498, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .btn-action .glyphicons {
        padding-left: 18px;
        top: -8px; }
        /* line 3501, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .btn-action .glyphicons:before {
          font-size: 60%; }
      /* line 3503, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .btn-register {
        background-color: #3498DB; }
      /* line 3505, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .bank-no,
      section.storefront section.storefront-credit-card-profile .card-type {
        float: left;
        font-size: 125%;
        margin-top: 6px;
        letter-spacing: -0.2px; }
        /* line 3512, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-no .btn-group .btn,
        section.storefront section.storefront-credit-card-profile .card-type .btn-group .btn {
          width: 300px;
          background-color: #fff;
          border: 1px solid #ddd;
          color: #666; }
          /* line 3517, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-no .btn-group .btn:hover,
          section.storefront section.storefront-credit-card-profile .card-type .btn-group .btn:hover {
            background-color: #f1f1f1;
            color: #444; }
        /* line 3520, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-no .btn-group .bank-title,
        section.storefront section.storefront-credit-card-profile .bank-no .btn-group .card-title,
        section.storefront section.storefront-credit-card-profile .card-type .btn-group .bank-title,
        section.storefront section.storefront-credit-card-profile .card-type .btn-group .card-title {
          display: inline-block;
          font-size: 100%;
          font-weight: 400;
          line-height: 23px;
          position: relative;
          bottom: 3px;
          width: 100%;
          max-width: 265px;
          overflow: hidden;
          text-align: left; }
          /* line 3532, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-no .btn-group .bank-title.no-select,
          section.storefront section.storefront-credit-card-profile .bank-no .btn-group .card-title.no-select,
          section.storefront section.storefront-credit-card-profile .card-type .btn-group .bank-title.no-select,
          section.storefront section.storefront-credit-card-profile .card-type .btn-group .card-title.no-select {
            color: #aaa; }
        /* line 3534, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-no .btn-group .caret,
        section.storefront section.storefront-credit-card-profile .card-type .btn-group .caret {
          position: relative;
          bottom: 10px; }
        /* line 3538, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-no .btn-group ul.dropdown-menu,
        section.storefront section.storefront-credit-card-profile .card-type .btn-group ul.dropdown-menu {
          left: initial;
          right: 0;
          width: 500px;
          margin-bottom: 30px;
          text-indent: 20px; }
          /* line 3544, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-no .btn-group ul.dropdown-menu .list-orders,
          section.storefront section.storefront-credit-card-profile .card-type .btn-group ul.dropdown-menu .list-orders {
            max-height: 250px;
            overflow-x: hidden; }
          /* line 3547, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-no .btn-group ul.dropdown-menu li,
          section.storefront section.storefront-credit-card-profile .card-type .btn-group ul.dropdown-menu li {
            width: 100%;
            height: 27px;
            padding-left: 5px; }
            /* line 3551, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-profile .bank-no .btn-group ul.dropdown-menu li a,
            section.storefront section.storefront-credit-card-profile .card-type .btn-group ul.dropdown-menu li a {
              display: block;
              font-weight: normal;
              text-decoration: none;
              position: relative;
              width: 468px;
              height: 100%;
              margin: 0;
              padding: 0;
              bottom: 3px;
              font-size: 80%; }
              /* line 3562, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-profile .bank-no .btn-group ul.dropdown-menu li a:hover,
              section.storefront section.storefront-credit-card-profile .card-type .btn-group ul.dropdown-menu li a:hover {
                color: #fff; }
      /* line 3564, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .bank-select,
      section.storefront section.storefront-credit-card-profile .verify-label {
        margin-top: 20px; }
        /* line 3567, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-select .link-bank-account,
        section.storefront section.storefront-credit-card-profile .verify-label .link-bank-account {
          color: #26b899;
          margin: 10px; }
        /* line 3570, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-select .bank-detail,
        section.storefront section.storefront-credit-card-profile .verify-label .bank-detail {
          float: right; }
        /* line 3572, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-select .list-group-item,
        section.storefront section.storefront-credit-card-profile .verify-label .list-group-item {
          color: #666;
          border-left: 0;
          border-right: 0; }
          /* line 3576, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item a,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item a {
            margin-left: 5px; }
            /* line 3578, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-profile .bank-select .list-group-item a:hover,
            section.storefront section.storefront-credit-card-profile .verify-label .list-group-item a:hover {
              color: #139f85;
              text-decoration: underline; }
          /* line 3581, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item.list-group-item-x2,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item.list-group-item-x2 {
            padding: 10px 15px 30px; }
          /* line 3583, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item:first-child,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item:first-child {
            border-top: 0; }
          /* line 3585, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item:last-child,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item:last-child {
            border-bottom: 0; }
          /* line 3587, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting {
            padding: 5px; }
            /* line 3589, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting .verify-wrapper,
            section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting .verify-wrapper {
              margin: 6px; }
              /* line 3591, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting .verify-wrapper .pending,
              section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting .verify-wrapper .pending {
                color: #fdbd01;
                background-color: transparent;
                border: 1px solid; }
              /* line 3595, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting .verify-wrapper .approved,
              section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting .verify-wrapper .approved {
                color: #139f85;
                background-color: transparent;
                border: 1px solid; }
            /* line 3599, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting .exclamation-sign,
            section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting .exclamation-sign {
              position: relative;
              display: inline-block;
              height: 18px;
              width: 18px;
              margin: 0 0 -4px 0;
              border-radius: 50%;
              font-weight: bold;
              color: #fff;
              background-color: #d9534f; }
              /* line 3609, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .setting .exclamation-sign:before,
              section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .setting .exclamation-sign:before {
                position: absolute;
                content: "!";
                top: -2px;
                left: 6px; }
          /* line 3614, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item .remark,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item .remark {
            color: #aaa; }
          /* line 3616, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group-item input,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group-item input {
            margin-top: 9px;
            border: 1px solid #999;
            border-radius: 4px;
            padding: 0 10px !important; }
        /* line 3621, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .bank-select .list-group.panel,
        section.storefront section.storefront-credit-card-profile .verify-label .list-group.panel {
          border: 0;
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc;
          border-radius: 0; }
          /* line 3626, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group.panel input,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group.panel input {
            border-color: #ddd;
            width: 300px; }
          /* line 3629, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .bank-select .list-group.panel textarea,
          section.storefront section.storefront-credit-card-profile .verify-label .list-group.panel textarea {
            width: 300px;
            border-color: #ddd;
            border-radius: 4px;
            resize: vertical; }
      /* line 3634, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .image-upload-box {
        position: relative;
        text-align: center;
        overflow: hidden;
        margin-top: 20px;
        display: inline-block;
        max-width: 300px;
        width: 32%;
        height: 230px;
        border: 1px dashed #ccc;
        padding: 5px;
        cursor: pointer; }
        /* line 3647, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box .file-picker input {
          display: none; }
        /* line 3649, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box img {
          margin-top: 10px;
          width: 100%;
          max-height: 500px; }
        /* line 3653, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box .reset-image {
          display: none;
          position: absolute;
          top: 10px;
          right: 10px;
          width: 20px;
          height: 20px;
          line-height: 18px;
          cursor: pointer;
          color: #999;
          border-radius: 4px; }
          /* line 3664, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box .reset-image:hover {
            color: #666;
            background-color: #ddd; }
          /* line 3667, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box .reset-image:before {
            content: "x"; }
        /* line 3669, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box.noborder {
          border: none;
          cursor: default; }
          /* line 3672, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box.noborder .inner-box {
            display: none; }
          /* line 3674, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box.noborder .reset-image {
            display: block; }
        /* line 3676, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box:hover {
          border-color: #999; }
          /* line 3678, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box:hover .inner-box {
            background-color: #ddd; }
            /* line 3680, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-credit-card-profile .image-upload-box:hover .inner-box span, section.storefront section.storefront-credit-card-profile .image-upload-box:hover .inner-box i::before {
              color: #999; }
        /* line 3682, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .image-upload-box .inner-box {
          width: 100%;
          height: 100%;
          background-color: #f6f6f6; }
          /* line 3686, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box .inner-box span {
            position: relative;
            display: block;
            top: 105px;
            color: #888;
            font-size: 120%; }
          /* line 3692, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box .inner-box .glyphicons {
            width: 100%; }
          /* line 3694, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .image-upload-box .inner-box i::before {
            color: #888;
            top: 55px;
            font-size: 50px;
            left: 50%;
            transform: translate(-50%, 0); }
      /* line 3700, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .line-space {
        display: inline-block; }
      /* line 3702, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .why-are-we-asking-for-these-documents {
        position: relative;
        margin: 20px 0 0 20px;
        color: #666;
        font-size: 90%; }
      /* line 3707, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .action-container {
        text-align: right;
        margin-top: 30px; }
        /* line 3710, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .action-container .btn-submit {
          margin-left: 20px; }
      /* line 3712, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .note {
        position: relative;
        margin: 0;
        float: left;
        top: -20px;
        color: #666;
        text-align: left; }
        /* line 3719, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .note .important {
          color: #F04545; }
      /* line 3721, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .read-more {
        position: relative;
        width: 50%;
        margin: 0;
        padding: 0 50px 0 0;
        float: right;
        text-align: right; }
        /* line 3728, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .read-more a {
          color: #26b899; }
          /* line 3730, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .read-more a:hover {
            color: #139f85;
            text-decoration: underline; }
      /* line 3733, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .description {
        color: #666;
        width: 100%;
        margin-top: 15px; }
        /* line 3737, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .description a {
          margin-left: 5px;
          color: #26b899; }
          /* line 3740, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .description a:hover {
            color: #139f85;
            text-decoration: underline; }
        /* line 3743, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .description.error-message {
          font-weight: bold;
          color: #d9534f; }
          /* line 3746, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .description.error-message .message {
            padding: 5px 10px;
            border-radius: 4px;
            background-color: #f9dcdc; }
      /* line 3751, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .status-wrapper .status {
        margin: 4px; }
        /* line 3753, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .status-wrapper .status .circle {
          position: relative;
          display: inline-block;
          padding: 4px;
          background-color: #ccc;
          border: 1px solid #ccc;
          border-radius: 8px; }
        /* line 3760, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .status-wrapper .status.pending .circle {
          background-color: transparent;
          border: 1px solid #fdbd01; }
        /* line 3763, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .status-wrapper .status.approved .circle {
          background-color: #139f85;
          border: 1px solid #139f85; }
        /* line 3766, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .status-wrapper .status.rejected .circle {
          background-color: #d9534f;
          border: 1px solid #d9534f; }
      /* line 3769, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1031; }
      /* line 3777, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-credit-card-profile .item {
        position: fixed;
        z-index: 1032;
        width: 425px;
        padding: 25px 35px 20px;
        top: 120px;
        left: 50%;
        background-color: #fff;
        transform: translate(-50%, 0);
        border-radius: 4px; }
        /* line 3788, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.edit-album .header {
          margin-bottom: 20px; }
        /* line 3790, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.edit-album .action {
          margin-top: 12px; }
        /* line 3793, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.product-action textarea {
          height: 75px; }
        /* line 3795, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.product-action .action {
          margin-top: 12px; }
        /* line 3797, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.edit-product .header {
          margin-bottom: 15px; }
        /* line 3799, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-credit-card-profile .item.loading {
          padding-top: 75px;
          padding-bottom: 75px;
          text-align: center; }
          /* line 3803, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .item.loading img {
            width: 100px;
            height: 100px; }
          /* line 3806, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-credit-card-profile .item.loading p {
            margin-top: 20px; }
    /* line 3809, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-details .header {
      line-height: 45px;
      margin-bottom: 0; }
    /* line 3812, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-details .sub-block {
      width: 100%;
      height: 210px;
      padding: 25px 0;
      border-bottom: 1px solid #ddd; }
      /* line 3817, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block .sub-block-detail {
        float: left;
        width: 250px; }
        /* line 3820, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block .sub-block-detail .sub-block-detail-header {
          color: #444; }
        /* line 3822, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block .sub-block-detail .sub-block-detail-warning {
          color: #999;
          width: 190px;
          text-align: center;
          display: inline-block; }
        /* line 3827, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block .sub-block-detail > div {
          margin-top: 30px;
          width: 190px;
          position: relative;
          height: 35px;
          line-height: 35px;
          padding: 0 20px;
          background-color: #f8f8f8;
          color: #444; }
          /* line 3836, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-detail > div:hover {
            background-color: #eee;
            color: #000; }
          /* line 3839, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-detail > div .glyphicons {
            padding: 0;
            left: 0;
            top: 7px;
            width: 18px;
            height: 18px;
            margin-right: 5px;
            vertical-align: top; }
            /* line 3847, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-details .sub-block .sub-block-detail > div .glyphicons:before {
              font-size: 16px; }
          /* line 3849, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-detail > div input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0; }
          /* line 3857, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-detail > div label {
            width: 120px;
            font-weight: 400;
            margin: 0; }
      /* line 3861, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block .sub-block-data {
        float: left; }
        /* line 3863, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block .sub-block-data .sub-block-data-main {
          position: relative; }
          /* line 3865, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-data .sub-block-data-main > div {
            height: 100%; }
          /* line 3867, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-data .sub-block-data-main input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0; }
          /* line 3875, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block .sub-block-data .sub-block-data-main span {
            display: inline-block;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            border: 5px solid #fff; }
        /* line 3883, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block .sub-block-data .sub-block-data-note {
          color: #26b899;
          font-size: 18px; }
      /* line 3886, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.profile-picture .sub-block-data {
        display: block; }
        /* line 3888, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.profile-picture .sub-block-data .sub-block-data-main {
          width: 160px;
          height: 160px;
          border: 1px solid #ddd; }
          /* line 3892, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block.profile-picture .sub-block-data .sub-block-data-main.missing {
            border: none; }
            /* line 3894, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-details .sub-block.profile-picture .sub-block-data .sub-block-data-main.missing span {
              border: none; }
        /* line 3896, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.profile-picture .sub-block-data .sub-block-data-note {
          color: #26b899;
          font-size: 18px; }
      /* line 3900, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.cover-picture .sub-block-data .sub-block-data-main {
        height: 160px;
        width: 450px;
        border: 1px solid #ddd; }
        /* line 3904, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.cover-picture .sub-block-data .sub-block-data-main.missing span {
          background-color: #c5e2d7; }
      /* line 3906, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.description .sub-block-data {
        border: none;
        padding: 0;
        height: 100px;
        width: 360px;
        max-width: 450px; }
        /* line 3912, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.description .sub-block-data textarea {
          height: 100%;
          width: 100%; }
      /* line 3915, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.trackers {
        height: 80px; }
        /* line 3918, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.trackers .sub-block-data .sub-block-data-main input {
          position: relative;
          width: 100%;
          height: auto;
          cursor: default;
          border: 0;
          padding: 2px 8px;
          opacity: 1; }
      /* line 3926, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.custom-head-tags {
        height: 100px; }
        /* line 3928, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data {
          width: 60%;
          border: 0; }
          @media (max-width: 768px) {
            /* line 3928, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data {
              width: 50%; } }
        /* line 3933, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data input {
          position: relative;
          width: 100%;
          height: auto;
          cursor: default;
          border: 1px solid #ddd;
          padding: 2px 8px;
          opacity: 1; }
        /* line 3941, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data .sub-block-helper {
          margin-top: 3px; }
          /* line 3943, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data .sub-block-helper small {
            display: flex;
            align-items: center;
            font-size: 18px; }
            /* line 3947, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data .sub-block-helper small span {
              width: auto;
              height: auto;
              border: 0;
              font-style: italic;
              opacity: 0.6; }
            /* line 3953, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-details .sub-block.custom-head-tags .sub-block-data .sub-block-helper small a {
              margin-left: 8px;
              color: #26b899; }
      /* line 3956, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .sub-block.facebook-chat-widget {
        height: 100px; }
        /* line 3959, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.facebook-chat-widget .sub-block-detail small {
          display: block;
          color: #999;
          margin-top: 4px;
          white-space: pre-wrap; }
        /* line 3964, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .sub-block.facebook-chat-widget .sub-block-data {
          border: none;
          width: 65%; }
          /* line 3967, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block.facebook-chat-widget .sub-block-data span {
            display: inline;
            border: none; }
          /* line 3970, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-details .sub-block.facebook-chat-widget .sub-block-data a {
            color: #26b899; }
    /* line 3972, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-details .save-btn {
      display: inline-block;
      margin-top: 25px;
      margin-left: 250px;
      height: 40px;
      line-height: 40px;
      padding: 0 50px;
      color: #666;
      background-color: #ddd; }
      /* line 3981, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .save-btn.edited {
        cursor: pointer;
        color: #fff;
        background-color: #26b899; }
        /* line 3985, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .save-btn.edited:hover {
          background-color: #139f85; }
      /* line 3988, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .save-btn.saving:hover {
        background-color: #26b899; }
      /* line 3990, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .save-btn.saving .glyphicons {
        display: inline-block; }
      /* line 3992, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-details .save-btn .glyphicons {
        display: none;
        width: 14px;
        height: 14px;
        padding: 0;
        margin: -2px 5px 0 -2px; }
        /* line 3998, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-details .save-btn .glyphicons:before {
          font-size: 14px; }
    /* line 4001, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-welcome-popup .header {
      line-height: 45px;
      margin-bottom: 0; }
    /* line 4004, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-welcome-popup .sub-header {
      font-size: 90%; }
    /* line 4006, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-welcome-popup .sub-block {
      width: 100%;
      padding: 25px 30px;
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-direction: row;
      position: relative; }
      /* line 4013, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block .block {
        display: none;
        cursor: not-allowed;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1; }
      /* line 4023, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block.with-small-details .sub-block-action {
        display: flex;
        flex-direction: column; }
        /* line 4026, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block.with-small-details .sub-block-action .details {
          font-size: 70%; }
      /* line 4028, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block.disabled {
        display: none;
        opacity: 0.5;
        background-color: #eee; }
        /* line 4032, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block.disabled .block {
          display: block; }
      /* line 4034, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block .sub-block-detail,
      section.storefront section.storefront-welcome-popup .sub-block .sub-block-preview-button {
        flex-basis: 25%; }
        /* line 4037, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-detail .sub-block-detail-header,
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-preview-button .sub-block-detail-header {
          color: #444; }
      /* line 4039, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block .sub-block-action {
        flex-basis: 75%;
        padding: 0 25px;
        position: relative; }
        /* line 4043, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-action input {
          width: 350px;
          border-radius: 4px; }
        /* line 4046, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-action button {
          width: 170px;
          background-color: #fff;
          color: #666;
          border: 1px solid #ddd;
          font-size: 90%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 10px; }
          /* line 4056, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action button:hover {
            background-color: #f1f1f1;
            color: #444; }
        /* line 4059, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .file-name {
          display: inline-block;
          margin-bottom: 10px;
          padding: 5px 10px 5px 15px;
          border-radius: 15px;
          font-size: 80%;
          line-height: 90%;
          border: 1px solid #ddd;
          color: #999; }
          /* line 4068, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .file-name:hover {
            background-color: #ddd;
            color: initial; }
          /* line 4071, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .file-name i.glyphicons {
            padding: 0;
            display: inline-block;
            width: 13px;
            height: 13px;
            margin-left: 5px;
            cursor: pointer; }
            /* line 4078, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .file-name i.glyphicons:before {
              font-size: 12px; }
        /* line 4080, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button {
          width: 170px;
          color: #444;
          position: relative; }
          /* line 4084, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button > div {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center; }
          /* line 4089, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button span {
            color: #999; }
          /* line 4091, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button .button {
            width: 100%;
            background-color: #f8f8f8;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 30px; }
            /* line 4098, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button .button .glyphicons {
              padding: 0;
              width: 18px;
              height: 18px;
              margin-right: 10px;
              display: inline-block; }
              /* line 4104, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button .button .glyphicons:before {
                font-size: 16px; }
            /* line 4106, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button .button label {
              font-weight: 400;
              margin: 0; }
          /* line 4109, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0; }
            /* line 4117, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .upload-button input:hover .button {
              background-color: #eee;
              color: #000; }
        /* line 4120, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .dropdown-menu {
          margin-left: 25px;
          width: 170px;
          font-size: 90%;
          color: #666; }
          /* line 4125, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block .sub-block-action .dropdown-menu li {
            padding-left: 10px;
            cursor: pointer; }
      /* line 4128, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block .sub-block-save-button {
        flex-basis: 75%;
        padding: 0 25px;
        position: relative; }
      /* line 4132, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons {
        border: none;
        margin-top: 15px; }
        /* line 4135, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button {
          display: inline-block;
          padding: 8px 40px;
          cursor: pointer; }
          /* line 4139, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.save-button {
            color: #fff;
            background-color: #26b899;
            border: none;
            margin-left: 25px; }
            /* line 4144, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.save-button:hover {
              background-color: #139f85; }
            /* line 4146, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.save-button:disabled {
              cursor: initial;
              color: #666;
              background-color: #ddd; }
          /* line 4150, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.preview-button {
            color: #666;
            background-color: #fff;
            border: 1px solid #ddd; }
            /* line 4154, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.preview-button:hover {
              color: #26b899;
              border-color: #26b899; }
            /* line 4157, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-welcome-popup .sub-block.sub-block-buttons button.preview-button:disabled {
              cursor: initial;
              color: #ddd;
              border-color: #eee; }
    /* line 4162, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-line-pay-profile .feature-recommend-box {
      background-color: #f1f1f1;
      max-width: 700px;
      margin-bottom: 10px;
      margin-left: 120px; }
    /* line 4167, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-line-pay-profile .header {
      height: 40px; }
      /* line 4169, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .header .icon {
        background-image: url("/assets/hg/icon/linepay-logo-dd214a52f6584849b24852d01b9f5fc788312755fd27e6b5076fc4ac688c18ec.png");
        background-size: contain;
        width: 165px;
        height: 40px;
        display: inline-block; }
    /* line 4175, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-line-pay-profile .details {
      margin-left: 120px;
      margin-right: 50px; }
      /* line 4178, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .description {
        margin: 0;
        font-size: 90%; }
      /* line 4181, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .sub-description {
        border-bottom: 1px solid #999;
        padding-bottom: 10px;
        font-size: 90%;
        margin: 0; }
      /* line 4187, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .sub-details.register-flow {
        min-height: 300px; }
        /* line 4189, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details.register-flow .register-button {
          border: none;
          font-size: 90%;
          padding: 3px;
          border-radius: 4px;
          width: 140px;
          height: 30px;
          background-color: #26b899;
          color: #fff; }
          /* line 4198, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details.register-flow .register-button:hover {
            background-color: #139f85; }
          /* line 4200, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details.register-flow .register-button.disabled {
            background-color: #ccc; }
      /* line 4202, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .sub-details .block {
        padding: 10px 15px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 65px;
        color: #666;
        font-weight: 500;
        border-bottom: 1px solid #ddd; }
        /* line 4212, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .toggle {
          width: 100px; }
        /* line 4214, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .display,
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-account {
          font-weight: normal; }
        /* line 4217, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .no-display {
          color: #ccc; }
        /* line 4219, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .add-bank {
          color: #26b899; }
          /* line 4221, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .block .add-bank:hover {
            color: #139f85; }
        /* line 4223, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list {
          position: relative; }
          /* line 4225, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .bank-dropdown {
            line-height: 1.5;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 0 15px;
            font-weight: normal;
            font-size: 90%; }
            /* line 4233, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .bank-dropdown:hover {
              background-color: #f1f1f1;
              color: #444; }
          /* line 4236, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .dropdown-menu {
            right: 0;
            left: auto; }
            /* line 4239, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .dropdown-menu li {
              width: 100%;
              font-weight: normal;
              display: inline-block;
              padding: 5px 15px; }
              /* line 4244, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .dropdown-menu li:hover {
                background-color: #f1f1f1;
                color: #444; }
              /* line 4247, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-line-pay-profile .details .sub-details .block .bank-list .dropdown-menu li a {
                white-space: nowrap; }
      /* line 4249, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details {
        margin: 40px;
        display: flex;
        justify-content: space-around;
        height: 200px;
        padding: 15px 30px;
        border: 2px dashed #ddd;
        border-radius: 10px; }
        /* line 4257, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div {
          display: flex;
          flex-direction: column;
          width: 45%;
          justify-content: center; }
          /* line 4262, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-amount {
            border-right: 3px dashed #eee; }
            /* line 4264, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-amount .title {
              font-weight: 500; }
            /* line 4266, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-amount .header {
              margin: 0;
              padding: 0;
              line-height: 1; }
          /* line 4271, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-action .sub-action > span {
            font-size: 80%;
            display: flex;
            align-items: center; }
            /* line 4275, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
            section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-action .sub-action > span .glyphicons {
              width: 12px;
              height: 12px;
              padding: 0;
              margin-right: 5px; }
              /* line 4280, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
              section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div.withdrawal-action .sub-action > span .glyphicons:before {
                font-size: 12px; }
          /* line 4282, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
          section.storefront section.storefront-line-pay-profile .details .sub-details .withdrawal-details > div .btn-submit {
            margin-top: 15px; }
      /* line 4284, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div {
        display: flex;
        padding: 0 20px;
        align-items: center;
        margin: 0;
        height: 30px; }
        /* line 4290, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div.header {
          color: #fff;
          background-color: #aaa; }
        /* line 4293, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div.cursor {
          cursor: pointer; }
        /* line 4295, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div.bg-gray {
          background-color: #f1f1f1; }
        /* line 4298, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div:hover:not(.header) {
          background-color: #f7fbfc; }
        /* line 4300, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div:hover.bg-gray {
          background-color: #E7F0EE; }
        /* line 4302, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div .date,
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div .time,
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div .order,
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div .amount {
          width: 25%; }
        /* line 4307, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .details .sub-details .transactions > div .amount {
          text-align: right; }
    /* line 4309, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
    section.storefront section.storefront-line-pay-profile .remark {
      color: #999;
      margin-top: 5px;
      text-align: right; }
      /* line 4313, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
      section.storefront section.storefront-line-pay-profile .remark a {
        color: #26b899; }
        /* line 4315, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
        section.storefront section.storefront-line-pay-profile .remark a:hover {
          color: #139f85;
          text-decoration: underline; }

/* line 4321, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product .storefront-popup {
  top: 130px;
  height: 550px;
  transition: all 0.3s; }
/* line 4325, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product .nav .inventory-product-variant {
  display: none; }
/* line 4328, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4332, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant .product-sheet {
  display: none; }
/* line 4334, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant .nav .inventory-product {
  display: none; }
/* line 4337, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.all_variants .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4341, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.all_variants .product-sheet {
  display: none; }
/* line 4343, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.all_variants .nav .inventory-product {
  display: none; }
/* line 4346, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant\.reserved .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4350, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant\.reserved .product-variant-move-sheet {
  display: none; }
/* line 4352, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant\.reserved .product-sheet {
  display: none; }
/* line 4354, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.inventory\.product\.variant\.reserved .nav .inventory-product {
  display: none; }
/* line 4358, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory .storefront-popup {
  top: 130px;
  height: 550px;
  transition: all 0.3s; }
/* line 4362, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory .nav .inventory-product-variant {
  display: none; }
/* line 4365, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4369, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant .product-sheet {
  display: none; }
/* line 4371, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant .nav .inventory-product {
  display: none; }
/* line 4374, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.all_variants .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4378, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.all_variants .product-sheet {
  display: none; }
/* line 4380, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.all_variants .nav .inventory-product {
  display: none; }
/* line 4383, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant\.reserved .storefront-popup {
  top: 80px;
  height: 650px;
  transition: all 0.3s; }
/* line 4387, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant\.reserved .product-variant-move-sheet {
  display: none; }
/* line 4389, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant\.reserved .product-sheet {
  display: none; }
/* line 4391, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.products\.edit\.inventory\.variant\.reserved .nav .inventory-product {
  display: none; }
/* line 4394, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.albums\.products\.new .storefront-products {
  display: none; }
/* line 4397, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
body.account\.nav\.storefront\.albums\.products\.new\.import_photos .storefront-products {
  display: none; }

/* line 4401, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
.swal-modal.popup-preview .swal-content {
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5%; }
  /* line 4407, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  .swal-modal.popup-preview .swal-content textarea {
    resize: none;
    border: none;
    text-align: center;
    font-size: 36px;
    line-height: 1.25;
    overflow: hidden;
    height: 150px; }
  /* line 4415, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  .swal-modal.popup-preview .swal-content img {
    max-width: 100%;
    max-height: 350px; }

@media (min-width: 768px) {
  /* line 4419, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  .swal-modal.verify-store-cancel {
    width: 1024px; } }

/* line 4423, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
.courier-logos {
  margin-top: 15px;
  margin-bottom: 15px; }
  /* line 4426, /drone/softbaked/page365/app/assets/stylesheets/hg/storefronts.css.sass */
  .courier-logos .logo {
    width: 50px;
    height: 50px;
    align-self: center;
    margin-right: 20px; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
.storefront-products-import section.header {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-between; }
  /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.header .title-and-detail {
    flex-basis: 70%; }
  /* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.header .step-info {
    display: flex;
    height: 80px;
    max-width: 200px;
    flex-basis: 30%;
    position: relative; }
    /* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.header .step-info > div {
      flex-grow: 1;
      flex-basis: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around; }
      /* line 65, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.header .step-info > div svg.step-number {
        width: 25px;
        height: 25px; }
        /* line 68, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.header .step-info > div svg.step-number.done circle {
          fill: #68BAF0; }
        /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.header .step-info > div svg.step-number circle {
          fill: #bbb; }
        /* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.header .step-info > div svg.step-number text {
          fill: #fff; }
    /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.header .step-info .first-line {
      position: absolute; }
      /* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.header .step-info .first-line line {
        stroke-width: 6px;
        stroke: #68BAF0; }
/* line 79, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
.storefront-products-import section.content {
  width: 100%;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  background-color: white; }
  /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.content .header-tab {
    width: 100%;
    height: 50px;
    display: flex;
    background-color: #eee;
    border: 1px solid #ddd;
    color: #888; }
    /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content .header-tab > div {
      min-width: 160px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding-bottom: 3px;
      margin: 0 15px;
      position: relative; }
      /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div .photos-loaded {
        border-radius: 50%;
        background-color: #ef4836;
        padding: 5px;
        margin-top: -3px;
        margin-left: 8px; }
      /* line 107, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div:hover {
        color: #666; }
        /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div:hover.import .icon {
          background-image: url("/assets/hg/icon/upload-arrow-hover-8f0ebad1002789cd9bb481a30acbd84045a3961392f263ea1aa346eb5b301301.svg"); }
        /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div:hover.facebook .icon {
          background-image: url("/assets/hg/icon/facebook-logo-hover-eb0f319bfa7ce08541b8bcbd0b2ec75cdde86449d5c0a9860448cda059de2213.svg"); }
        /* line 113, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div:hover.instagram .icon {
          background-image: url("/assets/hg/icon/instagram-logo-hover-fbdc765bf94709dfc1a693d2444ed6263bc50c02ca6493e8c4b42ded3d88c325.svg"); }
        /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div:hover.csv .icon {
          background-image: url("/assets/hg/icon/csv-hover-56767a9fa31cdae066c48fd2f1c2f0c79ceb75b24cd6558b4addd7ed0dc63b50.svg"); }
      /* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div.active {
        color: #26b899;
        padding-bottom: 0;
        border-bottom: 3px solid #26b899; }
        /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div.active.import .icon {
          background-image: url("/assets/hg/icon/upload-arrow-active-ea6abc8424b015600046de4072f02efcfdce65851b1cb6b991e4bc059cde34dd.svg"); }
        /* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div.active.facebook .icon {
          background-image: url("/assets/hg/icon/facebook-logo-active-ee77b783d88f157998948163b7db3f9f719a0f5e1cb3801f7b112f5786730929.svg"); }
        /* line 125, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div.active.instagram .icon {
          background-image: url("/assets/hg/icon/instagram-logo-active-1c8751d34a964d933d984fe1f3a32d84f443b45e0627d70e1318fbb75cc2878c.svg"); }
        /* line 127, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content .header-tab > div.active.csv .icon {
          background-image: url("/assets/hg/icon/csv-active-7609f6079cb1364650208abe6f859479b7b1ac63c3b3ba4531c50f8a2598b7a9.svg"); }
      /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div .icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 10px; }
      /* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div.import .icon {
        background-image: url("/assets/hg/icon/upload-arrow-7707a7e120301dacf70831ffd0763a4cdd241fba3c85ef53f7402633edc31935.svg"); }
      /* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div.facebook .icon {
        background-image: url("/assets/hg/icon/facebook-logo-0c63c8ea1fd7dbc2e678cfaf37d936c989f74ce435f0804a5a6d9e8efc41c108.svg"); }
      /* line 138, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div.instagram .icon {
        background-image: url("/assets/hg/icon/instagram-logo-d50a4445efc348d016786d688dcbc5834041948eabdd2c32c8e6ee5a800ae1f2.svg"); }
      /* line 140, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content .header-tab > div.csv .icon {
        background-image: url("/assets/hg/icon/csv-234ba82cbe6460d683accc13b8a78f2ca915a1d984882538bda67efa7257767c.svg"); }
  /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.content section.import-source {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none; }
    /* line 146, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source i.select-icon {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 20px;
      height: 20px; }
      /* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source i.select-icon svg {
        width: 100%;
        height: 100%; }
        /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source i.select-icon svg circle {
          fill: #ddd;
          stroke: #fff;
          stroke-width: 2px; }
    /* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source p.title {
      display: flex;
      justify-content: space-between; }
      /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source p.title .reload-photo {
        border: 1px #ddd solid;
        border-radius: 3px;
        background-color: initial;
        font-size: 80%;
        padding: 0 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 171, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source p.title .reload-photo:hover {
          color: #26b899;
          border-color: #26b899; }
        /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source p.title .reload-photo .glyphicons {
          width: 9px;
          height: 9px;
          display: inline-block;
          margin-right: 5px;
          padding: 0; }
          /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source p.title .reload-photo .glyphicons:before {
            font-size: 9px; }
    /* line 182, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source .source-album {
      display: flex;
      flex-direction: column; }
      /* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-album .albums-list {
        display: flex;
        overflow-y: hidden; }
      /* line 188, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-album p {
        width: 100%;
        margin-bottom: 15px; }
      /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-album .album-area {
        min-width: 150px;
        max-width: 150px;
        margin-right: 10px; }
        /* line 195, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-album .album-area .album {
          height: 150px;
          border: 2px solid #bbb;
          border-radius: 4px;
          margin-bottom: 10px;
          position: relative;
          display: flex;
          padding: 10px;
          flex-wrap: wrap;
          justify-content: space-between;
          cursor: pointer; }
          /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source .source-album .album-area .album.selected {
            border-color: #26b899; }
            /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
            .storefront-products-import section.content section.import-source .source-album .album-area .album.selected i.select-icon svg circle {
              fill: #26b899; }
          /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source .source-album .album-area .album .photo-in-album {
            width: 60px;
            height: 60px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #eee; }
            /* line 217, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
            .storefront-products-import section.content section.import-source .source-album .album-area .album .photo-in-album:first-child {
              margin-bottom: 5px; }
          /* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source .source-album .album-area .album .opacity-mask {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 60px;
            height: 60px;
            background-color: #fff;
            opacity: 0.75; }
          /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source .source-album .album-area .album .more-photo-count {
            position: absolute;
            bottom: 30px;
            right: 10px;
            width: 60px;
            text-align: center; }
        /* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-album .album-area .album-name {
          overflow: hidden;
          text-overflow: ellipsis; }
    /* line 236, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source .source-photos {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 10px; }
      /* line 241, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-photos p {
        width: 100%;
        margin-bottom: 15px; }
      /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-photos .photos-loading {
        padding-top: 30px;
        width: 100%;
        font-size: 1em; }
      /* line 248, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-photos .scroll-box {
        max-height: 500px;
        overflow-y: scroll; }
        /* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-photos .scroll-box > div {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap; }
      /* line 255, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-photos .photo {
        width: 100px;
        height: 100px;
        margin-right: 9px;
        margin-bottom: 9px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #eee;
        position: relative;
        border: 2px solid #eee;
        border-radius: 4px;
        transition: all linear 0.2s; }
        /* line 268, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-photos .photo.ng-animate {
          opacity: 0.75;
          border: 2px solid #eee !important; }
        /* line 271, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-photos .photo.selected {
          border-color: #26b899; }
          /* line 273, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source .source-photos .photo.selected i.select-icon svg circle {
            fill: #26b899; }
      /* line 275, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source .source-photos .paging {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        font-size: 80%; }
        /* line 280, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source .source-photos .paging a {
          cursor: pointer;
          margin: 0 5px;
          font-weight: 500;
          font-size: 120%; }
    /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.upload p {
      width: 100%;
      margin-bottom: 15px; }
    /* line 290, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.upload .import-area input[type=file] {
      display: none; }
    /* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.upload .import-area .preview-area {
      display: flex;
      flex-wrap: wrap; }
      /* line 295, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source.upload .import-area .preview-area .preview-photo {
        width: 100px;
        height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
        background-color: #eee;
        position: relative;
        border: 2px solid #eee;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.upload .import-area .preview-area .preview-photo.selected {
          border-color: #26b899; }
          /* line 309, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source.upload .import-area .preview-area .preview-photo.selected i.select-icon svg circle {
            fill: #26b899; }
        /* line 311, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.upload .import-area .preview-area .preview-photo img {
          max-width: 100%;
          max-height: 100%; }
    /* line 314, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.upload .import-area .button-html {
      flex-grow: 1; }
      /* line 316, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source.upload .import-area .button-html button.import-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 3px dashed #ddd;
        background-color: initial; }
        /* line 323, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.upload .import-area .button-html button.import-button.big-button {
          width: 100%;
          height: 150px; }
        /* line 326, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.upload .import-area .button-html button.import-button.small-button {
          width: 100px;
          height: 100px;
          font-size: 80%; }
          /* line 330, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source.upload .import-area .button-html button.import-button.small-button i.icon {
            width: 30px;
            height: 30px;
            margin-bottom: 7px; }
        /* line 334, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.upload .import-area .button-html button.import-button i.icon {
          background-image: url("/assets/hg/icon/upload-arrow-7707a7e120301dacf70831ffd0763a4cdd241fba3c85ef53f7402633edc31935.svg");
          width: 50px;
          height: 50px;
          display: inline-block;
          margin-bottom: 15px; }
    /* line 340, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.facebook, .storefront-products-import section.content section.import-source.instagram {
      display: flex;
      flex-direction: column; }
      /* line 344, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source.facebook .instagram-register, .storefront-products-import section.content section.import-source.instagram .instagram-register {
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px 0; }
        /* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.facebook .instagram-register button.instagram-button, .storefront-products-import section.content section.import-source.instagram .instagram-register button.instagram-button {
          padding: 5px 15px;
          border: none;
          background-color: #406992;
          color: #fff;
          display: flex;
          border-radius: 4px; }
          /* line 359, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source.facebook .instagram-register button.instagram-button i.icon, .storefront-products-import section.content section.import-source.instagram .instagram-register button.instagram-button i.icon {
            background-image: url("/assets/hg/icon/instagram-logo-white-7dd5921505825b12b03592fb0e116be3007ceed0ce9ce262abfce2b09cf06c6f.svg");
            width: 20px;
            height: 20px;
            margin-right: 10px;
            display: inline-block; }
    /* line 365, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.content section.import-source.csv {
      display: flex;
      flex-direction: column; }
      /* line 368, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.content section.import-source.csv .how-to {
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 0; }
        /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.content section.import-source.csv .how-to a {
          color: #26b899; }
          /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.content section.import-source.csv .how-to a:hover {
            text-decoration: underline; }
/* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
.storefront-products-import section.footer {
  margin-top: 10px;
  padding: 15px 0px 200px;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between; }
  /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.footer .imported-detail {
    margin-right: 10px;
    display: flex;
    flex-direction: column; }
    /* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.footer .imported-detail .imported-via {
      margin-bottom: 5px; }
    /* line 394, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.footer .imported-detail .import-to-category {
      display: flex;
      align-items: center; }
      /* line 397, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.footer .imported-detail .import-to-category > span {
        margin-right: 10px; }
      /* line 399, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.footer .imported-detail .import-to-category .category-dropdown {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 8px;
        border: 1px solid #ddd;
        background-color: initial;
        color: initial; }
        /* line 408, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .category-dropdown:hover {
          background-color: #f1f1f1; }
        /* line 410, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .category-dropdown .default {
          width: 100%;
          text-align: left;
          max-width: 110px;
          text-overflow: ellipsis;
          overflow-x: hidden; }
      /* line 416, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu {
        max-height: 188px;
        max-width: 500px; }
        /* line 419, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu li {
          padding: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          /* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu li:hover {
            background-color: initial;
            color: initial; }
          /* line 427, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu li.create-new-category {
            text-align: center; }
          /* line 429, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
          .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu li a {
            display: inline-block;
            padding: 0 15px;
            width: 100%;
            line-height: 30px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            /* line 437, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
            .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu li a:hover {
              background-color: #26b899;
              color: #fff; }
        /* line 440, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu .list-orders {
          max-height: 135px;
          overflow-x: hidden; }
        /* line 443, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu .create-new-category {
          padding-top: 5px;
          height: 38px; }
        /* line 446, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
        .storefront-products-import section.footer .imported-detail .import-to-category .dropdown-menu hr {
          margin: 0; }
  /* line 448, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
  .storefront-products-import section.footer button.create-button {
    flex-shrink: 0;
    padding: 5px 30px;
    background-color: #26b899;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer; }
    /* line 456, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.footer button.create-button:hover {
      background-color: #139f85; }
    /* line 458, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
    .storefront-products-import section.footer button.create-button.disabled {
      background-color: #ccc;
      cursor: initial; }
      /* line 461, /drone/softbaked/page365/app/assets/stylesheets/hg/product_import.css.sass */
      .storefront-products-import section.footer button.create-button.disabled:hover {
        background-color: #ccc; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
.activation-products-import .storefront-products-import {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  height: 500px;
  overflow-y: scroll; }
  /* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
  .activation-products-import .storefront-products-import .header {
    display: none; }
  /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
  .activation-products-import .storefront-products-import .content {
    position: relative;
    overflow: scroll; }
    /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
    .activation-products-import .storefront-products-import .content .header-tab .instagram,
    .activation-products-import .storefront-products-import .content .header-tab .csv {
      display: none; }
    /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
    .activation-products-import .storefront-products-import .content .import-source {
      position: relative;
      width: 100%;
      top: 0px;
      padding: 0;
      border: 0px;
      padding-top: 15px; }
      /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
      .activation-products-import .storefront-products-import .content .import-source.upload .import-area {
        padding-bottom: 120px; }
        /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
        .activation-products-import .storefront-products-import .content .import-source.upload .import-area .preview-area {
          flex-wrap: wrap; }
          /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
          .activation-products-import .storefront-products-import .content .import-source.upload .import-area .preview-area .preview-photo {
            border: 4px solid #eee;
            margin: 0 10px 10px 0px; }
            /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
            .activation-products-import .storefront-products-import .content .import-source.upload .import-area .preview-area .preview-photo.selected {
              border-color: #346daf; }
      /* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
      .activation-products-import .storefront-products-import .content .import-source .source-photos {
        margin-top: 0; }
        /* line 78, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
        .activation-products-import .storefront-products-import .content .import-source .source-photos .scroll-box {
          max-height: 380px; }
        /* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
        .activation-products-import .storefront-products-import .content .import-source .source-photos .photo {
          border: 4px solid #eee;
          width: 90px;
          height: 90px;
          margin: 0 5px 10px 5px; }
          /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
          .activation-products-import .storefront-products-import .content .import-source .source-photos .photo.selected {
            border-color: #346daf; }
      /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
      .activation-products-import .storefront-products-import .content .import-source .select-icon {
        display: none; }
      /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
      .activation-products-import .storefront-products-import .content .import-source .facebook-album {
        display: none; }
      /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
      .activation-products-import .storefront-products-import .content .import-source .facebook-every-photo {
        position: relative; }
        /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
        .activation-products-import .storefront-products-import .content .import-source .facebook-every-photo .title {
          display: none; }
  /* line 95, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
  .activation-products-import .storefront-products-import .footer {
    display: none;
    padding-bottom: 0;
    margin-top: 15px; }
    /* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
    .activation-products-import .storefront-products-import .footer .imported-detail {
      display: none; }

/* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
body.desktop .activation-products-import section.storefront-body {
  width: 100%; }
/* line 110, /drone/softbaked/page365/app/assets/stylesheets/hg/activation_product_import.css.sass */
body.tablet .activation-products-import section.storefront-body {
  width: 100%; }
@charset "UTF-8";
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
section.admins .sb-card .sb-card-content .how-to, section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup, section.admins .sb-card .sb-card-content .alert, div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item {
  border: 1px solid #E9EFF5; }

/* line 12, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
section.account .sb-card .sb-card-content .list-content {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

/* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.sb-link {
  cursor: pointer;
  color: #2A69B3; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
.divider-vertical {
  position: relative; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/components/components.sass */
  .divider-vertical::before {
    position: absolute;
    content: "";
    display: block;
    height: 77px;
    top: 5px;
    left: 0;
    width: 1px;
    background: #E9EFF5; }

/* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings {
  width: 100%;
  height: 100%; }
  /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .list-group-item {
    border-left: 0;
    border-right: 0; }
    /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .list-group-item:first-child {
      border-top: 0; }
    /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .list-group-item input {
      margin-top: -8px !important;
      border: 1px solid #999;
      border-radius: 4px;
      padding: 0 10px !important; }
  /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .list-group.panel {
    border: 0;
    border-bottom: 1px solid #999;
    border-width: 0;
    border-radius: 4px; }
    /* line 79, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .list-group.panel input {
      border-color: #ddd;
      width: 250px; }
  /* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings h1.title {
    font-size: 180%;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 0; }
  /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings h3.title {
    border-bottom: 1px solid #dedede; }
  /* line 89, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .label {
    font-weight: 500; }
  /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings a {
    color: black;
    text-decoration: none; }
  /* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .calendar-label {
    display: inline-block;
    width: 25%;
    min-width: 60px; }
  /* line 98, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .calendar-display {
    position: absolute;
    width: 100px;
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 4px;
    min-width: 140px;
    height: 24px;
    text-align: right; }
    /* line 107, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .calendar-display span.daytime {
      font-size: 90%;
      color: #666;
      margin-right: 5px; }
    /* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .calendar-display span.small {
      min-width: 140px;
      position: absolute;
      left: 0;
      display: inline-block;
      text-align: center;
      color: #aaa; }
  /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .calendar-box {
    display: inline-block;
    width: 140px;
    margin-bottom: -6px;
    height: 22px;
    overflow: hidden; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .calendar-box span, section.settings .calendar-box input {
      position: absolute;
      width: 22px;
      height: 22px; }
      /* line 128, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings .calendar-box span .glyphicons-calendar, section.settings .calendar-box input .glyphicons-calendar {
        margin-top: -12px;
        margin-left: 6px; }
        /* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings .calendar-box span .glyphicons-calendar:before, section.settings .calendar-box input .glyphicons-calendar:before {
          font-size: 60%;
          color: #888888; }
    /* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .calendar-box span {
      margin-left: 1px;
      margin-top: -1px; }
    /* line 137, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .calendar-box input {
      width: 140px;
      opacity: 0;
      cursor: pointer;
      z-index: 9;
      margin-top: 5px !important; }
  /* line 143, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .column {
    padding: 5px;
    display: inline-block;
    font-size: 100%;
    color: black; }
    /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .column.column--no-padding-top-and-bottom {
      padding: 0 5px; }
    /* line 150, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .column.label {
      text-align: left;
      display: inline-block;
      width: 20%;
      text-overflow: ellipsis;
      overflow: hidden; }
    /* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .column.data {
      width: 60%;
      min-width: 190px;
      margin-left: 20%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings .column.data .placeholder {
        opacity: 0.6; }
        /* line 165, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings .column.data .placeholder.link {
          opacity: 1; }
          /* line 167, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.settings .column.data .placeholder.link a {
            color: #26b899; }
    /* line 169, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .column.edit, section.settings .column.cancel, section.settings .column.submit {
      margin-top: -10px; }
  /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings section a span {
    line-height: 40px; }
  /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings section {
    width: 80%;
    height: 100%;
    overflow-y: auto;
    padding: 20px 40px; }
    /* line 180, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings section a span {
      padding: 5px 5px;
      min-width: 50px; }
      /* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings section a span.edit {
        color: #aaa; }
        /* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.edit:before {
          font: 12px/1em "Glyphicons Regular";
          content: "✏";
          padding: 0;
          vertical-align: middle; }
        /* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.edit:hover {
          color: #26b899; }
      /* line 192, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings section a span.submit {
        color: #aaa; }
        /* line 194, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.submit:hover {
          color: #26b899; }
      /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings section a span.remove {
        color: #aaa; }
        /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.remove:before {
          font: 12px/1em "Glyphicons Regular";
          content: "";
          padding: 0 18px;
          vertical-align: middle; }
        /* line 203, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.remove:hover {
          color: #999; }
      /* line 205, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings section a span.cancel {
        color: #aaa; }
        /* line 207, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings section a span.cancel:hover {
          color: #999; }
    /* line 209, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings section h1 {
      font-size: 48px; }
    /* line 211, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings section hr {
      margin-top: 0;
      border-color: black; }
  /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .menu {
    display: inline-block;
    float: left;
    width: 20%;
    height: 100%;
    background-color: #eee;
    padding: 0 15px;
    z-index: 8; }
    /* line 222, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .menu ul {
      margin-top: 40px; }
      /* line 225, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings .menu ul li.active {
        font-weight: bold; }
      /* line 227, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.settings .menu ul li > a {
        display: flex;
        padding: 5px 5px 5px 15px; }
        /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings .menu ul li > a:hover {
          background-color: #DFDFDF; }
        /* line 232, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.settings .menu ul li > a .badge.beta {
          background-color: #FDBD01;
          margin: auto 0 auto 5px; }
  /* line 235, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .content {
    background-color: #F5F7F8;
    display: inline-block;
    float: left;
    width: 80%;
    height: 100%; }
  /* line 241, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .phone-menu-setting {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 9;
    background: #dfdfdf; }

/* line 251, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .circle:before, .ngdialog-theme-flat .circle:before {
  content: "●";
  font-size: 32px;
  color: white;
  vertical-align: middle;
  position: relative !important;
  top: 1px;
  border-radius: 28px; }
/* line 259, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .circle-small:before, .ngdialog-theme-flat .circle-small:before {
  content: "●";
  font-size: 32px;
  color: white;
  vertical-align: middle;
  position: relative !important;
  top: 1px;
  border-radius: 28px; }
/* line 267, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .main-switch, .ngdialog-theme-flat .main-switch {
  display: inline-block; }
  /* line 270, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .main-switch.child .bootstrap-switch, .ngdialog-theme-flat .main-switch.child .bootstrap-switch {
    margin-top: -10px; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .main-switch.child .bootstrap-switch .bootstrap-switch-handle-off,
    section.settings .main-switch.child .bootstrap-switch .bootstrap-switch-handle-on, .ngdialog-theme-flat .main-switch.child .bootstrap-switch .bootstrap-switch-handle-off,
    .ngdialog-theme-flat .main-switch.child .bootstrap-switch .bootstrap-switch-handle-on {
      font-size: 75%;
      font-weight: 500; }
  /* line 276, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .main-switch.relative, .ngdialog-theme-flat .main-switch.relative {
    position: relative; }
/* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .bootstrap-switch, .ngdialog-theme-flat .bootstrap-switch {
  color: white;
  font-weight: 700;
  display: inline-block;
  border: 0;
  border-radius: 25px;
  overflow: hidden; }
  /* line 285, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .bootstrap-switch.bootstrap-switch-off, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-off {
    background-color: #bbb; }
    /* line 287, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off,
    section.settings .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on,
    section.settings .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-label, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off,
    .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on,
    .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-label {
      border-radius: 25px;
      color: white;
      background-color: #bbb; }
    /* line 293, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
      background-color: #bbb;
      border-radius: 25px; }
  /* line 296, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .bootstrap-switch.bootstrap-switch-on, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-on {
    background-color: #1abc9c; }
    /* line 298, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
    section.settings .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off,
    section.settings .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-label, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
    .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off,
    .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-label {
      border-radius: 25px;
      color: white;
      background-color: #1abc9c; }
    /* line 304, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.settings .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .ngdialog-theme-flat .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
      background-color: #1abc9c;
      border-radius: 25px; }
  /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .bootstrap-switch .bootstrap-switch-label, .ngdialog-theme-flat .bootstrap-switch .bootstrap-switch-label {
    color: white;
    padding: 0; }
  /* line 310, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.settings .bootstrap-switch span, .ngdialog-theme-flat .bootstrap-switch span {
    font-size: 100%; }
/* line 313, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .bootstrap-switch-mini .bootstrap-switch-label, .ngdialog-theme-flat .bootstrap-switch-mini .bootstrap-switch-label {
  line-height: 1.1; }
/* line 315, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.settings .bootstrap-switch-mini .bootstrap-switch-primary,
section.settings .bootstrap-switch-mini .bootstrap-switch-default, .ngdialog-theme-flat .bootstrap-switch-mini .bootstrap-switch-primary,
.ngdialog-theme-flat .bootstrap-switch-mini .bootstrap-switch-default {
  font-size: 70%; }

/* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.user .list-group-item {
  height: 46px;
  vertical-align: center; }
  /* line 323, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.user .list-group-item input {
    padding: 0;
    margin-top: -3px;
    width: 250px;
    min-width: 160px; }
/* line 329, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.user .column.label {
  position: absolute; }

/* line 334, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .sb-card .sb-card-content {
  padding-top: 0; }
  /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .sb-card .sb-card-content .normal {
    margin: 0; }
    /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .normal li:before {
      content: "-";
      position: absolute;
      left: 0; }
    /* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .normal li {
      position: relative;
      padding-left: 15px; }
  /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .sb-card .sb-card-content .container-footer .btn-enable {
    font-size: 20px;
    height: 35px;
    border: 1px solid #386aac;
    border-radius: 4px;
    background-color: #386aac;
    color: #fff; }
    /* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .container-footer .btn-enable span {
      line-height: 30px; }
  /* line 355, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .sb-card .sb-card-content.pull-right {
    width: calc(100% - 150px); }
  /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .sb-card .sb-card-content .editing {
    border-top: 1px solid #E9EFF5;
    border-bottom: 1px solid #E9EFF5;
    background-color: #FCFCFD; }
  /* line 361, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .sb-card .sb-card-content .list-content {
    width: 100%;
    padding: 10px 20px; }
    /* line 365, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content:nth-child(1) {
      border-top: 0;
      padding-top: 20px; }
    /* line 369, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .sb-form-group .required {
      border-color: #e74b3c; }
    /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .sb-form-group .error {
      color: #e74b3c;
      padding-left: 3px; }
    /* line 374, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .sb-form-group .sb-dropdown {
      margin-bottom: 20px; }
    /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .title {
      display: inline-block;
      font-weight: bold; }
      /* line 381, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .sb-card .sb-card-content .list-content .title .required {
        color: #e74b3c;
        font-size: 1.2em; }
    /* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .info {
      margin-top: 5px;
      color: #7B868A; }
    /* line 387, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .action {
      cursor: pointer;
      display: inline-block;
      float: right;
      color: #2A69B3; }
      /* line 392, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .sb-card .sb-card-content .list-content .action .glyphicons {
        display: inline;
        height: 14px;
        padding-left: 20px;
        color: white; }
        /* line 397, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.account .sb-card .sb-card-content .list-content .action .glyphicons:before {
          font-size: 12px;
          margin-top: 6px; }
        /* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.account .sb-card .sb-card-content .list-content .action .glyphicons.active {
          color: #2A69B3; }
      /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .sb-card .sb-card-content .list-content .action.toggle {
        cursor: default; }
    /* line 404, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .sb-form-group {
      margin-top: 0; }
    /* line 406, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content .confirm-action {
      text-align: right;
      margin-bottom: 10px; }
      /* line 409, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .sb-card .sb-card-content .list-content .confirm-action .sb-button {
        margin-right: 0; }
    /* line 413, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .sb-card .sb-card-content .list-content:hover .action .glyphicons {
      color: #2A69B3; }
/* line 415, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .sb-card .sb-alert {
  margin-bottom: 20px; }
/* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .sb-card .sb-alert-content a span {
  line-height: 1;
  padding: 0; }
/* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .sb-card.shipping-debt .icon {
  vertical-align: top;
  margin-top: 10px; }
/* line 424, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .sb-card.shipping-debt .sb-button {
  margin-top: 10px; }
/* line 428, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .list-group .list-group-item {
  height: 55px; }
  /* line 430, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item .en-experimental {
    margin-left: 10px; }
  /* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item .action {
    display: inline-block;
    float: right; }
  /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item.storefront a {
    color: #26b899;
    width: auto;
    max-width: 50%; }
  /* line 439, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item.address {
    height: 100px; }
    /* line 441, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .list-group .list-group-item.address .data {
      height: 100%; }
      /* line 443, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .list-group .list-group-item.address .data span {
        overflow-x: hidden;
        display: inline-block;
        height: 100%;
        min-width: 200px;
        padding-right: 16px; }
      /* line 449, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.account .list-group .list-group-item.address .data textarea {
        resize: none;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 2px 10px;
        width: 250px;
        height: 100%; }
  /* line 456, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item .badge {
    background-color: #3498DB;
    margin-left: 3px; }
  /* line 460, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item.auto-invoice span.column.label {
    width: 80%; }
  /* line 462, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item.auto-invoice span.column.data {
    max-width: 20%; }
  /* line 464, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item .delete {
    color: #e74c3c; }
  /* line 466, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .list-group .list-group-item .payment-pending {
    text-align: right;
    color: #bbb;
    display: flex; }
    /* line 470, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.account .list-group .list-group-item .payment-pending .spinner-r {
      top: -1px;
      margin-left: 2.75em; }
/* line 473, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account h1.title {
  margin-bottom: 0; }
/* line 476, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account h4.description a {
  color: #26b899; }
/* line 478, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account a.cancel {
  color: #26b899;
  margin-top: 2px; }
/* line 481, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account a.upgrade {
  margin-top: 5px;
  position: absolute;
  right: 15px;
  margin-top: 5px;
  padding: 5px;
  color: #26b899; }
  /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account a.upgrade .glyphicons {
    padding-left: 18px;
    padding-bottom: 18px; }
  /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account a.upgrade i.glyphicons:before {
    font: 14px/1em "Glyphicons Regular";
    color: #26b899; }
/* line 484, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account a.delete {
  position: absolute;
  right: 15px;
  margin-top: 5px;
  padding: 5px;
  color: #26b899; }
  /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account a.delete .glyphicons {
    padding-left: 18px;
    padding-bottom: 18px; }
  /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account a.delete i.glyphicons:before {
    font: 14px/1em "Glyphicons Regular";
    color: #26b899; }
/* line 488, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .credit-card a.cancel, section.account .credit-card a.retry, section.account .credit-card a.wire {
  position: absolute;
  right: 15px;
  margin-top: 5px;
  padding: 5px;
  color: #26b899;
  top: 0;
  margin-top: 0; }
  /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .credit-card a.cancel .glyphicons, section.account .credit-card a.retry .glyphicons, section.account .credit-card a.wire .glyphicons {
    padding-left: 18px;
    padding-bottom: 18px; }
  /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .credit-card a.cancel i.glyphicons:before, section.account .credit-card a.retry i.glyphicons:before, section.account .credit-card a.wire i.glyphicons:before {
    font: 14px/1em "Glyphicons Regular";
    color: #26b899; }
/* line 494, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .credit-card a.retry {
  right: 110px; }
/* line 497, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .contain-button a.green-button {
  color: #fff;
  font-size: 100%;
  background-color: #26b899;
  margin: 8px 0;
  height: 37px;
  display: flex;
  align-items: center;
  padding-top: 5px; }
  /* line 506, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .contain-button a.green-button:hover {
    background-color: #139f85; }
/* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .column.label {
  position: absolute; }
/* line 511, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .column.error {
  color: #e74c3c; }
/* line 513, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .column .main-switch {
  margin-top: -4px; }
/* line 515, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account a.edit {
  position: absolute;
  right: 20px; }
/* line 518, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .manage-payment-method {
  display: flex;
  float: right;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 170px; }
/* line 524, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.account .read-more {
  color: #26b899;
  cursor: pointer; }
  /* line 527, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.account .read-more:hover {
    color: #139f85; }

/* line 531, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.invoices h4.description a {
  color: #26b899; }
/* line 533, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.invoices .list-group-item {
  height: 55px; }
  /* line 535, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .list-group-item.auto-invoice {
    height: 101px; }
    /* line 537, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .list-group-item.auto-invoice .block {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: -30px;
      z-index: 999; }
      /* line 544, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.invoices .list-group-item.auto-invoice .block a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        color: #aaa; }
        /* line 550, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.invoices .list-group-item.auto-invoice .block a .glyphicons {
          padding: 0;
          display: inline-block;
          height: 14px; }
          /* line 554, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.invoices .list-group-item.auto-invoice .block a .glyphicons:before {
            font-size: 16px; }
  /* line 556, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .list-group-item a.upgrade {
    position: absolute;
    right: 15px;
    margin-top: 5px;
    padding: 5px;
    color: #26b899;
    margin-top: 5px; }
    /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .list-group-item a.upgrade .glyphicons {
      padding-left: 18px;
      padding-bottom: 18px; }
    /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .list-group-item a.upgrade i.glyphicons:before {
      font: 14px/1em "Glyphicons Regular";
      color: #26b899; }
  /* line 559, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .list-group-item .sub-detail {
    opacity: 0.6;
    font-size: 90%; }
  /* line 562, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .list-group-item .column.data .warning-refill {
    color: #F39C11; }
  /* line 564, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .list-group-item.list-group-item--2-lines {
    height: 72px; }
    /* line 566, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .list-group-item.list-group-item--2-lines .column.data .details {
      display: block;
      font-size: 90%; }
      /* line 569, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.invoices .list-group-item.list-group-item--2-lines .column.data .details .see_example {
        font-size: 105%;
        margin-left: 5px;
        color: #26b899;
        cursor: pointer; }
        /* line 574, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.invoices .list-group-item.list-group-item--2-lines .column.data .details .see_example:hover {
          color: #139f85; }
        /* line 576, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.invoices .list-group-item.list-group-item--2-lines .column.data .details .see_example span {
          padding: 0;
          min-width: 0; }
      /* line 579, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.invoices .list-group-item.list-group-item--2-lines .column.data .details i {
        opacity: 0.6; }
    /* line 581, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .list-group-item.list-group-item--2-lines .main-switch {
      margin-top: 10px; }
/* line 584, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.invoices .column.label {
  position: absolute; }
/* line 587, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.invoices .invoice-format .block {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -30px;
  z-index: 999; }
  /* line 594, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.invoices .invoice-format .block a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #aaa; }
    /* line 600, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.invoices .invoice-format .block a .glyphicons {
      padding: 0;
      display: inline-block;
      height: 14px; }
      /* line 604, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.invoices .invoice-format .block a .glyphicons:before {
        font-size: 16px; }

/* line 607, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.payment {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 20px 0 !important; }
  /* line 612, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .preview-area {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    /* line 616, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .preview-area .preview-photo {
      width: 150px;
      height: 150px;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 5px;
      position: relative;
      border: 2px solid #eee;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 3px dashed #ddd; }
      /* line 629, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .preview-area .preview-photo img {
        max-width: 100%;
        max-height: 100%; }
      /* line 632, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .preview-area .preview-photo .remove-image {
        position: absolute;
        right: -20px;
        top: 5px;
        cursor: pointer; }
  /* line 638, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .upload p {
    width: 100%;
    margin-bottom: 15px; }
  /* line 642, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .upload .import-area input[type=file] {
    display: none; }
  /* line 644, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .upload .import-area .button-html {
    flex-grow: 1;
    width: 150px; }
    /* line 647, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .upload .import-area .button-html button.import-button {
      width: 150px;
      height: 150px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 3px dashed #ddd;
      background-color: initial; }
      /* line 656, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .upload .import-area .button-html button.import-button.big-button {
        width: 100%;
        height: 150px; }
      /* line 659, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .upload .import-area .button-html button.import-button.small-button {
        width: 100px;
        height: 100px;
        font-size: 80%; }
        /* line 663, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .upload .import-area .button-html button.import-button.small-button i.icon {
          width: 30px;
          height: 30px;
          margin-bottom: 7px; }
      /* line 667, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .upload .import-area .button-html button.import-button i.icon {
        background-image: url("/assets/hg/icon/upload-arrow-7707a7e120301dacf70831ffd0763a4cdd241fba3c85ef53f7402633edc31935.svg");
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-bottom: 15px; }
  /* line 674, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .sb-card-header .title {
    display: inline-block; }
  /* line 676, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .sb-card-header .icon-add-bank {
    float: right;
    width: 16px;
    height: 16px; }
    /* line 680, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-card-header .icon-add-bank .glyphicons {
      cursor: pointer;
      margin-top: -16px;
      color: #7B868A; }
      /* line 684, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-header .icon-add-bank .glyphicons:before {
        top: 0px;
        font-size: 16px; }
      /* line 687, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-header .icon-add-bank .glyphicons:hover {
        color: #2A69B3; }
  /* line 689, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .sb-card-content {
    padding-top: 0; }
    /* line 692, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-card-content .bank-list .bank-null {
      padding: 20px 20px 10px; }
      /* line 694, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .bank-null .sb-button {
        margin-top: 10px;
        margin-left: 0; }
    /* line 697, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-card-content .bank-list .bank-item {
      display: flex;
      flex-flow: row; }
    /* line 700, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-card-content .bank-list .card-item {
      width: 100%;
      border-top: 1px solid #fff;
      padding: 10px 20px; }
      /* line 704, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .card-item.editing {
        border-top: 1px solid #E9EFF5;
        border-bottom: 1px solid #E9EFF5;
        background-color: #FCFCFD; }
      /* line 708, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .card-item:nth-child(2) {
        border-top: 0;
        padding-top: 20px; }
      /* line 711, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .card-item.add-bank {
        padding-top: 20px; }
        /* line 713, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item.add-bank:first-child {
          border-top: 0; }
      /* line 715, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-span {
        width: auto;
        height: 34px;
        margin-top: 5px;
        border-radius: 3px; }
        /* line 720, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-span .bank-logo {
          margin: 6px; }
      /* line 722, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 42px);
        padding-left: 10px; }
        /* line 727, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-name {
          display: inline-block;
          font-weight: bold; }
        /* line 730, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-qrcode {
          font-weight: bold; }
        /* line 732, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .sb-form-group {
          margin-top: 10px;
          margin-bottom: 10px; }
          /* line 735, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .sb-form-group .confirm-action {
            text-align: right;
            width: auto;
            margin-top: 10px; }
        /* line 739, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action {
          display: flex;
          flex-flow: column;
          float: right;
          align-items: flex-end; }
          /* line 744, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .dependency {
            color: #78868B;
            text-align: end; }
          /* line 747, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .bank-account {
            color: #78868B; }
          /* line 749, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action {
            cursor: pointer;
            display: inline-block;
            float: right;
            vertical-align: top;
            color: #2A69B3;
            margin-left: 15px; }
            /* line 756, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action:hover {
              text-decoration: underline; }
            /* line 758, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action .glyphicons {
              display: inline;
              height: 14px;
              padding-left: 15px; }
              /* line 762, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action .glyphicons:before {
                font-size: 15px;
                margin-top: 6px; }
            /* line 765, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action .glyphicons-lock {
              margin-left: 15px;
              padding-left: 16px !important;
              color: #CBD0D5 !important; }
            /* line 769, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.payment .setting-payment .sb-card-content .bank-list .card-item .bank-info .bank-action .action.toggle {
              cursor: default; }
  /* line 771, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .sb-alert {
    margin-bottom: 20px; }
    /* line 773, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-alert .sb-link {
      cursor: pointer;
      color: #2A69B3; }
      /* line 776, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-alert .sb-link span {
        line-height: 22px; }
  /* line 778, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .sb-slip {
    border-top: 1px solid #e9eff5;
    padding: 10px 20px; }
    /* line 782, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-notice {
      margin-top: 10px;
      color: #aaa;
      font-weight: 500; }
      /* line 786, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-slip .slip-setting-notice strong {
        color: #26b899;
        font-weight: 500;
        cursor: pointer; }
    /* line 790, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 10px; }
    /* line 795, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form-content {
      flex-basis: 80%; }
    /* line 797, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form-title {
      margin-top: 0;
      margin-bottom: 16px;
      font-size: 120%;
      font-weight: bold; }
    /* line 802, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form-description {
      margin-bottom: 16px; }
    /* line 804, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form-description {
      margin-bottom: 16px; }
      /* line 806, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-slip .slip-setting-form-description strong {
        margin-left: 10px; }
      /* line 808, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-slip .slip-setting-form-description a {
        color: #2A69B3;
        font-weight: 500; }
    /* line 811, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-form-control {
      flex-basis: 20%;
      height: 32px; }
      /* line 814, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-slip .slip-setting-form-control .block {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -30px;
        z-index: 999; }
        /* line 821, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.payment .setting-payment .sb-slip .slip-setting-form-control .block a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          color: #aaa;
          cursor: pointer; }
          /* line 828, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.payment .setting-payment .sb-slip .slip-setting-form-control .block a .glyphicons {
            padding: 0;
            display: inline-block;
            height: 14px; }
            /* line 832, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.payment .setting-payment .sb-slip .slip-setting-form-control .block a .glyphicons::before {
              font-size: 16px; }
    /* line 834, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .sb-slip .slip-setting-alert-content {
      margin-top: 10px;
      padding: 10px;
      border: 1px solid #E9EFF5;
      background-color: #FCFCFD; }
      /* line 839, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.payment .setting-payment .sb-slip .slip-setting-alert-content a {
        color: #2A69B3;
        font-weight: 500; }
  /* line 842, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.payment .setting-payment .auto-update-order {
    display: inline-flex;
    width: -webkit-fill-available;
    padding-top: 10px; }
    /* line 846, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .auto-update-order-main-content {
      flex-basis: 80%; }
    /* line 848, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .auto-update-order-switch-content {
      flex-basis: 20%;
      align-self: center; }
    /* line 851, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.payment .setting-payment .auto-update-order-switch-position {
      float: right;
      margin-top: unset; }

/* line 856, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.payment-add-bank {
  overflow-x: hidden;
  font-size: 20px;
  margin-bottom: 0; }
  /* line 861, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.payment-add-bank .sb-card-header .icon-close {
    float: right !important;
    width: 16px;
    height: 16px; }
    /* line 865, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.payment-add-bank .sb-card-header .icon-close .glyphicons {
      cursor: pointer;
      margin-top: -16px;
      color: #CBD0D5; }
      /* line 869, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-header .icon-close .glyphicons:before {
        top: 0px;
        font-size: 16px; }
      /* line 872, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-header .icon-close .glyphicons:hover {
        color: #7B868A; }
  /* line 875, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.payment-add-bank .sb-card-content .bank-list {
    cursor: pointer;
    height: 100%; }
    /* line 878, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item {
      padding: 10px 20px; }
      /* line 880, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item .settings-bank-selector {
        display: inline-block; }
      /* line 882, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item .bank-name {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        width: calc(100% - 42px);
        padding-left: 10px; }
      /* line 888, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item .bank-span {
        display: inline-block;
        width: auto;
        height: 34px;
        margin-top: 5px;
        border-radius: 3px; }
        /* line 894, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item .bank-span i {
          margin: 6px; }
      /* line 896, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.payment-add-bank .sb-card-content .bank-list .bank-item:hover {
        background-color: #FCFCFD; }

/* line 900, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog-bank-list .ngdialog-content {
  margin-top: 20px; }

/* line 902, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat .ngdialog-content {
  padding: 30px; }

/* line 906, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content {
  background-color: #f5f5f5;
  font-size: 50%;
  width: 1024px; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.tablet .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content {
    height: 560px !important; }
  /* line 912, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message {
    margin: 0; }
    /* line 915, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .greeting {
      display: block;
      height: 0;
      padding: 0;
      opacity: 0;
      text-align: center;
      overflow: hidden;
      transition: height 1s, padding 1s, opacity 1s; }
      /* line 923, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .greeting .image {
        margin-top: 40px;
        border-bottom: 1px solid; }
        /* line 926, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .greeting .image img {
          margin-bottom: -1px; }
      /* line 928, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .greeting .content {
        margin: 20px;
        padding: 0 70px;
        line-height: 1;
        word-wrap: break-word; }
    /* line 933, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period {
      position: relative;
      height: 26px;
      margin-top: 10px;
      text-align: center;
      transition: height 1s; }
      /* line 939, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .title {
        display: none; }
      /* line 941, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .period-item {
        display: inline-block;
        width: 120px;
        border: 1px solid #26b899;
        padding: 4px 10px;
        color: #26b899;
        cursor: pointer;
        text-align: center;
        transition: background-color 0.2s, color 0.2s, width 1s; }
        /* line 950, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .period-item.left {
          border-radius: 50px 0 0 50px; }
        /* line 952, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .period-item.right {
          border-radius: 0 50px 50px 0; }
        /* line 954, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .period-item.active {
          background-color: #26b899 !important;
          color: white; }
        /* line 957, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .period-item:hover {
          background-color: white;
          text-decoration: none; }
      /* line 960, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period .notice {
        display: none;
        width: fit-content;
        margin: 10px auto;
        padding: 10px;
        color: #999;
        text-align: center;
        cursor: pointer; }
    /* line 968, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans {
      display: flex;
      flex-wrap: wrap;
      height: 440px;
      transition: transform 1s; }
      /* line 973, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .plan {
        flex: 1 0 180px;
        text-align: center; }
      /* line 976, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans img {
        height: 140px;
        margin: 10px; }
      /* line 979, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans h3 {
        margin-top: 0;
        color: #f15a29;
        font-size: 140%;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center; }
      /* line 986, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .price {
        margin: 30px 0;
        color: #f15a29;
        font-size: 140%; }
        /* line 990, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .price .first-month {
          display: block;
          margin: 4px 0;
          font-size: 70%;
          color: #777; }
        /* line 995, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .price small {
          font-size: 70%; }
        /* line 997, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .price del {
          font-size: 70%;
          color: #999; }
      /* line 1000, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans p {
        height: 15px;
        color: #777; }
      /* line 1004, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans a.btn-upgrade:hover {
        background-color: #ffba52; }
      /* line 1006, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans a.btn-upgrade:active {
        background-color: #f7941e;
        margin-top: 4px;
        padding-bottom: 0;
        box-shadow: 0; }
      /* line 1011, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .btn-upgrade {
        font-size: 110%;
        font-weight: bold;
        padding: 6px 20px 4px;
        color: white;
        background-color: #fbb040;
        text-shadow: 0 2px 0 #f15a29;
        box-shadow: 0 4px 0 0 #f7941e; }
        /* line 1019, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .btn-upgrade.btn-disabled {
          margin-top: 67px;
          border: 1px solid #999;
          background-color: transparent;
          font-weight: normal;
          color: #999;
          text-shadow: none;
          box-shadow: none;
          cursor: not-allowed; }
      /* line 1028, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans hr {
        width: 20px;
        margin: 5px auto 20px;
        border-color: #f15a29;
        border-width: 2px; }
    /* line 1033, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .footer {
      text-align: center;
      line-height: 110%;
      margin: 0;
      transition: transform 1s; }
      /* line 1038, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .footer a {
        display: block;
        color: #26b899;
        width: fit-content;
        padding: 2px;
        margin: auto;
        transition: 0.2s; }
        /* line 1045, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .footer a:hover {
          text-decoration: none;
          color: #139f85; }
    /* line 1048, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect {
      height: 500px;
      overflow: hidden; }
      /* line 1051, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .greeting {
        height: 400px;
        padding: 40px;
        opacity: 1;
        transition: height 0s, padding 0s, opacity 0s; }
      /* line 1056, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .period {
        height: 36px; }
        /* line 1058, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .period .period-item {
          position: relative;
          width: 40%;
          min-width: 40%;
          height: 36px;
          margin: 0 4px;
          padding: 10px 0 8px 0;
          border-radius: 4px; }
          /* line 1066, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .period .period-item:hover {
            background-color: #26b899;
            color: white; }
        /* line 1069, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .period .notice {
          display: block; }
      /* line 1071, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .plans {
        transition: transform 0s;
        transform: translate(0, 500px); }
      /* line 1074, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade.unselect .footer {
        transition: transform 0s;
        transform: translate(0, 500px); }

/* line 1078, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-popup.delete {
  font-size: 100%; }
  /* line 1080, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-popup.delete .ngdialog-content {
    width: 100%;
    height: auto;
    font-size: 100%; }
    /* line 1084, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-popup.delete .ngdialog-content .sb-popup {
      margin-top: 0; }
      /* line 1087, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-popup.delete .ngdialog-content .sb-popup .sb-popup-content .sb-alert {
        width: 100%;
        margin: 10px 0; }
      /* line 1090, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-popup.delete .ngdialog-content .sb-popup .sb-popup-content .action {
        margin-top: 20px; }
      /* line 1092, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-popup.delete .ngdialog-content .sb-popup .sb-popup-content .bottom {
        text-align: right;
        margin: 0; }

/* line 1113, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.5); }
/* line 1115, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat .ngdialog-close {
  display: block;
  font-size: 90%;
  color: #bbb; }
  /* line 1119, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat .ngdialog-close:hover {
    color: #999; }
  /* line 1121, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat .ngdialog-close:before {
    content: ""; }
/* line 1123, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat .ngdialog-content {
  position: absolute;
  overflow: auto;
  border-radius: 4px; }
  /* line 1128, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat .ngdialog-content table .description {
    font-size: 24px;
    padding-top: 5px; }
  /* line 1131, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat .ngdialog-content .bank-selector {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto; }
  /* line 1136, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat .ngdialog-content ul li {
    display: inline-block;
    position: relative;
    width: 33.3%; }
    /* line 1140, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat .ngdialog-content ul li:hover {
      background-color: #26b899; }
      /* line 1143, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat .ngdialog-content ul li:hover a .bank-name {
        color: #fff; }
    /* line 1145, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat .ngdialog-content ul li a {
      display: inline-block;
      font-size: 50%;
      width: 100%;
      border: 3px solid white; }
      /* line 1150, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat .ngdialog-content ul li a .wrapper {
        margin: 0 auto; }
      /* line 1152, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat .ngdialog-content ul li a .bank-span {
        margin: 5px;
        height: 50px;
        background: none; }
      /* line 1156, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat .ngdialog-content ul li a .bank-name {
        display: inline-block;
        line-height: 22px;
        font-weight: 400;
        position: absolute;
        padding: 10px 0 0 0;
        color: #95a596; }
/* line 1163, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone .ngdialog-content {
  top: 50% !important;
  height: 100%; }
/* line 1166, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.settings-add-payment {
  font-size: 1em; }
  /* line 1168, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-add-payment .loading {
    margin: 100px auto 0;
    width: 150px; }
  /* line 1171, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content {
    font-size: inherit;
    width: 460px;
    height: auto; }
    /* line 1176, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .invalid {
      color: #e74c3c; }
    /* line 1178, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .warning {
      margin-bottom: 25px;
      font-size: 80%;
      line-height: 0.9;
      color: #888;
      padding: 3px 0; }
    /* line 1184, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .input-container {
      padding-top: 10px;
      padding-left: 20px;
      padding-bottom: 10px;
      background-color: #f6f6f6;
      border: solid 1px #ccc; }
      /* line 1190, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .input-container.twice {
        width: 50%;
        float: left; }
      /* line 1193, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .input-container .title {
        color: #888888;
        font-size: 80%; }
        /* line 1196, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content .card-container .input-container .title.invalid {
          color: #e74c3c; }
  /* line 1198, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard {
    width: 400px; }
    /* line 1200, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .components-blue-button {
      background-color: #4183D7;
      border: 1px solid #3468ac;
      color: #fff;
      border-radius: 3px;
      text-align: center;
      cursor: pointer; }
      /* line 1207, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .components-blue-button:hover {
        color: #fff;
        background-color: #446cb3;
        border-color: #36568f; }
    /* line 1211, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .components-click-able {
      cursor: pointer; }
      /* line 1213, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .components-click-able:hover {
        text-decoration: underline; }
    /* line 1215, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .components-text-button {
      color: #85969e;
      text-align: center; }
    /* line 1218, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .layouts-block {
      display: block; }
    /* line 1220, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .layouts-relative {
      position: relative; }
    /* line 1222, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .layouts-width-max {
      width: 100%; }
    /* line 1224, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .layouts-inline-block {
      display: inline-block; }
    /* line 1226, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-title {
      font-size: 120%; }
    /* line 1228, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-sub-title {
      display: block;
      padding-bottom: 10px;
      margin: 10px 0 15px;
      border-bottom: 2px solid #ddd; }
    /* line 1233, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-logo {
      right: 20px;
      position: absolute;
      top: 27px;
      width: 35px;
      height: 25px;
      border-radius: 2px;
      border: 1px solid #ccc;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("/assets/hg/icon/credit-card-1-8b0945f220cba714cfc244c7a1f8ff5ef097e45762d78eafa9fbde55358899d7.png");
      background-size: cover;
      display: none; }
    /* line 1246, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail {
      margin-bottom: 12px; }
      /* line 1248, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo {
        background-size: 180px 30px;
        display: inline-block;
        position: relative;
        margin-right: 5px;
        width: 45px;
        height: 30px;
        right: 0;
        top: 0; }
        /* line 1097, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.amex, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.visa, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.mastercard, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.jcb, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.discover {
          display: inline-block; }
        /* line 1103, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.visa {
          background-position: -45px; }
        /* line 1105, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.mastercard {
          background-position: -90px; }
        /* line 1107, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.jcb {
          background-position: -135px; }
        /* line 1109, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-logo.discover {
          background-position: -180px; }
      /* line 1258, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-detail-logo {
        width: 60px;
        height: 60px;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: -5px; }
      /* line 1265, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-detail-text {
        font-size: 90%;
        color: #444;
        padding-left: 75px;
        line-height: 22px; }
        /* line 1270, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-detail-text.invoice-payment-creditcard-detail-name {
          padding-top: 0; }
        /* line 1272, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-detail .invoice-payment-creditcard-detail-text.invoice-payment-creditcard-detail-description {
          padding-bottom: 2px; }
    /* line 1274, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block {
      height: 180px; }
      /* line 1276, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block.invoice-payment-creditcard-input-editing-name .invoice-payment-creditcard-input-name, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block.invoice-payment-creditcard-input-editing-number .invoice-payment-creditcard-input-number, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block.invoice-payment-creditcard-input-editing-expires .invoice-payment-creditcard-input-expires, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block.invoice-payment-creditcard-input-editing-cvc .invoice-payment-creditcard-input-cvc {
        background-color: #e9f0f9;
        border-color: #4a90e2;
        z-index: 1; }
      /* line 1283, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div {
        padding: 5px 10px;
        border: 1px solid #ddd;
        background-color: #fcfcfc;
        color: #888;
        position: absolute;
        left: 0;
        height: 61px; }
        /* line 1291, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div label {
          font-weight: 400;
          font-size: 80%; }
        /* line 1294, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div input {
          display: block;
          width: 100%;
          border: 0 solid #ddd;
          background: none;
          font-size: 120%;
          height: 25px;
          line-height: 25px;
          color: #404040; }
          /* line 1303, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div input:focus {
            outline: -webkit-focus-ring-color auto 5px; }
        /* line 1305, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-name {
          top: 0; }
        /* line 1307, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number {
          top: 60px; }
          /* line 1097, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.amex, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.visa, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.mastercard, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.jcb, .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.discover {
            display: block; }
          /* line 1103, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.visa {
            background-position: -35px; }
          /* line 1105, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.mastercard {
            background-position: -70px; }
          /* line 1107, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.jcb {
            background-position: -105px; }
          /* line 1109, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-number .invoice-payment-creditcard-logo.discover {
            background-position: -140px; }
        /* line 1311, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-expires {
          top: 120px;
          width: 50%; }
        /* line 1314, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-cvc {
          top: 120px;
          left: 50%;
          right: 0;
          margin-left: -1px; }
          /* line 1319, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-input-block > div.invoice-payment-creditcard-input-cvc input {
            letter-spacing: 1px; }
    /* line 1321, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-back,
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-confirm {
      line-height: 45px;
      height: 45px;
      font-size: 120%; }
    /* line 1326, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-back {
      width: 37.5%; }
    /* line 1328, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-confirm {
      width: 60%; }
      /* line 1330, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-confirm .glyphicons {
        top: -10px;
        padding-left: 18px; }
        /* line 1333, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard .invoice-payment-creditcard-confirm .glyphicons:before {
          font-size: 16px; }
/* line 1337, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content {
  height: auto;
  line-height: 22px; }
  /* line 1340, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail {
    margin-bottom: 25px; }
    /* line 1342, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .title {
      font-size: 60%;
      font-weight: 500;
      margin-bottom: 5px; }
    /* line 1346, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc {
      line-height: 1.4;
      font-size: 45%; }
      /* line 1349, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc .danger {
        color: #e74c3c; }
      /* line 1351, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc .time-range {
        display: block;
        margin-top: 10px; }
      /* line 1354, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc .exchange {
        display: block;
        color: #ccc;
        font-size: 80%;
        line-height: 0.5;
        margin-bottom: 10px; }
      /* line 1360, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc .input-fee-type {
        display: block;
        font-weight: 400;
        line-height: 1;
        margin: 0;
        cursor: pointer; }
      /* line 1366, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc .recommend {
        color: #26b899;
        cursor: pointer; }
      /* line 1369, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .desc.margin-bottom {
        margin-bottom: 5px; }
    /* line 1371, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      line-height: 90px;
      text-align: center; }
      /* line 1377, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row .budget-column {
        display: flex;
        flex: 1 0 auto;
        flex-direction: column;
        justify-content: center;
        height: 100px;
        margin: 5px;
        border: 1px solid #eee;
        border-radius: 4px;
        cursor: pointer;
        color: #444; }
        /* line 1388, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row .budget-column:hover, .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row .budget-column.active {
          border: 1px solid #26b899;
          color: #26b899; }
        /* line 1392, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row .budget-column .budget-price {
          line-height: 1; }
        /* line 1394, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .budget-row .budget-column .budget-days {
          line-height: 1;
          font-size: 60%; }
    /* line 1397, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .input-budget,
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .content-detail .input-fee {
      width: 150px;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 2px 10px;
      line-height: normal; }
  /* line 1404, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container {
    float: right;
    text-align: center; }
    /* line 1407, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container .btn {
      color: #fff;
      font-size: 45%;
      width: 140px;
      height: 32px;
      padding: 5px; }
      /* line 1413, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container .btn.btn-cancel {
        background-color: #ccc; }
/* line 1417, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content {
  width: 600px;
  height: 290px;
  line-height: 0.6em; }
  /* line 1421, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content .center {
    text-align: center; }
  /* line 1423, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content .pin-code {
    margin: 30px;
    font-size: 180%;
    letter-spacing: 10px; }
  /* line 1427, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content .title {
    font-size: 90%; }
  /* line 1429, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content .desc {
    font-size: 24px; }
  /* line 1431, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content a.btn-cancel {
    background-color: #ccc;
    color: #fff;
    padding: 6px 12px;
    display: block;
    margin: auto;
    width: 180px;
    font-size: 23px;
    height: 33px;
    margin-top: 20px; }
    /* line 1441, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.settings-line-pincode .ngdialog-content a.btn-cancel:hover {
      background-color: #aaa; }
/* line 1444, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice textarea {
  height: 150px;
  margin: 0; }
/* line 1447, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .parameters {
  font-size: 85%;
  margin-top: 10px;
  text-align: right; }
  /* line 1451, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .parameters .param {
    background-color: #ddd;
    padding: 0 5px;
    margin: 0 3px;
    border-radius: 10px; }
/* line 1456, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .example {
  display: inline-block;
  height: auto;
  margin: 10px 0;
  color: #999; }
/* line 1461, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .preview {
  border: 1px solid #aaa;
  border-radius: 5px;
  font-size: 75%; }
  /* line 1465, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .preview .pimploen > div {
    width: 120px; }
  /* line 1467, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .preview .account > span {
    width: 60%; }
/* line 1469, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .footer {
  display: none; }
/* line 1471, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .edit-phone-button {
  margin: 20px 0;
  width: 48%; }
  /* line 1474, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .edit-phone-button.cancel {
    background-color: #ccc;
    border-color: #ccc; }
  /* line 1477, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.ngdialog-theme-setting-phone.invoice .edit-phone-button.action {
    float: right; }
/* line 1480, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat.line-at .ngdialog-message {
  position: relative;
  margin: 0; }
  /* line 1483, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message .title {
    text-align: center; }
    /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
    body.phone .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message .title {
      margin-top: 20px;
      font-size: 150%; }
  /* line 1488, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section {
    position: relative; }
    /* line 1490, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans {
      width: 100%;
      display: flex;
      font-size: 45%;
      margin: 30px 0 0; }
      /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
      body.phone .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans {
        flex-direction: column;
        font-size: 100%;
        margin: 15px 0 7px; }
        /* line 1499, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans .price {
          line-height: 1; }
      /* line 1501, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section {
        flex-grow: 1;
        display: inline-block;
        margin: 0 10px;
        padding: 20px 10px;
        background-color: #f1f1f1;
        cursor: pointer;
        border-radius: 3px;
        display: flex;
        flex-direction: column; }
        /* line 1511, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section:hover {
          background-color: #26b899;
          color: #fcfcfc; }
          /* line 1514, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section:hover p.important {
            color: #fff; }
        /* line 1516, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p {
          text-align: center; }
          /* line 1518, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.name {
            font-size: 150%; }
          /* line 1520, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.price {
            font-size: 300%;
            margin: 0;
            color: #26b899; }
          /* line 1524, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.duration {
            font-size: 80%;
            line-height: 1; }
          /* line 1527, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.details {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px; }
            /* line 1531, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.details span {
              line-height: 1.5; }
          /* line 1533, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.button {
            flex-grow: 2;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center; }
            /* line 1539, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section.list-plans section p.button a {
              width: 55%; }
    /* line 1541, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section a.select {
      font-size: 110%;
      font-weight: bold;
      padding: 6px 25px 4px;
      color: white;
      background-color: #fbb040;
      text-shadow: 0 2px 0 #f15a29;
      box-shadow: 0 4px 0 0 #f7941e;
      transition: 0.2s;
      border-radius: 4px;
      text-decoration: none; }
      /* line 1552, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section a.select:hover {
        background-color: #ffba52; }
      /* line 1554, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message section a.select:active {
        background-color: #f7941e;
        margin-top: 4px;
        padding-bottom: 0;
        box-shadow: 0; }
  /* line 1559, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message a.learn-more {
    color: #26b899;
    text-decoration: none;
    font-size: 45%;
    padding-left: 15px; }
    /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
    body.phone .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message a.learn-more {
      font-size: 100%; }
    /* line 1566, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.line-at .ngdialog-message a.learn-more:hover {
      color: #139f85; }

/* line 1569, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.leads {
  padding-bottom: 70px; }
  /* line 1571, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads h1.title {
    border-bottom: 0; }
  /* line 1573, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .lead-detail-banner {
    width: 100%;
    height: 160px;
    display: flex;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative; }
    /* line 1582, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .lead-detail-banner .lead-detail-banner-block {
      display: flex;
      align-items: center;
      width: 33.33%;
      padding: 0 10px;
      height: 100px; }
      /* line 1588, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner .lead-detail-banner-block .lead-banner-icon {
        display: inline-block;
        margin-right: 20px;
        margin-left: 10px;
        min-width: 50px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-color: #26b899;
        background-image: url("/assets/hg/icon/lead-banner-6f9a2c38cfdc475bba8f801dd11dc16c3138e17cfc249e5f8a6a81c6b72ec1bf.png");
        background-size: 150px 50px; }
        /* line 1599, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .lead-detail-banner .lead-detail-banner-block .lead-banner-icon.lead-banner-icon-promote {
          background-position: 0 0; }
        /* line 1601, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .lead-detail-banner .lead-detail-banner-block .lead-banner-icon.lead-banner-icon-cost {
          background-position: -50px 0; }
        /* line 1603, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .lead-detail-banner .lead-detail-banner-block .lead-banner-icon.lead-banner-icon-manage {
          background-position: -100px 0; }
      /* line 1605, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner .lead-detail-banner-block span {
        color: #535353;
        line-height: 23px;
        padding: 0; }
    /* line 1609, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .lead-detail-banner svg {
      position: absolute;
      width: 10px;
      top: 20px;
      height: 60px; }
      /* line 1614, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner svg.left {
        left: 33.33%; }
      /* line 1616, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner svg.right {
        left: 66.66%; }
      /* line 1618, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner svg line {
        stroke: #eee;
        stroke-width: 4px; }
    /* line 1621, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .lead-detail-banner .lead-detail-banner-action {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      border-top: 1px solid #eee; }
      /* line 1631, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner .lead-detail-banner-action a {
        color: #26b899;
        margin-right: 25px; }
        /* line 1634, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .lead-detail-banner .lead-detail-banner-action a:hover {
          color: #139f85; }
    /* line 1636, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .lead-detail-banner .lead-banner-button {
      background-color: #26b899;
      color: #fff;
      padding: 0;
      text-align: center;
      border-radius: 3px;
      width: 150px;
      height: 35px;
      line-height: 35px;
      cursor: pointer; }
      /* line 1646, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .lead-detail-banner .lead-banner-button:hover {
        background-color: #139f85;
        color: #fff; }
  /* line 1649, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .active {
    color: #4183D7; }
  /* line 1651, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .paid {
    color: #2DCD71; }
  /* line 1653, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .failed, section.leads .budget_exceeded {
    color: #e74b3c; }
  /* line 1655, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .read-more {
    color: #26b899; }
    /* line 1657, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .read-more:hover {
      text-decoration: underline; }
  /* line 1660, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .error-short span {
    font-size: 50%;
    font-weight: normal; }
  /* line 1663, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .danger {
    color: #e74c3c; }
  /* line 1665, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .success {
    color: #5cb85c; }
  /* line 1668, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .list-group.panel.border-top {
    border-top: 1px solid #999; }
  /* line 1670, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .list-group.panel.no-margin {
    margin: 0; }
  /* line 1672, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .list-group.panel .list-group-item {
    font-weight: 400;
    min-height: 64px; }
    /* line 1675, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item input.btn-lead-on {
      width: 100px;
      height: 35px;
      margin-top: -3px !important; }
    /* line 1680, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item .column.data {
      float: right;
      text-align: right;
      padding: 10px 5px; }
      /* line 1684, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .list-group.panel .list-group-item .column.data .credit-monthly {
        display: block; }
    /* line 1686, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item .column.label {
      width: 15%;
      padding: 10px 5px; }
    /* line 1689, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item .main-switch {
      padding: 5px; }
    /* line 1691, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item a.upgrade {
      position: absolute;
      right: 15px;
      margin-top: 5px;
      padding: 5px;
      color: #26b899; }
      /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .list-group.panel .list-group-item a.upgrade .glyphicons {
        padding-left: 18px;
        padding-bottom: 18px; }
      /* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .list-group.panel .list-group-item a.upgrade i.glyphicons:before {
        font: 14px/1em "Glyphicons Regular";
        color: #26b899; }
    /* line 1693, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .list-group.panel .list-group-item span.edit {
      min-width: 50px;
      margin-top: 3px; }
      /* line 1696, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .list-group.panel .list-group-item span.edit a {
        color: #aaa; }
        /* line 1698, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .list-group.panel .list-group-item span.edit a span {
          line-height: 30px; }
        /* line 1700, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .list-group.panel .list-group-item span.edit a:before {
          color: #aaa;
          font: 12px/1em "Glyphicons Regular";
          content: "✏";
          padding: 0;
          vertical-align: middle; }
        /* line 1706, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .list-group.panel .list-group-item span.edit a:hover {
          color: #26b899; }
          /* line 1708, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .list-group.panel .list-group-item span.edit a:hover:before {
            color: #26b899; }
  /* line 1710, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .running-flag {
    color: #aaa; }
  /* line 1713, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .description-container h3 {
    margin-bottom: 0px; }
  /* line 1715, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .description-container .detail {
    font-size: 90%; }
  /* line 1717, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.leads .container-logs {
    position: relative;
    width: 100%;
    min-height: 350px; }
    /* line 1721, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.leads .container-logs .log-list {
      position: relative;
      width: 100%;
      top: 0;
      bottom: 0;
      background-color: #f1f1f1; }
      /* line 1727, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .container-logs .log-list .toggle {
        padding-left: 25px;
        bottom: 0;
        right: 0; }
        /* line 1731, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .toggle span {
          width: 16px;
          height: 16px;
          border-radius: 16px;
          border: 2px solid transparent;
          margin-right: 10px;
          display: inline-block;
          color: #fff;
          position: absolute;
          left: 0;
          top: 6px; }
      /* line 1742, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .container-logs .log-list .log-row {
        position: relative;
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 3px 5px;
        background-color: #f1f1f1;
        font-weight: 400; }
        /* line 1750, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row div {
          bottom: 3px; }
        /* line 1752, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row.first {
          background-color: #aaa; }
          /* line 1754, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row.first .column {
            color: #FFF; }
          /* line 1756, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row.first span {
            font-size: 50%; }
        /* line 1758, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row .active {
          color: #4183D7; }
        /* line 1760, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row .paid {
          color: #2DCD71; }
        /* line 1762, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row .failed,
        section.leads .container-logs .log-list .log-row .budget_exceeded,
        section.leads .container-logs .log-list .log-row .not_applicable {
          color: #e74b3c; }
        /* line 1766, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row .column {
          color: #666;
          position: relative;
          float: left;
          height: 100%;
          width: 20%;
          text-align: right;
          overflow: hidden;
          padding: 0 5px;
          text-overflow: ellipsis;
          white-space: nowrap; }
          /* line 1777, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row .column.text-left {
            text-align: left; }
          /* line 1779, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row .column.column-1 {
            padding: 0 0;
            width: 10%; }
          /* line 1782, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row .column.column-2 {
            width: 20%; }
          /* line 1784, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.leads .container-logs .log-list .log-row .column.column-3 {
            width: 10%; }
        /* line 1786, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .log-row.remark {
          width: 100%;
          height: 22px;
          padding: 0;
          text-indent: 10px;
          font-size: 90%;
          line-height: 1;
          color: #888; }
      /* line 1794, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.leads .container-logs .log-list .scroll-box {
        position: relative;
        left: 0px;
        right: 0px;
        overflow-x: hidden; }
        /* line 1799, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .scroll-box .bg-white {
          background-color: #FDFDFD; }
        /* line 1801, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.leads .container-logs .log-list .scroll-box div.cursor {
          cursor: pointer; }

/* line 1806, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply.phone .invoice .list-group-item {
  min-height: 46px;
  padding: 10px 15px; }
  /* line 1809, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply.phone .invoice .list-group-item .message {
    display: none; }
/* line 1811, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply textarea {
  resize: none;
  padding: 5px 10px;
  border: 1px solid #999;
  border-radius: 4px; }
/* line 1816, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply h1.title {
  line-height: 40px;
  height: 45px;
  border: none; }
/* line 1820, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .description {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999; }
/* line 1825, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .read-more {
  color: #26b899;
  cursor: pointer; }
  /* line 1828, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .read-more:hover {
    color: #139f85; }
/* line 1830, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .explain {
  color: #999;
  margin-top: 10px; }
/* line 1833, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .block {
  position: absolute;
  z-index: 3; }
/* line 1836, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .bootstrap-timepicker {
  width: 200px;
  display: inline; }
/* line 1839, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply span.add-on {
  display: none; }
/* line 1841, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .list-group-item {
  padding: 15px; }
  /* line 1844, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .list-group-item .column.label {
    position: absolute;
    width: 200px; }
  /* line 1847, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .list-group-item .column.data {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 200px 0 200px; }
  /* line 1852, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .list-group-item > .edit {
    position: absolute;
    width: auto;
    right: 100px;
    top: 15px; }
    /* line 1857, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .list-group-item > .edit span {
      line-height: 20px; }
  /* line 1859, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .list-group-item .main-switch {
    position: absolute;
    top: 13px;
    right: 15px; }
    /* line 1863, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .list-group-item .main-switch .block {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    /* line 1868, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .list-group-item .main-switch.child {
      top: 0;
      right: 0; }
/* line 1871, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .badge .glyphicons {
  padding: 0;
  width: 10px;
  height: 10px;
  margin-right: 3px; }
  /* line 1876, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .badge .glyphicons:before {
    font-size: 9px !important; }
/* line 1878, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .answer {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-color: #ddd; }
  /* line 1887, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .answer .placeholder {
    font-style: italic;
    color: #999; }
/* line 1891, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .away .list-group-item {
  transition: height 0.25s;
  height: auto; }
  /* line 1894, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .away .list-group-item .calendar-label {
    width: 30%;
    white-space: normal;
    vertical-align: top; }
  /* line 1898, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .away .list-group-item .detail .main-switch {
    vertical-align: top;
    margin: 5px 0;
    position: relative; }
/* line 1902, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .away textarea {
  resize: none;
  width: 60%;
  max-width: 350px;
  height: 100px;
  box-sizing: border-box; }
/* line 1909, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .questioners textarea {
  resize: none;
  width: 100%;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #999;
  padding: 5px; }
/* line 1916, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .questioners .list-group-item.open {
  transition: height 0.25s;
  height: 100px; }
/* line 1921, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .questioners .questioners-6 .param,
section.autoreply .questioners .questioners-8 .param {
  background-color: #ddd;
  padding: 0 5px;
  margin: 0 3px;
  border-radius: 10px; }
/* line 1926, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .questioners .questioners-6.list-group-item.open,
section.autoreply .questioners .questioners-8.list-group-item.open {
  height: 130px; }
/* line 1929, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.autoreply .invoice .list-group-item {
  padding: 15px;
  min-height: 64px; }
  /* line 1933, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item.no-disable .message > span {
    padding-left: 0; }
  /* line 1935, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item.no-disable .main-switch {
    display: none; }
  /* line 1937, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item span.param {
    background-color: #ddd;
    padding: 0 5px;
    margin: 0 3px;
    border-radius: 10px; }
  /* line 1943, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .label i {
    top: -10px;
    left: 5px;
    color: #F5AB35;
    z-index: 1;
    padding-left: 20px; }
  /* line 1949, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .label i:before {
    font-size: 18px; }
  /* line 1951, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .message {
    padding: 5px 200px 0 200px;
    lint-height: 28px;
    width: 100%;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block; }
    /* line 1959, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .invoice .list-group-item .message > span {
      display: inline-block;
      white-space: pre-wrap; }
  /* line 1962, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .detail {
    padding: 5px 200px 0 200px;
    width: 100%;
    display: inline-block; }
    /* line 1966, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .invoice .list-group-item .detail textarea {
      width: 100%;
      height: 100px;
      border: 0; }
    /* line 1970, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .invoice .list-group-item .detail .example {
      color: #26b899;
      cursor: pointer; }
      /* line 1973, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.autoreply .invoice .list-group-item .detail .example:hover {
        color: #139f85; }
    /* line 1975, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .invoice .list-group-item .detail .parameters {
      display: inline-block;
      margin-top: 10px;
      font-size: 80%;
      float: right; }
  /* line 1980, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .remarks {
    font-style: italic;
    padding-left: 200px;
    font-size: 80%; }
    /* line 1984, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.autoreply .invoice .list-group-item .remarks a {
      color: #26b899;
      cursor: pointer; }
      /* line 1987, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.autoreply .invoice .list-group-item .remarks a:hover {
        color: #139f85;
        font-weight: 500; }
  /* line 1990, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.autoreply .invoice .list-group-item .block {
    right: 0;
    top: 0;
    bottom: 0;
    width: 160px; }

/* line 1997, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.message-template.phone-mode {
  padding: 0; }
  /* line 1999, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template.phone-mode .template {
    display: inline; }
    /* line 2001, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.message-template.phone-mode .template .list-group {
      border-bottom: 0;
      border-top: 1px solid #ddd; }
      /* line 2004, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.message-template.phone-mode .template .list-group .edit {
        display: none; }
      /* line 2006, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.message-template.phone-mode .template .list-group .glyphicons-chevron-right {
        display: inline;
        padding: 0;
        margin-right: 20px; }
        /* line 2010, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template.phone-mode .template .list-group .glyphicons-chevron-right:before {
          top: 50%;
          transform: translate(0, -50%);
          font-size: 20px;
          color: #c7c7c7; }
/* line 2015, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.message-template .template {
  margin-bottom: 20px; }
  /* line 2017, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .template .panel {
    margin-bottom: 10px; }
/* line 2019, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.message-template .list-group-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  /* line 2024, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item.edit-mode {
    align-items: flex-start; }
    /* line 2026, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.message-template .list-group-item.edit-mode .detail {
      height: 110px; }
    /* line 2028, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.message-template .list-group-item.edit-mode .edit {
      display: flex; }
  /* line 2030, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .label {
    width: 50px;
    line-height: 40px; }
  /* line 2033, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .attachment-thumbnail {
    width: 50px; }
  /* line 2035, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .message {
    margin-right: 20px; }
  /* line 2037, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .clear,
  section.message-template .list-group-item .detail {
    flex-grow: 2; }
  /* line 2042, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .message.placeholder,
  section.message-template .list-group-item .detail.placeholder {
    font-style: italic;
    color: #999; }
  /* line 2045, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .data {
    margin: 0;
    width: 100%; }
    /* line 2048, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.message-template .list-group-item .data.flex-row {
      display: flex;
      flex-direction: row; }
      /* line 2051, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.message-template .list-group-item .data.flex-row .attachment-detail {
        margin-left: 15px;
        width: 100px;
        height: 100px;
        position: relative;
        color: #888;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 2060, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template .list-group-item .data.flex-row .attachment-detail:hover {
          color: #999; }
          /* line 2062, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.message-template .list-group-item .data.flex-row .attachment-detail:hover .image-uploader-border {
            border-color: #999; }
            /* line 2064, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.message-template .list-group-item .data.flex-row .attachment-detail:hover .image-uploader-border .image-uploader {
              background-color: #ddd; }
        /* line 2066, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template .list-group-item .data.flex-row .attachment-detail .glyphicons-remove-2 {
          position: absolute;
          top: -5px;
          right: -5px;
          z-index: 3;
          padding: 0;
          width: 20px;
          height: 20px;
          border-radius: 10px;
          background-color: #666;
          color: #fcfcfc;
          cursor: pointer; }
          /* line 2078, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.message-template .list-group-item .data.flex-row .attachment-detail .glyphicons-remove-2:hover {
            background-color: #444;
            color: #fff; }
          /* line 2081, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.message-template .list-group-item .data.flex-row .attachment-detail .glyphicons-remove-2:before {
            font-size: 14px;
            margin: 3px; }
        /* line 2084, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template .list-group-item .data.flex-row .attachment-detail input {
          cursor: pointer;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: inherit;
          opacity: 0;
          filter: alpha(opacity=0);
          z-index: 1; }
        /* line 2095, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template .list-group-item .data.flex-row .attachment-detail .image-uploader-border {
          width: 100px;
          height: 100px;
          display: inline-block;
          border: 1px dashed #ccc;
          padding: 5px; }
          /* line 2101, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.message-template .list-group-item .data.flex-row .attachment-detail .image-uploader-border .image-uploader {
            width: 100%;
            height: 100%;
            background-color: #f1f1f1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            /* line 2109, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.message-template .list-group-item .data.flex-row .attachment-detail .image-uploader-border .image-uploader .glyphicons {
              padding: 0;
              width: 30px;
              height: 30px;
              margin-bottom: 5px; }
              /* line 2114, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.message-template .list-group-item .data.flex-row .attachment-detail .image-uploader-border .image-uploader .glyphicons:before {
                font-size: 30px; }
        /* line 2116, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.message-template .list-group-item .data.flex-row .attachment-detail img {
          max-width: 100px;
          max-height: 100px;
          border: 1px dashed;
          border-radius: 3px; }
    /* line 2121, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.message-template .list-group-item .data textarea {
      width: 50%;
      padding: 5px 10px;
      border: 1px solid #999;
      border-radius: 4px;
      height: 100px;
      resize: none; }
  /* line 2128, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.message-template .list-group-item .glyphicons-chevron-right {
    display: none; }

/* line 2133, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.admins .sb-card .sb-link {
  cursor: pointer;
  color: #2A69B3; }
/* line 2136, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.admins .sb-card .sb-card-content {
  padding: 20px; }
  /* line 2139, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.admins .sb-card .sb-card-content .title .left {
    display: inline-block;
    font-weight: bold; }
  /* line 2142, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.admins .sb-card .sb-card-content .title .right {
    float: right;
    color: #7B868A; }
    /* line 2145, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .title .right:last-child {
      margin-right: 16px; }
  /* line 2148, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.admins .sb-card .sb-card-content .admin-list .admin-item {
    padding: 10px 0; }
    /* line 2150, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .admin-list .admin-item .avatar {
      display: inline-block;
      width: 50px;
      height: 50px; }
      /* line 2154, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .admin-list .admin-item .avatar .avatar {
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-size: cover;
        background-position: center center;
        background-color: #eee; }
    /* line 2162, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-info {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
      /* line 2167, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-info .name .full-name {
        font-weight: bold; }
      /* line 2169, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-info .role {
        color: #7B868A; }
    /* line 2171, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .admin-list .admin-item .action-permission {
      display: inline-block;
      float: right;
      margin-right: 18px;
      padding: 10px 0; }
    /* line 2176, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-ability {
      display: inline-block;
      vertical-align: middle;
      float: right;
      margin-right: 8px;
      margin-left: 8px; }
      /* line 2182, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-ability > a {
        color: #26b899;
        line-height: 52px;
        text-decoration: underline;
        cursor: pointer; }
        /* line 2187, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-ability > a:hover {
          color: #139f85; }
        /* line 2189, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-ability > a.disabled {
          color: #bbb;
          text-decoration: none;
          cursor: none; }
        /* line 2193, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-ability > a.disabled:hover {
          color: #bbb; }
  /* line 2195, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.admins .sb-card .sb-card-content .how-to {
    margin-top: 20px;
    border-radius: 3px;
    background-color: #FCFCFD; }
    /* line 2200, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .how-to .header {
      padding: 20px 20px 0; }
      /* line 2202, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .how-to .header .title {
        display: inline-block;
        font-weight: bold; }
      /* line 2205, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .how-to .header .card-action {
        float: right;
        cursor: pointer; }
        /* line 2208, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-toggle {
          padding: 0 5px;
          line-height: 16px;
          color: #CBD0D5; }
          /* line 2212, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-toggle .detail {
            font-size: 90%;
            color: #7B868A; }
          /* line 2215, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-toggle:hover {
            color: #7B868A; }
        /* line 2217, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu {
          min-width: 250px;
          border-radius: 3px;
          border: 1px solid #E9EFF5; }
          /* line 2221, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list {
            max-width: 300px; }
            /* line 2223, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item {
              padding: 10px 15px; }
              /* line 2225, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item .title {
                font-size: 100%;
                font-weight: bold; }
              /* line 2228, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item .detail {
                position: relative;
                font-size: 100%;
                padding: 0 0 0 30px;
                color: #7B868A; }
              /* line 2233, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item .glyphicons {
                top: -9px;
                padding-left: 26px;
                padding-right: 0px; }
                /* line 2237, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
                section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item .glyphicons:before {
                  font-size: 16px; }
              /* line 2239, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
              section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item:hover {
                color: #fff;
                background-color: #2A69B3; }
                /* line 2242, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
                section.admins .sb-card .sb-card-content .how-to .header .card-action .dropdown-menu .dropdown-list .dropdown-item:hover .detail {
                  color: #FCFCFD; }
    /* line 2244, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.admins .sb-card .sb-card-content .how-to .how-to-list {
      margin: 20px 0; }
      /* line 2246, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item {
        vertical-align: top;
        display: inline-block;
        width: calc(50% - 22px);
        margin: 0 10px;
        padding: 0 10px; }
        /* line 2252, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup {
          text-align: center;
          background-color: #fff;
          border-radius: 3px; }
          /* line 2257, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img {
            margin: auto; }
        /* line 2259, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .detail {
          padding: 10px 0; }
  /* line 2261, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.admins .sb-card .sb-card-content .alert {
    margin-top: 10px;
    background-color: #FCFCFD; }

/* line 2267, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.account\.nav\.settings\.apps .tooltip-big {
  font-size: 90%; }
/* line 2269, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.account\.nav\.settings\.apps .tipsy-inner {
  max-width: 400px;
  padding: 10px 20px;
  border-radius: 4px;
  margin-top: -8px; }

/* line 2274, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
div.app-setting {
  height: 100%;
  overflow-y: scroll; }
  /* line 2278, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting .sb-button.primary {
    color: #ffffff; }
    /* line 2280, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting .sb-button.primary:hover {
      color: #ffffff; }
  /* line 2282, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting .sb-button.default {
    color: #7B868A; }
    /* line 2284, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting .sb-button.default:hover {
      color: #7B868A; }
  /* line 2287, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line, div.app-setting section.apps.line-extension, div.app-setting section.apps.instagram {
    position: relative;
    width: 100%;
    height: auto; }
  /* line 2294, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.public-app .token-container {
    margin: 15px 0;
    border: 1px solid #E9EFF5;
    background-color: #FCFCFD; }
  /* line 2298, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.instagram {
    padding-top: 0 !important; }
    /* line 2300, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps.instagram .setting-instagram {
      margin-bottom: 0; }
      /* line 2303, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.instagram .setting-instagram .sb-card-header .title {
        text-align: left; }
      /* line 2305, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.instagram .setting-instagram .sb-card-content {
        text-align: left;
        padding: 20px; }
        /* line 2308, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.instagram .setting-instagram .sb-card-content .card-detail {
          margin-bottom: 10px; }
        /* line 2310, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.instagram .setting-instagram .sb-card-content .alert-ig {
          margin-bottom: 10px;
          padding: 15px;
          border-radius: 3px;
          border: 1px solid rgba(42, 105, 179, 0.5);
          background-color: rgba(42, 105, 179, 0.1);
          color: #2A69B3; }
          /* line 2317, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .alert-ig.warning {
            border-color: rgba(249, 168, 37, 0.5);
            background-color: rgba(249, 168, 37, 0.1);
            color: #F9A825; }
          /* line 2321, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .alert-ig .title {
            font-weight: bold;
            padding-bottom: 10px; }
          /* line 2324, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .alert-ig ul {
            list-style: disc;
            margin-bottom: 0; }
            /* line 2327, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps.instagram .setting-instagram .sb-card-content .alert-ig ul li {
              margin-left: 15px; }
        /* line 2329, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.instagram .setting-instagram .sb-card-content .sb-card-action {
          margin-top: 20px; }
        /* line 2332, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.instagram .setting-instagram .sb-card-content .instagram-avatar {
          display: inline-block;
          vertical-align: middle;
          width: 110px;
          height: 110px;
          background-size: contain;
          border-radius: 3px;
          background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png"); }
        /* line 2340, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.instagram .setting-instagram .sb-card-content .user-info {
          display: inline-block;
          vertical-align: middle;
          margin-left: 15px; }
          /* line 2344, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .user-info .user-name {
            font-weight: bold;
            font-size: 24px;
            word-wrap: break-word; }
          /* line 2348, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .user-info .user-bio {
            margin-top: 5px;
            color: #7B868A;
            word-wrap: break-word; }
          /* line 2352, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.instagram .setting-instagram .sb-card-content .user-info .sb-button {
            margin: 10px 0 0 0; }
  /* line 2355, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line-extension .setting-line-extension {
    margin-bottom: 0; }
    /* line 2358, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps.line-extension .setting-line-extension .sb-card-header .title {
      text-align: left; }
    /* line 2360, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content {
      margin-bottom: 0;
      text-align: left;
      padding: 20px; }
      /* line 2364, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .card-detail {
        margin-bottom: 10px; }
      /* line 2366, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .learn-more {
        margin-left: 5px; }
      /* line 2368, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .extension-img {
        text-align: center;
        width: 100%;
        height: auto; }
        /* line 2372, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .extension-img img {
          width: 100%;
          max-width: 400px; }
      /* line 2375, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line {
        margin-bottom: 10px;
        padding: 15px;
        border: 1px solid rgba(42, 105, 179, 0.5);
        border-radius: 3px;
        background-color: rgba(42, 105, 179, 0.1); }
        /* line 2381, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line .title {
          font-weight: bold;
          padding-bottom: 10px;
          color: #2A69B3; }
        /* line 2385, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line ul {
          list-style: disc;
          margin-bottom: 0; }
          /* line 2388, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line ul li {
            margin-left: 15px;
            color: #2A69B3; }
        /* line 2391, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.primary {
          color: #2A69B3; }
        /* line 2393, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.warning {
          border: 1px solid rgba(249, 168, 37, 0.5);
          color: #F9A825;
          background-color: rgba(249, 168, 37, 0.1); }
        /* line 2397, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.error {
          color: #F04545;
          border: 1px solid rgba(240, 69, 69, 0.5);
          background-color: rgba(240, 69, 69, 0.1); }
        /* line 2401, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.pending {
          color: #F9A825;
          border: 1px solid rgba(249, 168, 37, 0.5);
          background-color: rgba(249, 168, 37, 0.1); }
        /* line 2405, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.in_progress {
          color: #F9A825;
          border: 1px solid rgba(249, 168, 37, 0.5);
          background-color: rgba(249, 168, 37, 0.1); }
        /* line 2409, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.registered {
          color: #25B865;
          border: 1px solid rgba(37, 184, 101, 0.5);
          background-color: rgba(37, 184, 101, 0.1); }
        /* line 2413, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.premiumed {
          color: #25B865;
          border: 1px solid rgba(37, 184, 101, 0.5);
          background-color: rgba(37, 184, 101, 0.1); }
        /* line 2417, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .alert-line.cancel {
          color: #7B868A;
          border: 1px solid rgba(203, 208, 213, 0.5);
          background-color: rgba(203, 208, 213, 0.1); }
      /* line 2421, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .sb-form-group {
        margin-bottom: 10px; }
      /* line 2423, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list {
        margin-bottom: 10px; }
        /* line 2425, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item {
          cursor: pointer;
          margin: 10px 0;
          padding: 10px;
          border-radius: 3px; }
          /* line 2431, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item img {
            display: inline-block;
            vertical-align: middle;
            width: 38px;
            height: 38px; }
          /* line 2436, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item .line-info {
            display: inline-block;
            vertical-align: middle; }
            /* line 2439, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item .line-info .line-name {
              font-weight: bold;
              margin-left: 10px;
              color: #2A69B3; }
            /* line 2443, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item .line-info .line-status {
              margin-left: 10px;
              color: #25B865; }
          /* line 2446, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item:hover {
            border: 1px solid #3D76BD;
            box-shadow: 0px 1.5px 2.5px 0px rgba(42, 105, 179, 0.1); }
          /* line 2450, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list .line-item.connected:hover {
            cursor: default;
            border: 1px solid #E9EFF5 !important;
            box-shadow: 0px 0px 0px 0px rgba(42, 105, 179, 0.1) !important; }
      /* line 2454, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .line-list {
        margin-bottom: 15px; }
      /* line 2456, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .for-copy {
        font-style: italic;
        background-color: #ddd;
        color: #888;
        margin: 7px 0;
        padding: 6px 10px;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px; }
        /* line 2465, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .for-copy .glyphicons {
          width: 20px;
          height: 20px;
          margin-left: 10px;
          padding: 0; }
          /* line 2470, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .for-copy .glyphicons:before {
            font-size: 18px; }
      /* line 2472, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .more-detail {
        margin-bottom: 0;
        font-size: 85%;
        line-height: 1; }
      /* line 2476, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to {
        margin-top: 20px;
        padding: 20px;
        border: 1px solid #E9EFF5;
        background-color: #FCFCFD; }
        /* line 2481, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .header {
          font-weight: bold; }
        /* line 2483, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list {
          display: grid;
          grid-template-columns: 47% 47%;
          grid-template-rows: 47% 47%;
          grid-gap: 6% 6%;
          margin: 20px 0; }
          /* line 2490, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item .mockup {
            text-align: center;
            background-color: #fff;
            border-radius: 3px;
            border: 1px solid #E9EFF5;
            height: 120px;
            display: flex;
            justify-content: center;
            align-items: center; }
          /* line 2499, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item .detail {
            padding: 10px 0; }
          /* line 2502, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item.register-new-line .mockup {
            background-color: #00b900; }
          /* line 2504, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item.register-new-line img {
            height: 75px; }
          /* line 2507, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item.get-user-id img {
            width: 200px; }
          /* line 2510, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .how-to .how-to-list .how-to-item.manage-webhook img {
            width: 220px; }
      /* line 2512, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-content .for-upgrade {
        margin: 15px 0;
        border: 1px solid #E9EFF5;
        background-color: #FCFCFD; }
    /* line 2516, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps.line-extension .setting-line-extension .sb-card-action {
      margin-top: 20px; }
      /* line 2518, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-action .sb-loading {
        margin-left: 0 !important; }
      /* line 2520, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-action .external-link .glyphicons {
        width: 15px;
        height: 15px;
        padding: 0;
        margin-left: 10px;
        margin-up: -3px; }
        /* line 2526, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps.line-extension .setting-line-extension .sb-card-action .external-link .glyphicons:before {
          font-size: 14px; }
      /* line 2528, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps.line-extension .setting-line-extension .sb-card-action .primary {
        margin-left: 0; }
  /* line 2530, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line-extension .badge.beta {
    font-size: 45%;
    background-color: #FDBD01;
    padding: 1px 15px 0;
    margin: 8px;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  /* line 2532, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line-extension .line-official-login {
    display: none; }
  /* line 2534, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line-extension a.link {
    color: #26b899; }
    /* line 2536, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps.line-extension a.link span {
      line-height: 22px; }
  /* line 2538, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps.line-extension .line-official-login-btn {
    display: none; }
  /* line 2540, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps a {
    color: #26b899;
    cursor: pointer; }
    /* line 2543, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps a:hover {
      color: #139f85; }
  /* line 2545, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps h3 {
    margin-top: 0; }
  /* line 2547, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .policy {
    position: relative;
    display: inline-block;
    font-size: 90%;
    margin-top: 7px;
    color: #666;
    font-size: 80%; }
  /* line 2554, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-form-box, div.app-setting section.apps .apps-show-box {
    background-color: #fff;
    position: relative;
    height: auto;
    padding: 24px 24px 24px 24px;
    border-bottom: 1px solid black; }
  /* line 2561, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-form-box .alert {
    margin: 0; }
    /* line 2563, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .alert a {
      color: inherit;
      font-weight: bold; }
  /* line 2566, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-form-box .badge.beta {
    font-size: 75%;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    padding: 0 12px; }
  /* line 2572, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-form-box p {
    font-size: 90%; }
  /* line 2574, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-form-box .input-box {
    position: relative;
    margin: 10px 0 10px 0;
    display: flex;
    align-items: center; }
    /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
    body.phone div.app-setting section.apps .apps-form-box .input-box.two-buttons {
      display: flex;
      flex-direction: column; }
      /* line 2583, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone div.app-setting section.apps .apps-form-box .input-box.two-buttons .learn-more {
        margin: 10px 0 0; }
    /* line 2585, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box.lineat-register {
      display: flex;
      flex-wrap: wrap;
      align-items: first-start;
      margin-top: 20px; }
      /* line 2590, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box {
        display: flex;
        flex-direction: column;
        width: 100%; }
        /* line 2595, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box .at_sign {
          bottom: 10px !important; }
        /* line 2597, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span {
          display: flex;
          flex-direction: column; }
          /* line 2600, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span input {
            margin-top: 5px; }
          /* line 2602, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.username {
            margin-bottom: 18px; }
            /* line 2604, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.username span.error {
              font-size: 90%;
              color: #e74c3c;
              padding-top: 3px; }
              /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
              body.phone div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.username span.error {
                padding: 0 15px; }
            /* line 2610, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.username input.error {
              border-color: #e74c3c; }
          /* line 2612, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.premium_ids > span {
            margin: 0;
            position: relative; }
            /* line 2615, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.premium_ids > span.first_premium_id {
              margin-bottom: 15px; }
            /* line 2617, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.premium_ids > span .at_sign {
              margin: 0;
              position: absolute;
              bottom: 0;
              left: 7px; }
            /* line 2622, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-form-box .input-box.lineat-register .details-box span.premium_ids > span input {
              padding-left: 20px; }
      /* line 2624, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box.lineat-register .error {
        color: #e74b3c;
        display: inline-block; }
      /* line 2627, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box.lineat-register .action-box {
        width: 100%;
        margin-top: 20px; }
        /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
        body.phone div.app-setting section.apps .apps-form-box .input-box.lineat-register .action-box {
          display: flex;
          flex-direction: column; }
          /* line 2633, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone div.app-setting section.apps .apps-form-box .input-box.lineat-register .action-box .learn-more {
            margin: 10px 0 0; }
    /* line 2636, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box.email .notice {
      position: absolute;
      cursor: pointer;
      width: 16px;
      height: 16px;
      left: 180px;
      top: 4px; }
      /* line 2644, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box.email .notice:hover .glyphicons, div.app-setting section.apps .apps-form-box .input-box.email .notice:hover .glyphicons:before {
        color: #aaa; }
    /* line 2646, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box.email .glyphicons, div.app-setting section.apps .apps-form-box .input-box.email .glyphicons:before {
      margin-top: -8px;
      margin-right: -32px;
      color: #ddd;
      font-size: 75%; }
    /* line 2651, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box .learn-more {
      font-size: 95%;
      color: #26b899;
      margin-left: 15px; }
      /* line 2655, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box .learn-more:hover {
        color: #139f85; }
    /* line 2657, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box .btn {
      font-size: 100%; }
      /* line 2659, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box .btn.large {
        line-height: 35px;
        padding: 3px 20px; }
      /* line 2662, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary {
        font-weight: 400;
        color: #666;
        background-color: #ddd;
        cursor: default; }
        /* line 2667, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary.enabled {
          cursor: pointer;
          color: #fff;
          background: #5fb760; }
          /* line 2671, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary.enabled:hover {
            background: #449d44; }
          /* line 2673, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary.enabled .glyphicons-lock {
            display: none; }
        /* line 2675, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary span {
          line-height: 30px;
          padding: 0; }
        /* line 2678, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary .glyphicons-lock {
          width: 11px;
          height: 11px;
          padding: 0;
          margin-right: 5px;
          margin-top: -2px; }
          /* line 2684, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-form-box .input-box .btn.btn-primary .glyphicons-lock:before {
            font-size: 10px;
            margin: 0;
            color: #666; }
    /* line 2688, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box .btn + .btn {
      margin-left: 5px; }
    /* line 2690, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box .alert-text {
      color: #e74c3c;
      margin-left: 10px;
      font-size: 100%; }
    /* line 2694, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-form-box .input-box input[type=text], div.app-setting section.apps .apps-form-box .input-box input[type=password], div.app-setting section.apps .apps-form-box .input-box input[type=email] {
      border-radius: 4px;
      border: 1px solid #bfbebf;
      padding: 6px 24px 0 6px;
      font-size: 100%;
      width: 250px; }
  /* line 2701, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-show-box .status {
    font-size: 80%;
    display: flex;
    align-items: center; }
    /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
    body.phone div.app-setting section.apps .apps-show-box .status {
      justify-content: center; }
    /* line 2707, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-show-box .status i {
      width: 10px;
      height: 10px;
      border-radius: 8px;
      margin-right: 3px; }
      /* line 2712, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .status i.pending, div.app-setting section.apps .apps-show-box .status i.in_progress {
        background-color: #FDBD01; }
      /* line 2715, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .status i.registered, div.app-setting section.apps .apps-show-box .status i.premiumed {
        background-color: #26b899; }
      /* line 2718, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .status i.error {
        background-color: #e74b3c; }
      /* line 2720, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .status i.cancel {
        background-color: #bbb; }
  /* line 2722, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-show-box .notice {
    color: #888;
    padding-left: 40px; }
    /* line 2725, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-show-box .notice .glyphicons, div.app-setting section.apps .apps-show-box .notice .glyphicons:before {
      font-size: 90%;
      margin-right: -32px;
      margin-top: -4px;
      color: #6c7a89; }
  /* line 2730, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  div.app-setting section.apps .apps-show-box .detail-box {
    position: relative;
    height: 110px; }
    /* line 2733, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-show-box .detail-box .image-box, div.app-setting section.apps .apps-show-box .detail-box .status-box, div.app-setting section.apps .apps-show-box .detail-box .email-box {
      position: relative;
      float: left;
      display: inline-block;
      height: 100px; }
    /* line 2738, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-show-box .detail-box .image-box {
      width: 100px;
      float: left;
      margin-right: 15px; }
      /* line 2742, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .image-box.instagram-profile, div.app-setting section.apps .apps-show-box .detail-box .image-box.line-at-profile {
        background-size: contain;
        border-radius: 50px;
        background-image: url("/assets/hg/icon/anonymous-profile-e779cb4d94dcfabd596095f7474f8b80a50271f40cf7a44f16f8b42f0fdefe03.png"); }
      /* line 2747, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .image-box img {
        border-radius: 50px;
        border: 1px solid;
        width: 100%;
        height: 100%; }
    /* line 2752, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    div.app-setting section.apps .apps-show-box .detail-box .status-box {
      min-width: 200px; }
      /* line 2754, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .status-box .signout {
        margin-top: 20px; }
      /* line 2756, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .status-box .re-signin {
        margin-top: 10px;
        display: flex;
        align-items: center; }
        /* line 2760, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .re-signin .signin {
          background-color: #f39c0f; }
          /* line 2762, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-show-box .detail-box .status-box .re-signin .signin:hover {
            background-color: #e87e04; }
        /* line 2764, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .re-signin .warning {
          margin-left: 10px;
          font-size: 90%;
          font-style: italic;
          color: #666;
          padding-top: 5px; }
      /* line 2770, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .status-box .name {
        font-size: 180%; }
      /* line 2772, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .status-box .description .status {
        font-size: 80%; }
        /* line 2774, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .description .status.pending {
          color: #FDBD01; }
        /* line 2776, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .description .status.registered {
          color: #26b899; }
      /* line 2778, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      div.app-setting section.apps .apps-show-box .detail-box .status-box .action {
        margin-top: 15px; }
        /* line 2780, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .action .lineat-btn {
          padding: 3px 15px;
          line-height: 30px; }
          /* line 2783, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-show-box .detail-box .status-box .action .lineat-btn.lineat-cancel-btn {
            background-color: #e74c3c; }
            /* line 2785, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-show-box .detail-box .status-box .action .lineat-btn.lineat-cancel-btn:hover {
              background-color: #c33825; }
          /* line 2787, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-show-box .detail-box .status-box .action .lineat-btn.lineat-retry-btn {
            background-color: #26b899;
            margin-right: 10px; }
            /* line 2790, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            div.app-setting section.apps .apps-show-box .detail-box .status-box .action .lineat-btn.lineat-retry-btn:hover {
              background-color: #139f85; }
        /* line 2792, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        div.app-setting section.apps .apps-show-box .detail-box .status-box .action .learn-more {
          display: inline-block;
          margin-left: 10px;
          font-size: 95%;
          color: #26b899; }
          /* line 2797, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          div.app-setting section.apps .apps-show-box .detail-box .status-box .action .learn-more:hover {
            color: #139f85; }

/* line 2800, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
section.tags {
  -webkit-overflow-scrolling: touch; }
  /* line 2802, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .title {
    width: 90%; }
  /* line 2804, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .tag-box {
    position: relative;
    width: auto;
    height: 30px;
    margin-top: 10px; }
    /* line 2809, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.tags .tag-box .tag-name {
      float: left;
      padding-left: 10px;
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
      border: 1px solid #dedede;
      height: 30px;
      width: 80%; }
      /* line 2817, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      section.tags .tag-box .tag-name:focus {
        border-color: inherit !important; }
  /* line 2819, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .hook-box {
    margin-top: 10px; }
    /* line 2821, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.tags .hook-box .upgrade-required {
      margin-left: 0; }
  /* line 2823, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .tag-color {
    width: 30px;
    height: 30px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    float: left; }
    /* line 2829, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.tags .tag-color .glyphicons, section.tags .tag-color .glyphicons:before {
      font-size: 14px;
      margin-left: 5px;
      margin-top: -2px;
      color: #fff; }
  /* line 2834, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .save-tag {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 120px; }
  /* line 2839, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .tag-save-success {
    position: absolute;
    margin-top: 23px;
    margin-left: 11px;
    font-size: 80%;
    opacity: 0;
    transition: opacity 0.25s;
    color: #999; }
    /* line 2847, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    section.tags .tag-save-success .glyphicons, section.tags .tag-save-success .glyphicons:before {
      font-size: 65%;
      margin-left: 0;
      margin-top: -5px;
      margin-right: -30px;
      color: green; }
  /* line 2853, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .tag-count {
    color: #fff;
    height: 30px;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 80%;
    margin-left: 13px;
    background: #bdc3c7;
    text-align: center;
    line-height: 30px; }
  /* line 2863, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  section.tags .glyphicons-bin:before {
    font-size: 0.9em;
    top: -10px;
    left: 8px;
    cursor: pointer;
    color: #e74c3c; }

/* line 2873, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.tablet section.invoices .list-group .list-group-item.sms-plan-select .column.data.plan-selector {
  overflow: visible;
  width: 55%; }
  /* line 2876, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.tablet section.invoices .list-group .list-group-item.sms-plan-select .column.data.plan-selector select {
    max-width: 280px;
    padding-right: 5px; }
/* line 2879, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.tablet section.invoices .list-group .list-group-item.sms-plan-select .column.edit.edit-btn {
  position: absolute; }
/* line 2881, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.tablet section.account {
  height: 85%; }
  /* line 2884, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.tablet section.account .list-group .list-group-item.list-group-item--2-lines {
    height: 80px; }
    /* line 2886, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.tablet section.account .list-group .list-group-item.list-group-item--2-lines .column.data {
      height: 100%;
      white-space: initial; }
    /* line 2889, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.tablet section.account .list-group .list-group-item.list-group-item--2-lines .cancel {
      top: 30px; }
    /* line 2891, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.tablet section.account .list-group .list-group-item.list-group-item--2-lines .retry {
      top: 0; }
  /* line 2893, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.tablet section.account .list-group .list-group-item .cancel {
    top: 0; }
  /* line 2895, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.tablet section.account .list-group .list-group-item .retry {
    right: 15px; }
/* line 2899, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.tablet .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content {
  width: 750px;
  height: 480px; }
  /* line 2902, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.tablet .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message {
    margin: 0; }

/* line 2908, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices a.action {
  margin-top: 30px;
  margin-right: -25px;
  display: block; }
/* line 2912, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices a span.column.edit,
body.phone section.invoices a span.column.submit,
body.phone section.invoices a span.column.cancel {
  margin-top: -20px;
  text-align: right; }
/* line 2919, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .list-group .list-group-item .column.data.sms-amount {
  max-width: 30%; }
/* line 2922, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .list-group .list-group-item a.upgrade {
  margin-top: 14px; }
/* line 2924, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .list-group .list-group-item a.edit {
  height: 80px; }
/* line 2926, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .list-group .list-group-item.once_refill {
  height: 50px; }
  /* line 2928, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.invoices .list-group .list-group-item.once_refill a {
    margin-top: 1px; }
/* line 2932, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.account .list-group .list-group-item.credit-card {
  padding-right: 20px; }
  /* line 2934, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.account .list-group .list-group-item.credit-card .column.data.omise-last-digits {
    max-width: 40%; }
/* line 2937, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.leads .lead-detail-banner {
  border: 0;
  background: none;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px; }
  /* line 2943, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.leads .lead-detail-banner > div {
    width: 100%;
    display: flex;
    justify-content: center; }
  /* line 2947, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.leads .lead-detail-banner .lead-banner-button {
    margin-top: 15px;
    width: 190px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 110%; }
/* line 2954, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.leads .error-short {
  text-align: center;
  font-size: 130%; }
/* line 2958, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.leads .list-group span.column.label.long {
  width: 200px; }
/* line 2961, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.settings-line-pincode {
  height: 100%; }
  /* line 2963, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-line-pincode .title {
    margin-top: 50px;
    font-size: 25px;
    line-height: 25px; }
  /* line 2967, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-line-pincode .pin-code {
    margin: 50px;
    font-size: 100px; }
  /* line 2970, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-line-pincode .desc {
    font-size: 20px;
    line-height: 24px; }
/* line 2974, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat .pin-code-dialog a.edit-phone-button.cancel {
  float: none;
  margin: auto;
  background-color: #d9534f;
  border-color: #ac2925; }
  /* line 2979, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat .pin-code-dialog a.edit-phone-button.cancel:hover {
    background-color: #c9302c; }
/* line 2981, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.settings-add-payment {
  font-size: 1.7em; }
  /* line 2983, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-add-payment .ngdialog-content {
    width: 100%; }
  /* line 2985, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard {
    width: 100%;
    padding: 15px; }
    /* line 2988, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone .ngdialog.ngdialog-theme-flat.settings-add-payment .invoice-payment-creditcard div input {
      height: 35px;
      padding: 0; }
/* line 2991, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog {
  font-size: 1.5em; }
  /* line 2993, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs {
    position: relative;
    width: 100%;
    height: 100%; }
    /* line 2997, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list {
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
      background-color: #f1f1f1; }
      /* line 3003, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .toggle {
        padding-left: 25px;
        bottom: 0;
        right: 0; }
        /* line 3007, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .toggle span {
          width: 16px;
          height: 16px;
          border-radius: 16px;
          border: 2px solid transparent;
          margin-right: 10px;
          display: inline-block;
          color: #fff;
          position: absolute;
          left: 0;
          top: 6px; }
      /* line 3018, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row {
        position: relative;
        width: 100%;
        height: 60px;
        line-height: 30px;
        padding: 6px 12px 6px 12px;
        background-color: #fff;
        color: #666;
        font-weight: 400; }
        /* line 3027, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row div {
          bottom: 3px; }
        /* line 3029, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row.first {
          color: #000;
          top: 0;
          height: 50px;
          background-color: #fff;
          border-bottom: 1px solid #e8e8e8; }
          /* line 3035, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row.first .title {
            text-align: center;
            font-size: 220%;
            padding-top: 3px; }
          /* line 3039, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row.first .btn {
            position: absolute;
            font-size: 210%;
            top: 10px;
            left: 10px; }
        /* line 3044, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-1,
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2,
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-3,
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-4 {
          position: relative;
          float: left;
          text-align: left;
          height: 25px;
          width: 15%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          height: 25px; }
        /* line 3057, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-1 {
          top: -2px;
          width: 60%; }
        /* line 3060, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2,
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-4 {
          text-align: right; }
        /* line 3063, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2 {
          width: 40%; }
          /* line 3065, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2 .active {
            color: #4183D7; }
          /* line 3067, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2 .paid {
            color: #2DCD71; }
          /* line 3069, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2 .failed, body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-2 .budget_exceeded {
            color: #e74b3c; }
        /* line 3071, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-3 {
          width: 40%; }
        /* line 3073, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-4 {
          width: 60%; }
          /* line 3075, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .log-row .column-4 .fee {
            font-weight: 700;
            color: #444; }
      /* line 3078, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .scroll-box {
        -webkit-overflow-scrolling: touch;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 50px;
        box-sizing: normal;
        margin-bottom: 0;
        overflow-x: hidden; }
        /* line 3088, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .scroll-box .bg-white {
          background-color: #FDFDFD; }
          /* line 3090, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .scroll-box .bg-white:hover {
            background-color: #f7fbfc; }
        /* line 3092, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone .ngdialog.ngdialog-theme-flat.settings-lead-log-dialog .container-logs .log-list .scroll-box div.cursor {
          cursor: pointer; }
/* line 3095, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content {
  padding: 15px;
  font-size: 110%; }
  /* line 3098, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container {
    right: initial; }
  /* line 3100, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container {
    width: 100%; }
    /* line 3102, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone .ngdialog.ngdialog-theme-flat.settings-lead-dialog .ngdialog-content .btn-container .btn {
      width: 45%; }
/* line 3105, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.delete .ngdialog-content {
  font-size: 100%;
  width: 100%;
  padding: 30px; }
/* line 3109, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat.delete .ngdialog-close {
  display: block; }

/* line 3115, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .menu ul,
body.tablet.iPad .menu ul {
  margin-top: 70px; }
/* line 3117, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .line-dialog,
body.tablet.iPad .line-dialog {
  line-height: 30px; }
/* line 3119, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .line-dialog-switch,
body.tablet.iPad .line-dialog-switch {
  float: left;
  clear: left;
  margin-bottom: 10px;
  line-height: 40px; }
/* line 3124, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .time-switch,
body.phone .time-start,
body.phone .time-end,
body.tablet.iPad .time-switch,
body.tablet.iPad .time-start,
body.tablet.iPad .time-end {
  margin: 20px 0; }
/* line 3128, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .time-switch .main-switch,
body.phone .time-start input,
body.phone .time-end input,
body.tablet.iPad .time-switch .main-switch,
body.tablet.iPad .time-start input,
body.tablet.iPad .time-end input {
  float: right;
  clear: right;
  margin-bottom: 10px;
  display: inline-block; }
/* line 3137, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.settings section, body.phone section.settings .content,
body.tablet.iPad section.settings section,
body.tablet.iPad section.settings .content {
  width: 100%; }
/* line 3139, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.settings section.apps .apps-form-box,
body.tablet.iPad section.settings section.apps .apps-form-box {
  padding-top: 10px; }
/* line 3141, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.settings .menu,
body.tablet.iPad section.settings .menu {
  width: 100%; }
  /* line 3143, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.settings .menu.phone,
  body.tablet.iPad section.settings .menu.phone {
    position: absolute;
    top: 0;
    width: 70%;
    left: -70%;
    transition: left 0.25s; }
    /* line 3149, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.settings .menu.phone.active,
    body.tablet.iPad section.settings .menu.phone.active {
      left: 0; }
  /* line 3151, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.settings .menu .list-group.panel,
  body.tablet.iPad section.settings .menu .list-group.panel {
    width: 100%; }
/* line 3153, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone h1.title,
body.tablet.iPad h1.title {
  text-align: center;
  border-bottom: 0;
  margin-bottom: 30px;
  padding: 0;
  font-size: 130%; }
/* line 3159, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .lock-description,
body.tablet.iPad .lock-description {
  width: 100%;
  text-align: center;
  right: 0; }
/* line 3164, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone .ngdialog.ngdialog-theme-flat .ngdialog-content,
body.tablet.iPad .ngdialog.ngdialog-theme-flat .ngdialog-content {
  font-size: 55%;
  top: 50%;
  height: 100%;
  bottom: 0;
  border-radius: 0;
  padding: 0; }
  /* line 3171, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat .ngdialog-content .edit-phone-button,
  body.tablet.iPad .ngdialog.ngdialog-theme-flat .ngdialog-content .edit-phone-button {
    float: right;
    margin: 20px 0;
    width: 48%; }
    /* line 3175, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone .ngdialog.ngdialog-theme-flat .ngdialog-content .edit-phone-button.cancel,
    body.tablet.iPad .ngdialog.ngdialog-theme-flat .ngdialog-content .edit-phone-button.cancel {
      float: left;
      background-color: #ccc;
      border-color: #ccc; }
  /* line 3179, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone .ngdialog.ngdialog-theme-flat .ngdialog-content ul li,
  body.tablet.iPad .ngdialog.ngdialog-theme-flat .ngdialog-content ul li {
    font-size: 200%;
    width: 100%; }
/* line 3182, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.edit-phone,
body.tablet.iPad section.edit-phone {
  width: 100%;
  margin-top: 50px;
  padding: 0 20px; }
  /* line 3186, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone .edit-box,
  body.tablet.iPad section.edit-phone .edit-box {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0; }
    /* line 3192, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.edit-phone .edit-box.invoice .title,
    body.tablet.iPad section.edit-phone .edit-box.invoice .title {
      line-height: 33px; }
    /* line 3194, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.edit-phone .edit-box.invoice .main-switch,
    body.tablet.iPad section.edit-phone .edit-box.invoice .main-switch {
      position: absolute;
      right: 20px;
      top: 0; }
    /* line 3199, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.edit-phone .edit-box.message-template .attachment-detail,
    body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail {
      margin-top: 15px;
      width: 100%;
      height: 200px;
      position: relative;
      color: #888;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 3208, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box.message-template .attachment-detail .file-picker-inner,
      body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .file-picker-inner {
        position: relative; }
      /* line 3210, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box.message-template .attachment-detail input,
      body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail input {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: inherit;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1; }
      /* line 3221, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border,
      body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border {
        width: 200px;
        height: 200px;
        display: inline-block;
        border: 1px dashed #ccc;
        padding: 5px; }
        /* line 3227, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader,
        body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader {
          width: 100%;
          height: 100%;
          background-color: #f1f1f1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          /* line 3235, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
          body.phone section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader .glyphicons,
          body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader .glyphicons {
            padding: 0;
            width: 50px;
            height: 50px;
            margin-bottom: 5px; }
            /* line 3240, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
            body.phone section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader .glyphicons:before,
            body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .image-uploader-border .image-uploader .glyphicons:before {
              font-size: 50px; }
      /* line 3242, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box.message-template .attachment-detail img,
      body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail img {
        max-width: 200px;
        max-height: 200px;
        border: 1px dashed;
        border-radius: 3px; }
      /* line 3247, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2,
      body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2 {
        position: absolute;
        top: -5px;
        right: -5px;
        z-index: 3;
        padding: 0;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background-color: #666;
        color: #fcfcfc;
        cursor: pointer; }
        /* line 3259, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2:hover,
        body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2:hover {
          background-color: #444;
          color: #fff; }
        /* line 3262, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2:before,
        body.tablet.iPad section.edit-phone .edit-box.message-template .attachment-detail .glyphicons-remove-2:before {
          font-size: 14px;
          margin: 3px; }
    /* line 3265, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.edit-phone .edit-box .title,
    body.tablet.iPad section.edit-phone .edit-box .title {
      display: block;
      width: 100%;
      margin-bottom: 10px;
      font-weight: 500;
      line-height: 25px; }
    /* line 3271, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.edit-phone .edit-box .footer,
    body.tablet.iPad section.edit-phone .edit-box .footer {
      display: block;
      width: 100%;
      margin-top: 10px;
      font-size: 90%; }
      /* line 3276, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.edit-phone .edit-box .footer.link a,
      body.tablet.iPad section.edit-phone .edit-box .footer.link a {
        color: #26b899;
        text-decoration: none; }
  /* line 3280, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone select, body.phone section.edit-phone textarea, body.phone section.edit-phone input,
  body.tablet.iPad section.edit-phone select,
  body.tablet.iPad section.edit-phone textarea,
  body.tablet.iPad section.edit-phone input {
    width: 100%; }
  /* line 3282, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone input,
  body.tablet.iPad section.edit-phone input {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    line-height: normal; }
  /* line 3287, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone input[type="time"],
  body.phone section.edit-phone input[type="date"],
  body.tablet.iPad section.edit-phone input[type="time"],
  body.tablet.iPad section.edit-phone input[type="date"] {
    height: 30px;
    margin: 0; }
  /* line 3291, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone textarea,
  body.tablet.iPad section.edit-phone textarea {
    resize: none;
    height: 75px;
    padding: 8px;
    margin-top: 20px;
    border: 1px solid #ddd; }
  /* line 3297, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.edit-phone a.edit-phone-button,
  body.tablet.iPad section.edit-phone a.edit-phone-button {
    padding: 7px;
    width: 100%; }
/* line 3301, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.user,
body.phone section.account,
body.phone section.invoices,
body.phone section.autoreply,
body.phone section.leads,
body.phone section.admins,
body.tablet.iPad section.user,
body.tablet.iPad section.account,
body.tablet.iPad section.invoices,
body.tablet.iPad section.autoreply,
body.tablet.iPad section.leads,
body.tablet.iPad section.admins {
  padding: 0; }
  /* line 3308, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user br,
  body.phone section.account br,
  body.phone section.invoices br,
  body.phone section.autoreply br,
  body.phone section.leads br,
  body.phone section.admins br,
  body.tablet.iPad section.user br,
  body.tablet.iPad section.account br,
  body.tablet.iPad section.invoices br,
  body.tablet.iPad section.autoreply br,
  body.tablet.iPad section.leads br,
  body.tablet.iPad section.admins br {
    display: none; }
  /* line 3314, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.phone section.account .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.phone section.invoices .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.phone section.autoreply .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.phone section.leads .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.phone section.admins .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.user .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.account .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.invoices .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.autoreply .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.leads .sb-card .sb-card-content .admin-list .admin-item .avatar,
  body.tablet.iPad section.admins .sb-card .sb-card-content .admin-list .admin-item .avatar {
    display: none; }
  /* line 3316, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.phone section.account .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.phone section.invoices .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.phone section.autoreply .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.phone section.leads .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.phone section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.user .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.account .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.invoices .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.autoreply .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.leads .sb-card .sb-card-content .admin-list .admin-item .admin-info,
  body.tablet.iPad section.admins .sb-card .sb-card-content .admin-list .admin-item .admin-info {
    margin-left: 0; }
  /* line 3320, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user .sb-card .sb-card-content .how-to .header .title,
  body.phone section.account .sb-card .sb-card-content .how-to .header .title,
  body.phone section.invoices .sb-card .sb-card-content .how-to .header .title,
  body.phone section.autoreply .sb-card .sb-card-content .how-to .header .title,
  body.phone section.leads .sb-card .sb-card-content .how-to .header .title,
  body.phone section.admins .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.user .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.account .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.invoices .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.autoreply .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.leads .sb-card .sb-card-content .how-to .header .title,
  body.tablet.iPad section.admins .sb-card .sb-card-content .how-to .header .title {
    max-width: calc(100% - 50px); }
  /* line 3323, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.phone section.account .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.phone section.invoices .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.phone section.autoreply .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.phone section.leads .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.phone section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.user .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.account .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.invoices .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.autoreply .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.leads .sb-card .sb-card-content .how-to .how-to-list .how-to-item,
  body.tablet.iPad section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item {
    width: 100%;
    padding-right: 30px; }
    /* line 3327, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.user .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.phone section.account .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.phone section.invoices .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.phone section.autoreply .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.phone section.leads .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.phone section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.user .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.account .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.invoices .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.autoreply .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.leads .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img,
    body.tablet.iPad section.admins .sb-card .sb-card-content .how-to .how-to-list .how-to-item .mockup img {
      width: 100%; }
/* line 3331, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.user .profile,
body.tablet.iPad section.user .profile {
  width: 100%;
  text-align: center; }
  /* line 3334, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.user .profile .avatar,
  body.tablet.iPad section.user .profile .avatar {
    width: 72px;
    height: 72px;
    border-radius: 50px; }
/* line 3341, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.account .list-group-item .column.data > span,
body.tablet.iPad section.account .list-group-item .column.data > span {
  display: inline;
  width: auto;
  min-width: inherit;
  padding: 0; }
/* line 3347, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.account .list-group-item.address .column.data,
body.tablet.iPad section.account .list-group-item.address .column.data {
  white-space: nowrap; }
/* line 3352, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .list-group .column.data.small-text,
body.tablet.iPad section.invoices .list-group .column.data.small-text {
  padding-right: 50px; }
/* line 3354, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.invoices .description,
body.tablet.iPad section.invoices .description {
  margin: 10px; }
/* line 3359, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.autoreply .list-group span.column.data,
body.tablet.iPad section.autoreply .list-group span.column.data {
  display: none; }
/* line 3361, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.autoreply .list-group.panel,
body.tablet.iPad section.autoreply .list-group.panel {
  position: relative; }
  /* line 3363, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.autoreply .list-group.panel .block,
  body.tablet.iPad section.autoreply .list-group.panel .block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3; }
/* line 3370, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.autoreply .title,
body.tablet.iPad section.autoreply .title {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: center; }
/* line 3379, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.leads .list-group .list-group-item .column,
body.tablet.iPad section.leads .list-group .list-group-item .column {
  top: 50%;
  transform: translate(0, -50%); }
  /* line 3382, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.leads .list-group .list-group-item .column.data,
  body.tablet.iPad section.leads .list-group .list-group-item .column.data {
    position: absolute;
    text-align: right;
    width: auto;
    min-width: auto;
    height: auto;
    right: 15px; }
/* line 3391, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .title,
body.tablet.iPad section.admins .title {
  line-height: 0.75; }
  /* line 3393, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.admins .title a,
  body.tablet.iPad section.admins .title a {
    width: 100%;
    display: inline-block;
    margin: 0; }
/* line 3397, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .permission-box,
body.tablet.iPad section.admins .permission-box {
  padding: 0 15px; }
/* line 3399, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .avatar,
body.tablet.iPad section.admins .avatar {
  margin-left: 10px; }
/* line 3401, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .permission-text,
body.tablet.iPad section.admins .permission-text {
  width: 70%; }
  /* line 3403, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.admins .permission-text .name,
  body.tablet.iPad section.admins .permission-text .name {
    display: flex; }
/* line 3406, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .action .add-more-admin,
body.tablet.iPad section.admins .action .add-more-admin {
  text-align: center; }
/* line 3408, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.admins .action .buttons,
body.tablet.iPad section.admins .action .buttons {
  justify-content: center; }
/* line 3411, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.app-setting,
body.tablet.iPad section.app-setting {
  height: 100%;
  overflow-x: hidden; }
/* line 3415, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.apps,
body.tablet.iPad section.apps {
  text-align: center;
  width: 100%;
  padding: 0 20px; }
  /* line 3419, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps.instagram,
  body.tablet.iPad section.apps.instagram {
    margin-bottom: 30px; }
  /* line 3421, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .apps-form-box,
  body.tablet.iPad section.apps .apps-form-box {
    background-color: initial;
    border: none;
    padding: 0 20px; }
    /* line 3425, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-form-box .input-text,
    body.tablet.iPad section.apps .apps-form-box .input-text {
      float: left; }
    /* line 3427, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-form-box .input-box,
    body.tablet.iPad section.apps .apps-form-box .input-box {
      margin-top: 20px; }
      /* line 3429, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-form-box .input-box input,
      body.tablet.iPad section.apps .apps-form-box .input-box input {
        width: 100%;
        margin-top: 10px;
        padding: 5px 10px;
        height: 44px; }
    /* line 3434, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-form-box .btn.large,
    body.tablet.iPad section.apps .apps-form-box .btn.large {
      width: 100%;
      padding: 10px;
      font-size: 100%;
      font-weight: 500; }
  /* line 3439, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .apps-show-box,
  body.tablet.iPad section.apps .apps-show-box {
    padding: 0;
    background-color: initial;
    border: none;
    height: 50%;
    width: 100%; }
    /* line 3445, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-show-box .notice,
    body.tablet.iPad section.apps .apps-show-box .notice {
      margin: 0;
      padding: 0;
      font-size: 80%;
      width: 100%; }
      /* line 3450, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-show-box .notice .glyphicons:before,
      body.tablet.iPad section.apps .apps-show-box .notice .glyphicons:before {
        left: 2px;
        top: -1px; }
    /* line 3453, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-show-box .detail-box,
    body.tablet.iPad section.apps .apps-show-box .detail-box {
      height: 230px;
      width: 100%; }
      /* line 3456, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-show-box .detail-box .image-box,
      body.tablet.iPad section.apps .apps-show-box .detail-box .image-box {
        display: block;
        float: none;
        margin: 0 auto; }
      /* line 3460, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-show-box .detail-box .status-box,
      body.tablet.iPad section.apps .apps-show-box .detail-box .status-box {
        float: none;
        margin: 0 auto;
        width: 100%; }
        /* line 3464, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .online,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .online {
          display: inline-block;
          border-radius: 50%;
          width: 2px;
          height: 2px;
          color: #01B069; }
        /* line 3470, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .name,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .name {
          margin-top: 12px; }
        /* line 3472, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .signout,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .signout {
          width: 100%;
          font-size: 100%;
          padding: 10px;
          font-weight: 500; }
/* line 3478, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.tags,
body.tablet.iPad section.tags {
  width: 100%;
  padding: 0 20px; }
  /* line 3481, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .tag-box,
  body.tablet.iPad section.tags .tag-box {
    width: 100%;
    height: 44px;
    margin-top: 15px; }
  /* line 3485, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .tag-name,
  body.tablet.iPad section.tags .tag-name {
    height: 45px;
    width: 65%; }
  /* line 3488, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .glyphicons-bin,
  body.tablet.iPad section.tags .glyphicons-bin {
    float: right; }
  /* line 3490, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .glyphicons-bin:before,
  body.tablet.iPad section.tags .glyphicons-bin:before {
    left: 20px;
    top: 10px; }
  /* line 3493, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .tag-color,
  body.tablet.iPad section.tags .tag-color {
    width: 44px;
    height: 44px; }
    /* line 3496, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.tags .tag-color .glyphicons,
    body.phone section.tags .tag-color .glyphicons:before,
    body.tablet.iPad section.tags .tag-color .glyphicons,
    body.tablet.iPad section.tags .tag-color .glyphicons:before {
      margin-left: 8px;
      margin-top: 3px;
      font-size: 18px; }
  /* line 3501, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .tag-count,
  body.tablet.iPad section.tags .tag-count {
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 45px;
    top: 10px; }
  /* line 3508, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags .save-tag,
  body.tablet.iPad section.tags .save-tag {
    width: 100%;
    padding: 10px;
    font-size: 100%;
    font-weight: 500; }
  /* line 3514, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.tags input,
  body.tablet.iPad section.tags input {
    border-radius: 0 4px 4px 0;
    padding: 5px 10px;
    height: 44px;
    position: absolute;
    left: 44px;
    right: 0; }
/* line 3522, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
body.phone section.apps,
body.tablet.iPad section.apps {
  text-align: center;
  width: 100%;
  padding: 10px 20px; }
  /* line 3528, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .sb-card .sb-card-content.user-profile,
  body.tablet.iPad section.apps .sb-card .sb-card-content.user-profile {
    text-align: center; }
    /* line 3530, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .sb-card .sb-card-content.user-profile .instagram-avatar,
    body.tablet.iPad section.apps .sb-card .sb-card-content.user-profile .instagram-avatar {
      width: 140px;
      height: 140px;
      margin: 10px; }
    /* line 3535, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .sb-card .sb-card-content.user-profile .user-info,
    body.tablet.iPad section.apps .sb-card .sb-card-content.user-profile .user-info {
      padding-top: 5px;
      margin-bottom: 5px; }
    /* line 3538, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .sb-card .sb-card-content.user-profile .sb-button,
    body.tablet.iPad section.apps .sb-card .sb-card-content.user-profile .sb-button {
      text-align: center;
      width: 100%; }
  /* line 3542, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .sb-card .sb-card-content .sb-card-action .sb-button,
  body.tablet.iPad section.apps .sb-card .sb-card-content .sb-card-action .sb-button {
    text-align: center;
    width: 100%; }
  /* line 3545, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .apps-form-box,
  body.tablet.iPad section.apps .apps-form-box {
    background-color: initial;
    border: none;
    padding: 0 20px; }
    /* line 3549, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-form-box .input-text,
    body.tablet.iPad section.apps .apps-form-box .input-text {
      float: left; }
    /* line 3551, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-form-box .input-box,
    body.tablet.iPad section.apps .apps-form-box .input-box {
      margin-top: 20px; }
      /* line 3553, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-form-box .input-box input,
      body.tablet.iPad section.apps .apps-form-box .input-box input {
        width: 100%;
        margin-top: 10px;
        padding: 5px 10px;
        height: 44px; }
  /* line 3558, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  body.phone section.apps .apps-show-box,
  body.tablet.iPad section.apps .apps-show-box {
    padding: 0;
    background-color: initial;
    border: none;
    height: 50%;
    width: 100%; }
    /* line 3564, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-show-box .notice,
    body.tablet.iPad section.apps .apps-show-box .notice {
      padding: 0;
      width: 90%;
      margin: 0 auto; }
    /* line 3568, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    body.phone section.apps .apps-show-box .detail-box,
    body.tablet.iPad section.apps .apps-show-box .detail-box {
      height: 230px;
      width: 100%; }
      /* line 3571, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-show-box .detail-box .image-box,
      body.tablet.iPad section.apps .apps-show-box .detail-box .image-box {
        display: block;
        float: none;
        margin: 0 auto; }
      /* line 3575, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      body.phone section.apps .apps-show-box .detail-box .status-box,
      body.tablet.iPad section.apps .apps-show-box .detail-box .status-box {
        float: none;
        margin: 0 auto;
        width: 100%; }
        /* line 3579, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .online,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .online {
          display: inline-block;
          border-radius: 50%;
          width: 2px;
          height: 2px;
          color: #01B069; }
        /* line 3585, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .name,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .name {
          margin-top: 12px; }
        /* line 3587, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        body.phone section.apps .apps-show-box .detail-box .status-box .signout,
        body.tablet.iPad section.apps .apps-show-box .detail-box .status-box .signout {
          width: 90%;
          padding: 10px;
          font-weight: 500; }

/* line 3592, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog.ngdialog-theme-flat .ngdialog-content footer img {
  margin: 0 0; }

/* line 3595, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog-theme-preview-auto-message .ngdialog-content {
  width: 500px;
  height: auto;
  padding-top: 0; }

/* line 3601, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog-theme-preview-auto-message .ngdialog-content .preview,
.ngdialog-theme-setting-phone.invoice .preview {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  position: relative;
  border-radius: 5px 5px 0 0; }
  /* line 3608, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen .avatar,
  .ngdialog-theme-setting-phone.invoice .preview .pimploen .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    float: left; }
  /* line 3613, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen > div,
  .ngdialog-theme-setting-phone.invoice .preview .pimploen > div {
    display: inline-block;
    width: 300px;
    margin: 5px 10px; }
    /* line 3617, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen > div span,
    .ngdialog-theme-setting-phone.invoice .preview .pimploen > div span {
      display: inline-block; }
      /* line 3619, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen > div span.sender,
      .ngdialog-theme-setting-phone.invoice .preview .pimploen > div span.sender {
        font-size: 110%;
        font-weight: 900;
        width: 100%; }
      /* line 3623, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen > div span.message,
      .ngdialog-theme-setting-phone.invoice .preview .pimploen > div span.message {
        background-color: #ececec;
        margin-top: 8px;
        border-radius: 15px; }
        /* line 3627, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog-theme-preview-auto-message .ngdialog-content .preview .pimploen > div span.message span,
        .ngdialog-theme-setting-phone.invoice .preview .pimploen > div span.message span {
          margin: 5px 10px; }
  /* line 3629, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog-theme-preview-auto-message .ngdialog-content .preview .account,
  .ngdialog-theme-setting-phone.invoice .preview .account {
    margin-top: 10px;
    display: inline-block;
    width: 100%; }
    /* line 3633, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-auto-message .ngdialog-content .preview .account .message,
    .ngdialog-theme-setting-phone.invoice .preview .account .message {
      float: right;
      max-width: 260px;
      word-wrap: break-word;
      padding: 5px 10px;
      background-color: #4183D7;
      color: #fff;
      border-radius: 15px; }
      /* line 3641, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog-theme-preview-auto-message .ngdialog-content .preview .account .message u,
      .ngdialog-theme-setting-phone.invoice .preview .account .message u {
        cursor: pointer; }
/* line 3643, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog-theme-preview-auto-message .ngdialog-content .footer,
.ngdialog-theme-setting-phone.invoice .footer {
  background-image: url("/assets/hg/background/setting-autoreply-preview-footer-5359ae660bc0413086635d52b301e721e27f47c57c3747a63dc2557e2780e074.jpg");
  background-size: cover;
  width: 100%;
  height: 130px;
  position: relative;
  border-radius: 0 0 5px 5px; }
  /* line 3650, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog-theme-preview-auto-message .ngdialog-content .footer > span,
  .ngdialog-theme-setting-phone.invoice .footer > span {
    position: absolute;
    font-size: 90%; }
    /* line 3653, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-auto-message .ngdialog-content .footer > span.placeholder,
    .ngdialog-theme-setting-phone.invoice .footer > span.placeholder {
      top: 25px;
      left: 35px;
      color: #bbb; }
    /* line 3657, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-auto-message .ngdialog-content .footer > span.send,
    .ngdialog-theme-setting-phone.invoice .footer > span.send {
      bottom: 25px;
      right: 35px;
      color: #ccc; }

/* line 3662, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.ngdialog-theme-preview-sms-message .ngdialog-content {
  width: 350px;
  padding-top: 50px !important; }
  /* line 3665, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog-theme-preview-sms-message .ngdialog-content .preview {
    width: 100%;
    background-color: #eee;
    position: relative;
    border-radius: 3px; }
    /* line 3670, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-sms-message .ngdialog-content .preview .header {
      color: #fff;
      background-color: #26b899;
      height: 50px;
      font-size: 160%;
      display: flex;
      align-items: center;
      padding: 0 20px;
      font-weight: 200; }
    /* line 3679, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog-theme-preview-sms-message .ngdialog-content .preview .body {
      padding: 100px 15px 10px;
      width: 80%;
      min-height: 400px;
      display: flex;
      flex-direction: column;
      justify-content: end; }
      /* line 3686, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .ngdialog-theme-preview-sms-message .ngdialog-content .preview .body div {
        background-color: #fff;
        padding: 5px 10px;
        display: inline-block;
        font-size: 90%;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin-bottom: 15px; }
        /* line 3694, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog-theme-preview-sms-message .ngdialog-content .preview .body div u {
          color: #26b899; }
        /* line 3696, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .ngdialog-theme-preview-sms-message .ngdialog-content .preview .body div span {
          color: #bbb;
          display: block;
          font-weight: 200;
          font-size: 85%; }

@media only screen and (max-width: 600px) {
  /* line 3711, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .instagram .setting-instagram .sb-card-content .user-info {
    display: block;
    vertical-align: middle;
    width: 100%;
    margin: 0 !important; }
    /* line 3716, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .instagram .setting-instagram .sb-card-content .user-info .user-name {
      font-weight: bold;
      font-size: 24px; }
    /* line 3719, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .instagram .setting-instagram .sb-card-content .user-info .user-bio {
      color: #7B868A; }
    /* line 3721, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .instagram .setting-instagram .sb-card-content .user-info .sb-button {
      width: 100%;
      margin: 10px 0 0 0; }

  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mixins/body.sass */
  body.tablet .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content {
    height: 100% !important; }
  /* line 3730, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .ngdialog-close {
    display: block; }
  /* line 3734, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .greeting .content {
    padding: 0px;
    font-size: 0.9em; }
  /* line 3737, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .period {
    margin-top: 25px;
    font-size: 0.8em; }
  /* line 3740, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans {
    height: 100%; }
    /* line 3743, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .btn-upgrade.btn-disabled {
      margin-top: 10px;
      margin-bottom: 50px; }
    /* line 3746, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .plans .plan {
      flex: 1 0 280px; }
  /* line 3748, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .ngdialog.ngdialog-theme-flat.upgrade .ngdialog-content .ngdialog-message .upgrade .footer {
    margin: 30px 0px; } }
@-webkit-keyframes spinner-r {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spinner-r {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spinner-r {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner-r {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* line 3810, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup.page01 .sb-popup-content {
  padding: 20px 20px 40px 20px; }
/* line 3813, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup.page02 .sb-popup-content {
  padding: 20px 20px 40px 20px; }
  /* line 3815, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup.page02 .sb-popup-content ul {
    margin-bottom: 0; }
  /* line 3817, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup.page02 .sb-popup-content .accept {
    margin-top: 20px; }
/* line 3820, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup.page03 .sb-popup-content {
  padding: 0 20px 40px 20px; }
/* line 3823, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-header .title {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 45px); }
/* line 3828, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .content-promote-coupon {
  width: 100%; }
  /* line 3830, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .content-promote-coupon .preview {
    width: 450px;
    height: 450px;
    margin: auto;
    padding: 15px;
    border: 1px solid #E9EFF5;
    background-color: #FCFCFD; }
    /* line 3837, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .downgrade .sb-popup .sb-popup-content .content-promote-coupon .preview img {
      width: 100%;
      height: 100%;
      border: 1px solid #E9EFF5; }
  /* line 3841, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .content-promote-coupon .tamplate {
    margin-top: 30px; }
    /* line 3843, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .downgrade .sb-popup .sb-popup-content .content-promote-coupon .tamplate .tamplate-list {
      margin-top: 15px; }
      /* line 3845, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .downgrade .sb-popup .sb-popup-content .content-promote-coupon .tamplate .tamplate-list .list-item {
        cursor: pointer;
        display: inline-block;
        padding: 10px;
        margin-right: 15px;
        border: 4px solid #E9EFF5;
        border-radius: 3px; }
        /* line 3852, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .downgrade .sb-popup .sb-popup-content .content-promote-coupon .tamplate .tamplate-list .list-item img {
          width: 60px;
          height: 60px; }
        /* line 3855, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
        .downgrade .sb-popup .sb-popup-content .content-promote-coupon .tamplate .tamplate-list .list-item.active {
          border: 4px solid #2A69B3;
          background-color: rgba(42, 105, 179, 0.1); }
/* line 3858, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .title {
  font-weight: bold; }
/* line 3860, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .list-area {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(216, 59, 56, 0.5);
  border-radius: 3px;
  color: #F04545;
  background-color: rgba(216, 59, 56, 0.1); }
  /* line 3867, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .list-area ul {
    list-style-position: inside; }
    /* line 3869, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .downgrade .sb-popup .sb-popup-content .list-area ul li {
      list-style-type: disc;
      padding-left: 10px; }
      /* line 3872, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
      .downgrade .sb-popup .sb-popup-content .list-area ul li .value {
        color: #333333; }
/* line 3874, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .pimplern-cry {
  text-align: center;
  padding: 20px; }
  /* line 3877, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .pimplern-cry img {
    width: auto;
    height: 200px;
    margin: auto; }
/* line 3881, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .user-action {
  text-align: center; }
  /* line 3883, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .user-action .center {
    margin-bottom: 20px; }
    /* line 3885, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .downgrade .sb-popup .sb-popup-content .user-action .center .title {
      margin-bottom: 5px; }
    /* line 3887, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .downgrade .sb-popup .sb-popup-content .user-action .center .sb-button {
      margin-left: 0; }
/* line 3889, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .sb-popup-content .bottom {
  text-align: center;
  width: 100%;
  margin-top: 20px; }
  /* line 3893, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .downgrade .sb-popup .sb-popup-content .bottom .cancle {
    margin-top: 10px; }
/* line 3895, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.downgrade .sb-popup .typeform-widget {
  width: 100%;
  height: 350px; }

/* line 3899, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.spinner-r:not(:required) {
  -webkit-animation: spinner-r 1500ms infinite linear;
  -moz-animation: spinner-r 1500ms infinite linear;
  -ms-animation: spinner-r 1500ms infinite linear;
  -o-animation: spinner-r 1500ms infinite linear;
  animation: spinner-r 1500ms infinite linear;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 5px;
  width: 4px;
  height: 4px;
  margin: 1.8em;
  overflow: hidden;
  text-indent: 100%;
  position: relative;
  top: 4px; }

/* line 3924, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.auto-invoice--cf-setting {
  height: 513px !important; }
/* line 3926, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.auto-invoice .data {
  overflow: initial !important; }

/* line 3929, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.cf-setting {
  margin-top: 16px; }
  /* line 3931, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-setting .cf-setting__label {
    display: block;
    margin-bottom: 4px;
    font-weight: 500; }
    /* line 3935, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-setting .cf-setting__label small {
      display: block;
      font-weight: normal;
      opacity: 0.6; }
    /* line 3939, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-setting .cf-setting__label--shipping {
      margin-top: 48px; }
  /* line 3941, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-setting .cf-setting__control {
    padding: 3px 10px 3px 5px; }
  /* line 3943, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-setting .cf-setting__notice {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.5; }
  /* line 3949, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-setting .cf-setting__shipping {
    margin-bottom: 5px; }

/* line 3952, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
.cf-dropdown {
  width: 360px;
  margin-bottom: 12px; }
  /* line 3955, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-dropdown .btn {
    position: relative;
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    padding: 5px;
    color: #666;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    background-color: #fff; }
    /* line 3966, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-dropdown .btn:hover {
      color: #444;
      background-color: #f1f1f1; }
    /* line 3969, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-dropdown .btn .caret {
      position: absolute;
      top: 13px;
      right: 5px;
      width: 8px;
      height: 4px; }
  /* line 3975, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-dropdown .cf-dropdown__placeholder {
    display: block;
    padding-left: 14px; }
  /* line 3978, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
  .cf-dropdown .dropdown-menu {
    width: 100%; }
    /* line 3980, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-dropdown .dropdown-menu a {
      font-size: 18px; }
    /* line 3982, /drone/softbaked/page365/app/assets/stylesheets/hg/settings.css.sass */
    .cf-dropdown .dropdown-menu .express-option {
      background-image: url("/assets/hg/icon/logo365-02-8a53937377b3bfd8dee6df939f934da50106a87560da7a5b8a2a5d252a494bdf.svg");
      background-repeat: no-repeat;
      background-size: 20px 20px;
      background-position: 20px center;
      padding-left: 45px; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
.setting-ability {
  width: 100%;
  height: auto;
  margin: auto auto 20px auto;
  border-radius: 3px;
  border: 1px solid #e9eff5;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.025); }
  /* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__nav, .setting-ability__header, .setting-ability__section {
    position: relative; }
  /* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__nav {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  /* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__back {
    display: flex;
    align-items: center;
    width: 70px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer; }
    /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__back > i.glyphicons {
      width: 20px;
      height: 20px;
      padding-left: 0; }
    /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__back > i.glyphicons::before {
      margin: 0;
      color: #888;
      font-size: 20px;
      line-height: 1; }
    /* line 36, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__back > span {
      min-width: auto !important;
      margin-left: 3px;
      padding: 0 !important;
      color: #888;
      font-size: 20px;
      line-height: 1 !important; }
  /* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 28px !important;
    line-height: 1; }
  /* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__subititle {
    margin-bottom: 0; }
  /* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__link {
    color: #26b899 !important; }
  /* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__card {
    display: flex;
    align-items: center;
    width: 52%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #E9EFF5;
    padding: 16px 24px; }
  /* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%; }
  /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__profile {
    width: calc(100% - 66px);
    margin-left: 16px; }
  /* line 75, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__profile-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  /* line 84, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__profile-note {
    margin-bottom: 0; }
  /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__section {
    width: 100% !important;
    height: auto !important;
    margin-top: 40px;
    padding: 0 !important; }
  /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__footer-section {
    margin: unset;
    display: inline-flex;
    width: 100%; }
    /* line 97, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__footer-section .save-btn {
      width: 100%; }
    /* line 99, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__footer-section .btn-right {
      float: right; }
    /* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__footer-section .btn-color {
      background-color: #26b899; }
    /* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
    .setting-ability__footer-section .btn-size {
      padding: 5px;
      font-size: 21px;
      width: 140px;
      height: 36px; }
  /* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__section:first-of-type {
    margin-top: 0; }
  /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__headline {
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9EFF5;
    padding-bottom: 8px;
    font-size: 28px;
    line-height: 1; }
  /* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__wrapper {
    display: flex; }
  /* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    padding: 20px; }
  /* line 130, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__content {
    width: calc(100% - 98px); }
  /* line 133, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__content-title {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 32px; }
  /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/setting-ability.css.sass */
  .setting-ability__content-desc {
    margin-bottom: 0;
    font-size: 20px; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 20, /drone/softbaked/page365/app/assets/stylesheets/hg/components/color.sass */
.sb-color-red {
  color: #F35754; }

/* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.move-able {
  cursor: move; }

/* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.photos-area {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap; }

/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.cover-image-mark {
  position: absolute;
  color: white;
  background-color: gray;
  opacity: 0.75;
  width: 100%;
  text-align: center;
  padding: 5% 0;
  top: 40%; }

/* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.sb-product-container {
  font-size: 1em;
  width: 100%;
  height: 100%; }
  /* line 35, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-container .sb-product-section {
    background-color: white;
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-bottom: 2px solid #eee; }
    /* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section label {
      display: inline-block;
      text-align: right;
      margin: 0;
      line-height: 36px; }
    /* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .btn {
      background-color: #ccc;
      color: white;
      width: 140px;
      height: 33px;
      padding: 5px 15px;
      text-decoration: none;
      font-size: 1em;
      cursor: pointer;
      margin-right: 5px;
      font-weight: 500; }
    /* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .breadcrumb {
      font-size: 1.4em;
      font-weight: 500;
      margin-bottom: 30px;
      background-color: #fff; }
      @media (max-width: 768px) {
        /* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .breadcrumb {
          padding: 0; } }
      /* line 63, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .breadcrumb a {
        color: #26b899;
        cursor: pointer;
        margin-right: 10px; }
      /* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .breadcrumb span {
        margin-right: 10px; }
    /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .bootstrap-switch {
      display: block; }
      /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .bootstrap-switch input {
        width: 12px;
        height: 12px; }
    /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .sb-input {
      padding: 3px 8px; }
      /* line 76, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .sb-input input {
        height: 30px; }
    /* line 78, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section input {
      height: 36px;
      padding: 3px 8px; }
    /* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section textarea {
      line-height: 1.5;
      padding: 3px 8px;
      margin: 0 0 15px 0; }
    /* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section small {
      display: block;
      margin-top: 5px; }
    /* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .toggle-sharing {
      color: #26b899;
      cursor: pointer; }
    /* line 91, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .product-link {
      cursor: pointer; }
      /* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-link div {
        line-height: 30px;
        padding: 3px 8px;
        background: #eee;
        border-radius: 3px;
        width: 100%;
        overflow-x: scroll; }
      /* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-link .glyphicons-copy {
        position: absolute;
        right: 15px;
        top: 8px;
        margin-left: 10px;
        padding-left: 28px; }
      /* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-link .glyphicons-copy:before {
        font-size: 1em; }
    /* line 108, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .add-item {
      width: 100%;
      padding: 8px;
      text-align: center;
      color: #1791f2;
      border: 1px dashed #1791f2;
      cursor: pointer;
      border-radius: 5px; }
      /* line 116, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .add-item .glyphicons {
        padding-left: 20px; }
      /* line 118, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .add-item .glyphicons:before {
        top: -8px;
        font-size: 0.7em; }
    /* line 121, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .add-item:hover {
      background: #f5fbff;
      color: #1379d2; }
    /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .variants-tools {
      overflow: auto;
      padding: 3px 0; }
      @media (max-width: 768px) {
        /* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-tools {
          padding-bottom: 15px; }
          /* line 129, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .variants-tools a {
            margin: 15px 5px 0px; } }
      /* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-tools table {
        min-width: 400px;
        margin-bottom: 0; }
        /* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-tools table td {
          border-top: 0px;
          padding: 0 5px; }
          /* line 137, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .variants-tools table td a {
            padding: 8px 20px 4px 20px; }
      /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-tools .btn {
        width: 200px;
        height: 35px; }
        @media (max-width: 768px) {
          /* line 139, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .variants-tools .btn {
            margin: 8px; } }
    /* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .product-variant {
      background-color: #fafafa;
      padding: 15px 15px 20px; }
      /* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-variant label {
        margin-top: 13px;
        font-size: 0.9em; }
      /* line 150, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-variant .form-group {
        margin: 0; }
      /* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-variant input {
        height: 36px;
        margin-bottom: 15px; }
        /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .product-variant input.disabled {
          pointer-events: none; }
      /* line 157, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-variant .glyphicons-remove-2 {
        color: #aaa;
        position: absolute;
        right: -70px;
        cursor: pointer; }
    /* line 163, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .form-group label {
      text-align: right; }
    /* line 165, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .form-group .btn-action {
      cursor: pointer;
      background-color: #26b899; }
    /* line 168, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .form-group .glyphicons-remove-2:hover {
      color: #666; }
    /* line 170, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .form-group .glyphicons-remove-2:before {
      font-size: 0.9em; }
    @media (max-width: 768px) {
      /* line 173, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .form-group .glyphicons-remove-2 {
        top: -40px;
        right: 10px; }
      /* line 176, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .form-group .glyphicons-remove-2:before {
        font-size: 0.7em; } }
    /* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .variants-table {
      overflow: auto; }
      /* line 181, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table .glyphicons-bin {
        color: #c33825;
        cursor: pointer;
        padding-left: 0;
        top: -10px;
        right: -2px; }
      /* line 187, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table .glyphicons-bin:before {
        font-size: 0.9em; }
      /* line 189, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table .glyphicons-bin:hover {
        color: #a52b1a; }
      /* line 191, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table input[type="checkbox"] {
        height: 18px;
        margin-top: 8px; }
      /* line 194, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table thead {
        font-size: 0.8em; }
        /* line 196, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead .glyphicons-circle-question-mark {
          padding-left: 15px; }
        /* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead .glyphicons-circle-question-mark:before {
          font-size: 0.8em;
          left: 3px;
          color: #aaa; }
        /* line 202, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(1) {
          width: 30px; }
        /* line 204, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(2) {
          min-width: 23%; }
        /* line 206, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(3) {
          width: 13%; }
        /* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(4) {
          width: 16%; }
        /* line 210, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(5) {
          width: 16%; }
        /* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(6) {
          width: 16%; }
        /* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table thead th:nth-child(7) {
          width: 13%; }
      /* line 216, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variants-table table .disabled {
        background-color: #eee; }
      @media (max-width: 768px) {
        /* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .variants-table table {
          min-width: 600px; } }
    /* line 221, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .delete-variant:before {
      font-size: 1em; }
    /* line 223, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .variant-reset {
      cursor: pointer;
      color: #aaa;
      font-weight: 800;
      position: absolute;
      z-index: 100;
      right: 15px; }
      /* line 230, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variant-reset .glyphicons {
        padding-left: 20px;
        top: -10px; }
      /* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .variant-reset .glyphicons:before {
        font-size: 0.8em; }
    /* line 235, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .variant-reset:hover {
      color: #666; }
    /* line 237, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .product-image-import-button {
      width: 150px;
      height: 150px;
      position: relative;
      display: inline-block;
      margin: 0 15px 15px 0; }
    /* line 243, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .product-image {
      width: 150px;
      height: 150px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      border: 1px solid #ccc;
      border-radius: 4px;
      position: relative;
      display: inline-block;
      margin: 0 15px 15px 0; }
      /* line 254, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-image i {
        position: absolute;
        top: 10px;
        left: 125px;
        color: #ccc;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px; }
      /* line 263, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-image i:before {
        font-size: 14px; }
      /* line 265, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .product-image i:hover {
        color: #d43f3a !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    /* line 272, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .required {
      color: #c33825; }
    /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .sb-button {
      line-height: 1.1;
      padding: 6px 20px 3px 20px; }
    /* line 277, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .danger {
      float: left;
      background-color: #d9534f;
      border-color: #d43f3a; }
      /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .danger .glyphicons-bin {
        padding-left: 20px; }
      /* line 283, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .danger .glyphicons-bin:before {
        top: -10px;
        font-size: 0.7em; }
    /* line 286, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .check-box-button {
      display: block;
      margin-right: 5px; }
    /* line 289, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .variant-toggle {
      margin-top: 8px;
      margin-top: 8px; }
    /* line 293, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .btn-group .btn {
      width: 220px;
      padding: 5px 8px;
      border-radius: 2px;
      border: 1px solid #ccc;
      text-align: left;
      background-color: #fff;
      color: inherit; }
      /* line 301, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .btn-group .btn .caret {
        float: right;
        margin-top: 8px; }
    /* line 304, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .btn-group .dropdown-menu {
      width: 220px;
      left: 0; }
      /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .btn-group .dropdown-menu li {
        cursor: pointer;
        height: 30px;
        padding-top: 5px;
        padding-left: 15px;
        padding-bottom: 5px; }
        /* line 313, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .btn-group .dropdown-menu li:hover {
          background-color: #f5f5f5;
          color: inherit; }
    /* line 316, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-product-section .import-area {
      height: 100%; }
      /* line 318, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .import-area input[type=file] {
        display: none; }
      /* line 320, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .import-area .preview-area {
        display: flex;
        flex-wrap: wrap; }
        /* line 323, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .import-area .preview-area .preview-photo {
          width: 100px;
          height: 100px;
          margin-right: 10px;
          margin-bottom: 10px;
          background-color: #eee;
          position: relative;
          border: 2px solid #eee;
          border-radius: 4px;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 335, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .import-area .preview-area .preview-photo.selected {
            border-color: #26b899; }
            /* line 337, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
            .sb-product-container .sb-product-section .import-area .preview-area .preview-photo.selected i.select-icon svg circle {
              fill: #26b899; }
          /* line 339, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .import-area .preview-area .preview-photo img {
            max-width: 100%;
            max-height: 100%; }
      /* line 342, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-container .sb-product-section .import-area button.import-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 3px dashed #ddd;
        background-color: initial; }
        /* line 349, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .import-area button.import-button.small-button {
          width: 100%;
          height: 100%;
          font-size: 80%; }
          /* line 353, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
          .sb-product-container .sb-product-section .import-area button.import-button.small-button i.icon {
            width: 30px;
            height: 30px;
            margin-bottom: 7px; }
        /* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-container .sb-product-section .import-area button.import-button i.icon {
          background-image: url("/assets/hg/icon/upload-arrow-7707a7e120301dacf70831ffd0763a4cdd241fba3c85ef53f7402633edc31935.svg");
          width: 50px;
          height: 50px;
          display: inline-block;
          margin-bottom: 15px; }
  /* line 363, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-container .sb-input {
    margin-bottom: 0; }
  /* line 365, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-container .sb-form-group {
    margin: 25px 0; }
    /* line 367, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-form-group input, .sb-product-container .sb-form-group textarea {
      margin: 0; }
    /* line 369, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .sb-form-group input:focus, .sb-product-container .sb-form-group textarea:focus {
      box-shadow: none; }
  /* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-container .sb-product-section:nth-last-child(1) {
    border-bottom: 0; }
  /* line 373, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-container .actions-section {
    height: 40px;
    margin-bottom: 15px; }
    /* line 376, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .actions-section a {
      margin-bottom: 15px; }
    /* line 378, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .actions-section a:nth-child(1) {
      float: left; }
    /* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .actions-section a:nth-child(2) {
      float: right; }
    /* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-container .actions-section a:nth-child(3) {
      float: right; }

/* line 386, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.swal-modal.popup-sku .swal-button--cancel {
  background-color: #26b899; }
  /* line 388, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .swal-modal.popup-sku .swal-button--cancel:hover, .swal-modal.popup-sku .swal-button--cancel:focus {
    background-color: #139f85; }
/* line 391, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.swal-modal.popup-sku .swal-button--confirm {
  border: 1px solid #d0d0d0;
  padding: 9px 32px;
  color: #666666;
  background-color: #fff; }
  /* line 396, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .swal-modal.popup-sku .swal-button--confirm:hover, .swal-modal.popup-sku .swal-button--confirm:focus {
    box-shadow: none;
    border: 1px solid #c0c0c0; }

/* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
.sb-product-photos-import-container .popup {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  min-width: 800px;
  width: auto;
  height: 550px;
  overflow: hidden;
  overflow-y: scroll;
  margin-top: 20px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 4px;
  z-index: 2000; }
  /* line 417, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup.active {
    display: block; }
    /* line 419, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-photos-import-container .popup.active + .backdrop {
      display: block; }
  /* line 421, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup .popup-header {
    display: block;
    padding: 16px;
    background-color: #fafafa;
    border-radius: 4px 4px 0 0; }
    /* line 426, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-photos-import-container .popup .popup-header .title {
      font-weight: 500;
      font-size: 120%; }
    /* line 429, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-photos-import-container .popup .popup-header .close-popup {
      width: 0;
      padding: 0 20px 0 4px;
      cursor: pointer; }
      /* line 433, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
      .sb-product-photos-import-container .popup .popup-header .close-popup .icon {
        padding: 0; }
        /* line 435, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
        .sb-product-photos-import-container .popup .popup-header .close-popup .icon:before {
          font-size: 80%;
          top: -8px;
          margin: 0; }
  /* line 439, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup .popup-body {
    padding: 16px;
    height: auto;
    overflow: hidden;
    overflow-y: scroll; }
    /* line 444, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
    .sb-product-photos-import-container .popup .popup-body .popup-panel {
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 5px; }
  /* line 448, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup .popup-footer {
    padding: 16px; }
  /* line 451, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup .storefront-products-import section.header {
    display: none; }
  /* line 453, /drone/softbaked/page365/app/assets/stylesheets/hg/products.css.sass */
  .sb-product-photos-import-container .popup .storefront-products-import .footer {
    padding-bottom: 0; }
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0.8; }
  45% {
    transform: scale(1.75);
    opacity: 0; } }
@keyframes stop-pulsate {
  from {
    opacity: 0.6; }
  to {
    transform: scale(2);
    opacity: 0; } }
/* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
.pulse-btn {
  position: absolute;
  z-index: 999999; }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
  .pulse-btn .circle {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 32px;
    height: 32px;
    margin: -0.666em auto auto -0.666em;
    background: #F9A825;
    border-radius: 50%;
    opacity: 0.8;
    transform-origin: 50% 50%;
    transition: opacity 0.2s ease-in, transform 0.1s ease-out;
    color: white;
    font-size: 1.5em;
    padding: 0;
    text-align: center;
    line-height: 32px;
    overflow: hidden; }
    /* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
    .pulse-btn .circle:hover {
      opacity: 0.8;
      cursor: pointer; }
    /* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
    .pulse-btn .circle:active {
      transform: scale(0.875); }
  /* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
  .pulse-btn .ring {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 32px;
    height: 32px;
    margin: -1em auto auto -1em;
    transform-origin: 50% 50%;
    border-radius: 50%;
    border: 3px solid #F9A825;
    opacity: 0;
    animation: pulsate 2s ease-out infinite; }
  /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
  .pulse-btn:hover .ring {
    animation: none; }
  /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/pulse.css.sass */
  .pulse-btn:active .ring {
    animation: stp-pulsate 0.3s; }
/** HOW TO USE
 *
 *  .class-name
 *    position: relative
 *    +body(phone)
 *      position: absolute
 *  .something-else
 *    color: red
 *    +body(phone tablet)
 *      color: green
 *
 */
/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/date_range_picker.sass */
.date-range-picker {
  border: none;
  border-radius: 3px;
  width: 140px;
  height: 100%;
  display: inline-flex;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  background-color: #26B899;
  color: #fff;
  font-size: 18px; }
  /* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/date_range_picker.sass */
  .date-range-picker:hover, .date-range-picker.active {
    background-color: #139f85; }
  /* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/date_range_picker.sass */
  .date-range-picker .glyphicons-calendar {
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 5px; }
    /* line 27, /drone/softbaked/page365/app/assets/stylesheets/hg/date_range_picker.sass */
    .date-range-picker .glyphicons-calendar:before {
      font-size: 16px; }

/* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/date_range_picker.sass */
.daterangepicker {
  z-index: 100000000; }
/* line 1, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
.non-display-ipad,
.display-ipad {
  display: none; }

/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations section.conversation-detail,
body.tablet.iPad.account\.nav\.conversations\.detail section.conversation-detail {
  left: 40%; }
/* line 9, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations section.conversations > nav,
body.tablet.iPad.account\.nav\.conversations\.detail section.conversations > nav {
  display: none; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations section.conversations > ul,
body.tablet.iPad.account\.nav\.conversations section.conversations > footer,
body.tablet.iPad.account\.nav\.conversations\.detail section.conversations > ul,
body.tablet.iPad.account\.nav\.conversations\.detail section.conversations > footer {
  left: 0; }
/* line 14, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations section.conversations,
body.tablet.iPad.account\.nav\.conversations\.detail section.conversations {
  width: 40%; }
/* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations section.messages,
body.tablet.iPad.account\.nav\.conversations\.detail section.messages {
  bottom: 34px; }

/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations\.detail\.order section.messages,
body.tablet.iPad.account\.nav\.conversations\.detail\.order\.item section.messages {
  width: 40%; }
/* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations\.detail\.order section.conversation-detail-order,
body.tablet.iPad.account\.nav\.conversations\.detail\.order\.item section.conversation-detail-order {
  left: 40%; }
/* line 25, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.conversations\.detail\.order section.order-sheet,
body.tablet.iPad.account\.nav\.conversations\.detail\.order\.item section.order-sheet {
  left: 0; }
  /* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.tablet.iPad.account\.nav\.conversations\.detail\.order section.order-sheet .order-detail-box.item .product-box .select-product-box,
  body.tablet.iPad.account\.nav\.conversations\.detail\.order\.item section.order-sheet .order-detail-box.item .product-box .select-product-box {
    width: 60%; }
  /* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.tablet.iPad.account\.nav\.conversations\.detail\.order section.order-sheet .order-detail-box.item .product-box .album-header .album-name .dropdown-menu,
  body.tablet.iPad.account\.nav\.conversations\.detail\.order\.item section.order-sheet .order-detail-box.item .product-box .album-header .album-name .dropdown-menu {
    left: 40%; }

/* line 37, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.orders section.order .ground,
body.tablet.iPad.account\.nav\.orders\.detail section.order .ground,
body.tablet.iPad.account\.nav\.orders\.detail\.item section.order .ground {
  display: none; }
/* line 39, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.orders section.order .order-list,
body.tablet.iPad.account\.nav\.orders\.detail section.order .order-list,
body.tablet.iPad.account\.nav\.orders\.detail\.item section.order .order-list {
  width: 40%; }
/* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.orders section.order-sheet,
body.tablet.iPad.account\.nav\.orders\.detail section.order-sheet,
body.tablet.iPad.account\.nav\.orders\.detail\.item section.order-sheet {
  left: 40%; }
  /* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.tablet.iPad.account\.nav\.orders section.order-sheet .order-detail-box.item .product-box .select-product-box,
  body.tablet.iPad.account\.nav\.orders\.detail section.order-sheet .order-detail-box.item .product-box .select-product-box,
  body.tablet.iPad.account\.nav\.orders\.detail\.item section.order-sheet .order-detail-box.item .product-box .select-product-box {
    width: 60%; }
  /* line 46, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.tablet.iPad.account\.nav\.orders section.order-sheet .order-detail-box.item .product-box .album-header .album-name .dropdown-menu,
  body.tablet.iPad.account\.nav\.orders\.detail section.order-sheet .order-detail-box.item .product-box .album-header .album-name .dropdown-menu,
  body.tablet.iPad.account\.nav\.orders\.detail\.item section.order-sheet .order-detail-box.item .product-box .album-header .album-name .dropdown-menu {
    left: 40%; }
/* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.orders ul.message-detail,
body.tablet.iPad.account\.nav\.orders\.detail ul.message-detail,
body.tablet.iPad.account\.nav\.orders\.detail\.item ul.message-detail {
  bottom: 0; }

/* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.account\.nav\.settings\.apps section.settings div.apps-form-box {
  margin-top: 40px; }

/* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.main,
body.iPad.tablet section.main,
body.Android.phone section.main,
body.Android.tablet section.main {
  top: 0;
  height: 100vh; }
/* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversations > ul,
body.iPad.tablet section.conversations > ul,
body.Android.phone section.conversations > ul,
body.Android.tablet section.conversations > ul {
  top: 0; }
  /* line 66, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversations > ul > li,
  body.iPad.tablet section.conversations > ul > li,
  body.Android.phone section.conversations > ul > li,
  body.Android.tablet section.conversations > ul > li {
    padding: 5px 0;
    height: 70px; }
    /* line 70, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversations > ul > li > div.conversation-checkbox,
    body.iPad.tablet section.conversations > ul > li > div.conversation-checkbox,
    body.Android.phone section.conversations > ul > li > div.conversation-checkbox,
    body.Android.tablet section.conversations > ul > li > div.conversation-checkbox {
      top: 0;
      left: 0;
      padding: 20px 100% 50px 15px;
      z-index: 200;
      background-image: url(/assets/hg/icon/mobile-conversation-uncheck-3119065ff8ae67642c52824b577e2b7f4a1b12ca990847b452aed17fb6bd4df8.png);
      background-repeat: no-repeat;
      background-position-x: 15px;
      background-position-y: 25px;
      background-size: 20px; }
      /* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.conversations > ul > li > div.conversation-checkbox input,
      body.iPad.tablet section.conversations > ul > li > div.conversation-checkbox input,
      body.Android.phone section.conversations > ul > li > div.conversation-checkbox input,
      body.Android.tablet section.conversations > ul > li > div.conversation-checkbox input {
        margin: 0;
        display: none; }
  /* line 84, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversations > ul > li.selected > div.conversation-checkbox,
  body.iPad.tablet section.conversations > ul > li.selected > div.conversation-checkbox,
  body.Android.phone section.conversations > ul > li.selected > div.conversation-checkbox,
  body.Android.tablet section.conversations > ul > li.selected > div.conversation-checkbox {
    background-image: url(/assets/hg/icon/mobile-conversation-checked-8f2aeddcc8357e271df75224fbbcf9b1a1f06831d816b92540fbe52b9b6652b6.png); }
/* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.order .head-menu,
body.iPad.tablet section.order .head-menu,
body.Android.phone section.order .head-menu,
body.Android.tablet section.order .head-menu {
  display: none; }
/* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.order .show-only-mobile,
body.iPad.tablet section.order .show-only-mobile,
body.Android.phone section.order .show-only-mobile,
body.Android.tablet section.order .show-only-mobile {
  display: block; }
/* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.order .hide-on-mobile,
body.iPad.tablet section.order .hide-on-mobile,
body.Android.phone section.order .hide-on-mobile,
body.Android.tablet section.order .hide-on-mobile {
  display: none !important; }
/* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.order .order-list,
body.iPad.tablet section.order .order-list,
body.Android.phone section.order .order-list,
body.Android.tablet section.order .order-list {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0; }
  /* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.order .order-list .scroll-box,
  body.iPad.tablet section.order .order-list .scroll-box,
  body.Android.phone section.order .order-list .scroll-box,
  body.Android.tablet section.order .order-list .scroll-box {
    top: 0;
    margin: 0;
    border-top: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    /* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.order .order-list .scroll-box li,
    body.iPad.tablet section.order .order-list .scroll-box li,
    body.Android.phone section.order .order-list .scroll-box li,
    body.Android.tablet section.order .order-list .scroll-box li {
      margin: 5px 0;
      border-top: 1px solid #ddd; }
      /* line 108, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.order .order-list .scroll-box li:first-child,
      body.iPad.tablet section.order .order-list .scroll-box li:first-child,
      body.Android.phone section.order .order-list .scroll-box li:first-child,
      body.Android.tablet section.order .order-list .scroll-box li:first-child {
        border: none; }
      /* line 110, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.order .order-list .scroll-box li:last-child,
      body.iPad.tablet section.order .order-list .scroll-box li:last-child,
      body.Android.phone section.order .order-list .scroll-box li:last-child,
      body.Android.tablet section.order .order-list .scroll-box li:last-child {
        border-bottom: 1px solid #ddd; }
    /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.order .order-list .scroll-box .order-row,
    body.iPad.tablet section.order .order-list .scroll-box .order-row,
    body.Android.phone section.order .order-list .scroll-box .order-row,
    body.Android.tablet section.order .order-list .scroll-box .order-row {
      height: 70px;
      padding: 10px; }
      /* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.order .order-list .scroll-box .order-row .flex-header,
      body.iPad.tablet section.order .order-list .scroll-box .order-row .flex-header,
      body.Android.phone section.order .order-list .scroll-box .order-row .flex-header,
      body.Android.tablet section.order .order-list .scroll-box .order-row .flex-header {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px; }
        /* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .flex-header.editing-orders,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .flex-header.editing-orders,
        body.Android.phone section.order .order-list .scroll-box .order-row .flex-header.editing-orders,
        body.Android.tablet section.order .order-list .scroll-box .order-row .flex-header.editing-orders {
          left: 40px; }
      /* line 122, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.order .order-list .scroll-box .order-row .column,
      body.iPad.tablet section.order .order-list .scroll-box .order-row .column,
      body.Android.phone section.order .order-list .scroll-box .order-row .column,
      body.Android.tablet section.order .order-list .scroll-box .order-row .column {
        font-size: 90%;
        border: none;
        line-height: 20px;
        height: 20px;
        padding: 0; }
        /* line 128, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-0,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-0,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-0,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-0 {
          width: 30px;
          height: 100%;
          text-align: center;
          padding: 18px 0;
          padding-right: 10px; }
        /* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1 {
          width: 50px;
          padding: 0 3px;
          color: #fff;
          text-align: center;
          border-radius: 2px; }
          /* line 140, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.unpaid,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.unpaid,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.unpaid,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.unpaid {
            background-color: #E74B3C; }
          /* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.transferred,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.transferred,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.transferred,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.transferred {
            background-color: #F39C11; }
          /* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.paid,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.paid,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.paid,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.paid {
            background-color: #3399DB; }
          /* line 146, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.shipped,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.shipped,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.shipped,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.shipped {
            background-color: #2DCD71; }
          /* line 148, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.expired,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.expired,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.expired,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.expired {
            background-color: #7E8C8D; }
          /* line 150, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-1.voided,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-1.voided,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-1.voided,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-1.voided {
            background-color: #C1392B; }
        /* line 152, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-2,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-2,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-2,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-2 {
          float: right;
          text-align: right;
          width: 55px; }
        /* line 156, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-3,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-3,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-3,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-3 {
          width: 100%;
          padding: 0 60px; }
        /* line 159, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-4,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-4,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-4,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-4 {
          text-align: right;
          float: right;
          margin-top: 10px;
          width: 70px; }
        /* line 164, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-5,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-5,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-5,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-5 {
          margin-top: 10px;
          width: 50px; }
        /* line 167, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
        body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-6,
        body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-6,
        body.Android.phone section.order .order-list .scroll-box .order-row .column.column-6,
        body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-6 {
          width: 100%;
          padding-left: 60px;
          padding-right: 75px;
          position: absolute;
          bottom: 0;
          left: 0; }
          /* line 174, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
          body.iPhone.phone section.order .order-list .scroll-box .order-row .column.column-6 .orders-transferred-bank,
          body.iPad.tablet section.order .order-list .scroll-box .order-row .column.column-6 .orders-transferred-bank,
          body.Android.phone section.order .order-list .scroll-box .order-row .column.column-6 .orders-transferred-bank,
          body.Android.tablet section.order .order-list .scroll-box .order-row .column.column-6 .orders-transferred-bank {
            margin: 0;
            margin-right: 3px; }
/* line 178, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .ios-app-order-detail-box,
body.iPad.tablet .ios-app-order-detail-box,
body.Android.phone .ios-app-order-detail-box,
body.Android.tablet .ios-app-order-detail-box {
  bottom: 0; }
/* line 181, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone ul.message-detail,
body.iPad.tablet ul.message-detail,
body.Android.phone ul.message-detail,
body.Android.tablet ul.message-detail {
  top: 0;
  bottom: 0 !important;
  margin: 0;
  -webkit-overflow-scrolling: touch; }
/* line 187, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .show-customer-detail,
body.iPad.tablet .show-customer-detail,
body.Android.phone .show-customer-detail,
body.Android.tablet .show-customer-detail {
  z-index: 8; }
/* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .page-toggle,
body.iPhone.phone .conversation-checkbox,
body.iPad.tablet .page-toggle,
body.iPad.tablet .conversation-checkbox,
body.Android.phone .page-toggle,
body.Android.phone .conversation-checkbox,
body.Android.tablet .page-toggle,
body.Android.tablet .conversation-checkbox {
  display: none; }
/* line 194, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .conversation-content,
body.iPad.tablet .conversation-content,
body.Android.phone .conversation-content,
body.Android.tablet .conversation-content {
  left: 20px; }
/* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone div.bill-time,
body.iPhone.phone div.state-box,
body.iPad.tablet div.bill-time,
body.iPad.tablet div.state-box,
body.Android.phone div.bill-time,
body.Android.phone div.state-box,
body.Android.tablet div.bill-time,
body.Android.tablet div.state-box {
  display: none; }
/* line 203, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail .customer-tag-box,
body.iPad.tablet section.conversation-detail .customer-tag-box,
body.Android.phone section.conversation-detail .customer-tag-box,
body.Android.tablet section.conversation-detail .customer-tag-box {
  margin-top: 0; }
/* line 208, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment,
body.iPhone.phone section.order section.order-sheet .tab-order-customer-payment,
body.iPad.tablet section.conversation-detail-order section.order-sheet .tab-order-customer-payment,
body.iPad.tablet section.order section.order-sheet .tab-order-customer-payment,
body.Android.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment,
body.Android.phone section.order section.order-sheet .tab-order-customer-payment,
body.Android.tablet section.conversation-detail-order section.order-sheet .tab-order-customer-payment,
body.Android.tablet section.order section.order-sheet .tab-order-customer-payment {
  top: 0; }
  /* line 211, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment .active span,
  body.iPhone.phone section.order section.order-sheet .tab-order-customer-payment .active span,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .tab-order-customer-payment .active span,
  body.iPad.tablet section.order section.order-sheet .tab-order-customer-payment .active span,
  body.Android.phone section.conversation-detail-order section.order-sheet .tab-order-customer-payment .active span,
  body.Android.phone section.order section.order-sheet .tab-order-customer-payment .active span,
  body.Android.tablet section.conversation-detail-order section.order-sheet .tab-order-customer-payment .active span,
  body.Android.tablet section.order section.order-sheet .tab-order-customer-payment .active span {
    width: 80%; }
/* line 213, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order section.order-sheet .order-detail-box,
body.iPhone.phone section.order section.order-sheet .order-detail-box,
body.iPad.tablet section.conversation-detail-order section.order-sheet .order-detail-box,
body.iPad.tablet section.order section.order-sheet .order-detail-box,
body.Android.phone section.conversation-detail-order section.order-sheet .order-detail-box,
body.Android.phone section.order section.order-sheet .order-detail-box,
body.Android.tablet section.conversation-detail-order section.order-sheet .order-detail-box,
body.Android.tablet section.order section.order-sheet .order-detail-box {
  top: 34px; }
  /* line 215, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box,
  body.iPhone.phone section.order section.order-sheet .order-detail-box .order-price-box,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box,
  body.iPad.tablet section.order section.order-sheet .order-detail-box .order-price-box,
  body.Android.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box,
  body.Android.phone section.order section.order-sheet .order-detail-box .order-price-box,
  body.Android.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box,
  body.Android.tablet section.order section.order-sheet .order-detail-box .order-price-box {
    background: #fff; }
    /* line 219, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input, body.iPhone.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.iPhone.phone section.order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.iPhone.phone section.order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.iPad.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.iPad.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.iPad.tablet section.order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.iPad.tablet section.order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.Android.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.Android.phone section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.Android.phone section.order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.Android.phone section.order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.Android.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.Android.tablet section.conversation-detail-order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input,
    body.Android.tablet section.order section.order-sheet .order-detail-box .order-price-box .value-box .shipping-cost input,
    body.Android.tablet section.order section.order-sheet .order-detail-box .order-price-box .value-box .discount-cost input {
      font-size: 90%; }
/* line 223, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box,
body.iPhone.phone section.order section.order-sheet .product-box .select-product-box,
body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box,
body.iPad.tablet section.order section.order-sheet .product-box .select-product-box,
body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box,
body.Android.phone section.order section.order-sheet .product-box .select-product-box,
body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box,
body.Android.tablet section.order section.order-sheet .product-box .select-product-box {
  top: 0 !important;
  width: 100%; }
  /* line 228, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .confirm-album,
  body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .close-album,
  body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .confirm-album {
    padding-top: 15px; }
  /* line 231, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name,
  body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name {
    padding-top: 15px; }
    /* line 233, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu,
    body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu {
      -webkit-overflow-scrolling: touch;
      width: 100%;
      max-height: 100%;
      top: 80px;
      left: 0;
      right: 0;
      bottom: 0;
      position: fixed; }
      /* line 242, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li,
      body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li {
        width: 100%; }
      /* line 244, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child,
      body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li:first-child {
        height: 33px; }
      /* line 246, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up,
      body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .arrow-up {
        position: absolute;
        top: -10px;
        left: 46%;
        width: 0;
        height: 0;
        z-index: 10;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid white; }
      /* line 256, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
      body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload,
      body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-menu li > .album-reload {
        position: fixed;
        text-align: center;
        border-bottom: 1px solid #ccc;
        top: 70px;
        right: 0;
        left: 0;
        z-index: 10;
        background: #fff; }
    /* line 266, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.Android.phone section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle,
    body.Android.tablet section.order section.order-sheet .product-box .select-product-box .album-header .album-name .dropdown-toggle {
      line-height: 30px; }
  /* line 269, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo,
  body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .albums .photo,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo,
  body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .albums .photo,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo,
  body.Android.phone section.order section.order-sheet .product-box .select-product-box .albums .photo,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo,
  body.Android.tablet section.order section.order-sheet .product-box .select-product-box .albums .photo {
    width: 50%;
    padding: 5px;
    margin: 0;
    padding-bottom: 30px; }
    /* line 274, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.iPhone.phone section.order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.iPad.tablet section.order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.Android.phone section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.Android.phone section.order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .select-product-box .albums .photo .photo-image,
    body.Android.tablet section.order section.order-sheet .product-box .select-product-box .albums .photo .photo-image {
      width: 100%;
      height: 100%; }
/* line 278, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item,
body.iPhone.phone section.order section.order-sheet .product-box .order-list-box li.item,
body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item,
body.iPad.tablet section.order section.order-sheet .product-box .order-list-box li.item,
body.Android.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item,
body.Android.phone section.order section.order-sheet .product-box .order-list-box li.item,
body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item,
body.Android.tablet section.order section.order-sheet .product-box .order-list-box li.item {
  min-height: 100px;
  height: auto; }
  /* line 281, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.iPhone.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.iPad.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.Android.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name,
  body.Android.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-1 .item-name {
    padding-left: 0;
    font-weight: 500; }
  /* line 285, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.iPhone.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.iPhone.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.iPad.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.iPad.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.Android.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.Android.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price,
  body.Android.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-count,
  body.Android.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-2 .item-price {
    font-weight: 500; }
  /* line 288, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.iPhone.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.iPad.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.iPad.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.Android.phone section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.Android.phone section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.Android.tablet section.conversation-detail-order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box,
  body.Android.tablet section.order section.order-sheet .product-box .order-list-box li.item .item-detail-on-phone-3 .item-note-box {
    padding-left: 0;
    font-weight: 500; }
/* line 292, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order section.order-item,
body.iPhone.phone section.order section.order-item,
body.iPad.tablet section.conversation-detail-order section.order-item,
body.iPad.tablet section.order section.order-item,
body.Android.phone section.conversation-detail-order section.order-item,
body.Android.phone section.order section.order-item,
body.Android.tablet section.conversation-detail-order section.order-item,
body.Android.tablet section.order section.order-item {
  overflow-y: scroll;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  /* line 299, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-item .image,
  body.iPhone.phone section.order section.order-item .image,
  body.iPad.tablet section.conversation-detail-order section.order-item .image,
  body.iPad.tablet section.order section.order-item .image,
  body.Android.phone section.conversation-detail-order section.order-item .image,
  body.Android.phone section.order section.order-item .image,
  body.Android.tablet section.conversation-detail-order section.order-item .image,
  body.Android.tablet section.order section.order-item .image {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%; }
  /* line 305, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.conversation-detail-order section.order-item .form-edit,
  body.iPhone.phone section.order section.order-item .form-edit,
  body.iPad.tablet section.conversation-detail-order section.order-item .form-edit,
  body.iPad.tablet section.order section.order-item .form-edit,
  body.Android.phone section.conversation-detail-order section.order-item .form-edit,
  body.Android.phone section.order section.order-item .form-edit,
  body.Android.tablet section.conversation-detail-order section.order-item .form-edit,
  body.Android.tablet section.order section.order-item .form-edit {
    padding: 10px 20px 20px 20px; }
    /* line 307, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-item .form-edit label,
    body.iPhone.phone section.order section.order-item .form-edit label,
    body.iPad.tablet section.conversation-detail-order section.order-item .form-edit label,
    body.iPad.tablet section.order section.order-item .form-edit label,
    body.Android.phone section.conversation-detail-order section.order-item .form-edit label,
    body.Android.phone section.order section.order-item .form-edit label,
    body.Android.tablet section.conversation-detail-order section.order-item .form-edit label,
    body.Android.tablet section.order section.order-item .form-edit label {
      margin-top: 10px;
      font-weight: 500;
      float: left;
      clear: right; }
    /* line 312, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-item .form-edit input,
    body.iPhone.phone section.conversation-detail-order section.order-item .form-edit textarea,
    body.iPhone.phone section.order section.order-item .form-edit input,
    body.iPhone.phone section.order section.order-item .form-edit textarea,
    body.iPad.tablet section.conversation-detail-order section.order-item .form-edit input,
    body.iPad.tablet section.conversation-detail-order section.order-item .form-edit textarea,
    body.iPad.tablet section.order section.order-item .form-edit input,
    body.iPad.tablet section.order section.order-item .form-edit textarea,
    body.Android.phone section.conversation-detail-order section.order-item .form-edit input,
    body.Android.phone section.conversation-detail-order section.order-item .form-edit textarea,
    body.Android.phone section.order section.order-item .form-edit input,
    body.Android.phone section.order section.order-item .form-edit textarea,
    body.Android.tablet section.conversation-detail-order section.order-item .form-edit input,
    body.Android.tablet section.conversation-detail-order section.order-item .form-edit textarea,
    body.Android.tablet section.order section.order-item .form-edit input,
    body.Android.tablet section.order section.order-item .form-edit textarea {
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding-left: 5px;
      padding-right: 5px; }
    /* line 319, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.phone section.conversation-detail-order section.order-item .form-edit .btn-save,
    body.iPhone.phone section.order section.order-item .form-edit .btn-save,
    body.iPad.tablet section.conversation-detail-order section.order-item .form-edit .btn-save,
    body.iPad.tablet section.order section.order-item .form-edit .btn-save,
    body.Android.phone section.conversation-detail-order section.order-item .form-edit .btn-save,
    body.Android.phone section.order section.order-item .form-edit .btn-save,
    body.Android.tablet section.conversation-detail-order section.order-item .form-edit .btn-save,
    body.Android.tablet section.order section.order-item .form-edit .btn-save {
      background: #1abc9c;
      margin: auto;
      text-align: center;
      width: 100%;
      padding: 5px;
      font-size: 25px;
      color: #fff;
      margin-top: 10px; }
/* line 330, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.conversation-detail-order .footer-box .btn-group.pull-left.bill-online.dropup,
body.iPhone.phone section.order .footer-box .btn-group.pull-left.bill-online.dropup,
body.iPad.tablet section.conversation-detail-order .footer-box .btn-group.pull-left.bill-online.dropup,
body.iPad.tablet section.order .footer-box .btn-group.pull-left.bill-online.dropup,
body.Android.phone section.conversation-detail-order .footer-box .btn-group.pull-left.bill-online.dropup,
body.Android.phone section.order .footer-box .btn-group.pull-left.bill-online.dropup,
body.Android.tablet section.conversation-detail-order .footer-box .btn-group.pull-left.bill-online.dropup,
body.Android.tablet section.order .footer-box .btn-group.pull-left.bill-online.dropup {
  display: none; }

/* line 336, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.tags .tag-box input,
body.Android.phone section.tags .tag-box input,
body.iPad section.tags .tag-box input {
  padding-top: 7px;
  padding-bottom: 7px; }
/* line 341, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.apps .apps-form-box,
body.iPhone.phone section.apps .apps-show-box,
body.Android.phone section.apps .apps-form-box,
body.Android.phone section.apps .apps-show-box,
body.iPad section.apps .apps-form-box,
body.iPad section.apps .apps-show-box {
  border: 0; }
  /* line 345, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.apps .apps-form-box .input-box input,
  body.iPhone.phone section.apps .apps-show-box .input-box input,
  body.Android.phone section.apps .apps-form-box .input-box input,
  body.Android.phone section.apps .apps-show-box .input-box input,
  body.iPad section.apps .apps-form-box .input-box input,
  body.iPad section.apps .apps-show-box .input-box input {
    padding-top: 5px;
    padding-bottom: 5px; }
  /* line 348, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.apps .apps-form-box .input-box .line-login,
  body.iPhone.phone section.apps .apps-show-box .input-box .line-login,
  body.Android.phone section.apps .apps-form-box .input-box .line-login,
  body.Android.phone section.apps .apps-show-box .input-box .line-login,
  body.iPad section.apps .apps-form-box .input-box .line-login,
  body.iPad section.apps .apps-show-box .input-box .line-login {
    width: 100%; }
  /* line 350, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.phone section.apps .apps-form-box .input-box.email .glyphicons,
  body.iPhone.phone section.apps .apps-show-box .input-box.email .glyphicons,
  body.Android.phone section.apps .apps-form-box .input-box.email .glyphicons,
  body.Android.phone section.apps .apps-show-box .input-box.email .glyphicons,
  body.iPad section.apps .apps-form-box .input-box.email .glyphicons,
  body.iPad section.apps .apps-show-box .input-box.email .glyphicons {
    margin-top: -3px; }
/* line 352, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.payment .add-bank,
body.Android.phone section.payment .add-bank,
body.iPad section.payment .add-bank {
  text-align: center; }
/* line 354, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.payment .bank-name,
body.Android.phone section.payment .bank-name,
body.iPad section.payment .bank-name {
  width: 100%; }
/* line 357, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .ngdialog.ngdialog-theme-flat .ngdialog-close,
body.Android.phone .ngdialog.ngdialog-theme-flat .ngdialog-close,
body.iPad .ngdialog.ngdialog-theme-flat .ngdialog-close {
  padding: 10px 0 10px 10px; }
/* line 359, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone .ngdialog.ngdialog-theme-flat .ngdialog-content ul li,
body.Android.phone .ngdialog.ngdialog-theme-flat .ngdialog-content ul li,
body.iPad .ngdialog.ngdialog-theme-flat .ngdialog-content ul li {
  width: 100%; }
/* line 361, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.phone section.payment-phone-edit input,
body.Android.phone section.payment-phone-edit input,
body.iPad section.payment-phone-edit input {
  padding-top: 3px;
  padding-bottom: 3px; }

/* line 367, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad ul.touring li.official {
  top: 0; }
/* line 371, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad section.conversation-detail-order section.order-item .image {
  height: 300px; }
/* line 377, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad section.conversation-detail-order section.order-sheet .order-detail-box.item .product-box .select-product-box .albums .photo {
  height: 200px; }
/* line 380, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad section.conversation-detail-order section.order-sheet .order-detail-box.item .product-box .select-product-box .album-header .album-name .dropdown-menu {
  width: 60%; }
/* line 382, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad section.conversation-detail-order section.order-sheet .order-detail-box.item .product-box .select-product-box .album-header .album-name li > .album-reload {
  left: 40%; }
/* line 384, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad .display-ipad {
  display: block; }

/* line 394, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.tablet.iPad.account\.nav\.customers section.customers ul,
body.tablet.iPad.account\.nav\.customers\.detail section.customers ul,
body.phone.iPhone.account\.nav\.customers section.customers ul,
body.phone.iPhone.account\.nav\.customers\.detail section.customers ul,
body.Android.account\.nav\.customers section.customers ul,
body.Android.account\.nav\.customers\.detail section.customers ul {
  top: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch; }

/* line 400, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.account\.nav\.customers\.detail section.customer-detail {
  padding-top: 0; }
  /* line 402, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.account\.nav\.customers\.detail section.customer-detail .profile-orders div.header {
    border-radius: 5px 5px 0 0; }

/* line 423, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.account\.nav\.settings\.user section.settings .menu,
body.iPhone.account\.nav\.settings\.account section.settings .menu,
body.iPhone.account\.nav\.settings\.invoices section.settings .menu,
body.iPhone.account\.nav\.settings\.notifications section.settings .menu,
body.iPhone.account\.nav\.settings\.autoreply section.settings .menu,
body.iPhone.account\.nav\.settings\.apps section.settings .menu,
body.iPhone.account\.nav\.settings\.payment section.settings .menu,
body.iPhone.account\.nav\.settings\.tags section.settings .menu,
body.iPhone.account\.nav\.settings\.leads section.settings .menu,
body.Android.account\.nav\.settings\.user section.settings .menu,
body.Android.account\.nav\.settings\.account section.settings .menu,
body.Android.account\.nav\.settings\.invoices section.settings .menu,
body.Android.account\.nav\.settings\.notifications section.settings .menu,
body.Android.account\.nav\.settings\.autoreply section.settings .menu,
body.Android.account\.nav\.settings\.apps section.settings .menu,
body.Android.account\.nav\.settings\.payment section.settings .menu,
body.Android.account\.nav\.settings\.tags section.settings .menu,
body.Android.account\.nav\.settings\.leads section.settings .menu {
  position: absolute;
  left: -100%;
  right: 0; }
/* line 427, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.account\.nav\.settings\.user section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.account section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.invoices section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.notifications section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.autoreply section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.apps section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.payment section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.tags section.settings .tag-box input,
body.iPhone.account\.nav\.settings\.leads section.settings .tag-box input,
body.Android.account\.nav\.settings\.user section.settings .tag-box input,
body.Android.account\.nav\.settings\.account section.settings .tag-box input,
body.Android.account\.nav\.settings\.invoices section.settings .tag-box input,
body.Android.account\.nav\.settings\.notifications section.settings .tag-box input,
body.Android.account\.nav\.settings\.autoreply section.settings .tag-box input,
body.Android.account\.nav\.settings\.apps section.settings .tag-box input,
body.Android.account\.nav\.settings\.payment section.settings .tag-box input,
body.Android.account\.nav\.settings\.tags section.settings .tag-box input,
body.Android.account\.nav\.settings\.leads section.settings .tag-box input {
  width: 88%; }

/* line 432, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.account\.nav\.settings div.menu,
body.Android.account\.nav\.settings div.menu {
  background: #fff; }
/* line 434, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPhone.account\.nav\.settings ul,
body.Android.account\.nav\.settings ul {
  margin-top: 20px; }
  /* line 436, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPhone.account\.nav\.settings ul li,
  body.Android.account\.nav\.settings ul li {
    border-bottom: 1px solid #ccc;
    line-height: 35px;
    height: 46px;
    position: relative; }
    /* line 441, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.account\.nav\.settings ul li > a,
    body.Android.account\.nav\.settings ul li > a {
      padding-left: 50px; }
    /* line 443, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.account\.nav\.settings ul li span.glyphicons,
    body.iPhone.account\.nav\.settings ul li span.glyphicons:before,
    body.Android.account\.nav\.settings ul li span.glyphicons,
    body.Android.account\.nav\.settings ul li span.glyphicons:before {
      font-size: 20px;
      color: #c7c7c7;
      position: absolute;
      top: 7px;
      left: 5px; }
    /* line 450, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPhone.account\.nav\.settings ul li span.glyphicons-chevron-right,
    body.Android.account\.nav\.settings ul li span.glyphicons-chevron-right {
      right: -20px;
      left: inherit; }

/* line 465, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings section.settings .menu,
body.iPad.account\.nav\.settings\.user section.settings .menu,
body.iPad.account\.nav\.settings\.account section.settings .menu,
body.iPad.account\.nav\.settings\.admins section.settings .menu,
body.iPad.account\.nav\.settings\.invoices section.settings .menu,
body.iPad.account\.nav\.settings\.autoreply section.settings .menu,
body.iPad.account\.nav\.settings\.tags section.settings .menu,
body.iPad.account\.nav\.settings\.apps section.settings .menu,
body.iPad.account\.nav\.settings\.payment section.settings .menu,
body.iPad.account\.nav\.settings\.leads section.settings .menu {
  width: auto;
  background: #fff;
  position: absolute;
  left: 0;
  right: 60%; }
/* line 471, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings section.settings .content,
body.iPad.account\.nav\.settings\.user section.settings .content,
body.iPad.account\.nav\.settings\.account section.settings .content,
body.iPad.account\.nav\.settings\.admins section.settings .content,
body.iPad.account\.nav\.settings\.invoices section.settings .content,
body.iPad.account\.nav\.settings\.autoreply section.settings .content,
body.iPad.account\.nav\.settings\.tags section.settings .content,
body.iPad.account\.nav\.settings\.apps section.settings .content,
body.iPad.account\.nav\.settings\.payment section.settings .content,
body.iPad.account\.nav\.settings\.leads section.settings .content {
  width: auto;
  position: absolute;
  left: 40%;
  right: 0; }
/* line 476, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings section.settings section,
body.iPad.account\.nav\.settings\.user section.settings section,
body.iPad.account\.nav\.settings\.account section.settings section,
body.iPad.account\.nav\.settings\.admins section.settings section,
body.iPad.account\.nav\.settings\.invoices section.settings section,
body.iPad.account\.nav\.settings\.autoreply section.settings section,
body.iPad.account\.nav\.settings\.tags section.settings section,
body.iPad.account\.nav\.settings\.apps section.settings section,
body.iPad.account\.nav\.settings\.payment section.settings section,
body.iPad.account\.nav\.settings\.leads section.settings section {
  width: 100%; }
/* line 478, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings ul,
body.iPad.account\.nav\.settings\.user ul,
body.iPad.account\.nav\.settings\.account ul,
body.iPad.account\.nav\.settings\.admins ul,
body.iPad.account\.nav\.settings\.invoices ul,
body.iPad.account\.nav\.settings\.autoreply ul,
body.iPad.account\.nav\.settings\.tags ul,
body.iPad.account\.nav\.settings\.apps ul,
body.iPad.account\.nav\.settings\.payment ul,
body.iPad.account\.nav\.settings\.leads ul {
  margin-top: 20px; }
  /* line 480, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
  body.iPad.account\.nav\.settings ul li,
  body.iPad.account\.nav\.settings\.user ul li,
  body.iPad.account\.nav\.settings\.account ul li,
  body.iPad.account\.nav\.settings\.admins ul li,
  body.iPad.account\.nav\.settings\.invoices ul li,
  body.iPad.account\.nav\.settings\.autoreply ul li,
  body.iPad.account\.nav\.settings\.tags ul li,
  body.iPad.account\.nav\.settings\.apps ul li,
  body.iPad.account\.nav\.settings\.payment ul li,
  body.iPad.account\.nav\.settings\.leads ul li {
    border-bottom: 1px solid #ccc;
    line-height: 35px;
    height: 46px;
    position: relative; }
    /* line 485, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPad.account\.nav\.settings ul li > a,
    body.iPad.account\.nav\.settings\.user ul li > a,
    body.iPad.account\.nav\.settings\.account ul li > a,
    body.iPad.account\.nav\.settings\.admins ul li > a,
    body.iPad.account\.nav\.settings\.invoices ul li > a,
    body.iPad.account\.nav\.settings\.autoreply ul li > a,
    body.iPad.account\.nav\.settings\.tags ul li > a,
    body.iPad.account\.nav\.settings\.apps ul li > a,
    body.iPad.account\.nav\.settings\.payment ul li > a,
    body.iPad.account\.nav\.settings\.leads ul li > a {
      padding-left: 50px; }
    /* line 487, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPad.account\.nav\.settings ul li span.glyphicons,
    body.iPad.account\.nav\.settings ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.user ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.user ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.account ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.account ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.admins ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.admins ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.invoices ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.invoices ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.autoreply ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.autoreply ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.tags ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.tags ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.apps ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.apps ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.payment ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.payment ul li span.glyphicons:before,
    body.iPad.account\.nav\.settings\.leads ul li span.glyphicons,
    body.iPad.account\.nav\.settings\.leads ul li span.glyphicons:before {
      font-size: 20px;
      color: #c7c7c7;
      position: absolute;
      top: 7px;
      left: 5px; }
    /* line 494, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
    body.iPad.account\.nav\.settings ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.user ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.account ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.admins ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.invoices ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.autoreply ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.tags ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.apps ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.payment ul li span.glyphicons-chevron-right,
    body.iPad.account\.nav\.settings\.leads ul li span.glyphicons-chevron-right {
      right: -20px;
      left: inherit; }
/* line 497, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings .ngdialog,
body.iPad.account\.nav\.settings\.user .ngdialog,
body.iPad.account\.nav\.settings\.account .ngdialog,
body.iPad.account\.nav\.settings\.admins .ngdialog,
body.iPad.account\.nav\.settings\.invoices .ngdialog,
body.iPad.account\.nav\.settings\.autoreply .ngdialog,
body.iPad.account\.nav\.settings\.tags .ngdialog,
body.iPad.account\.nav\.settings\.apps .ngdialog,
body.iPad.account\.nav\.settings\.payment .ngdialog,
body.iPad.account\.nav\.settings\.leads .ngdialog {
  width: 60%;
  left: 40%; }
/* line 500, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.iPad.account\.nav\.settings .ngdialog-content,
body.iPad.account\.nav\.settings\.user .ngdialog-content,
body.iPad.account\.nav\.settings\.account .ngdialog-content,
body.iPad.account\.nav\.settings\.admins .ngdialog-content,
body.iPad.account\.nav\.settings\.invoices .ngdialog-content,
body.iPad.account\.nav\.settings\.autoreply .ngdialog-content,
body.iPad.account\.nav\.settings\.tags .ngdialog-content,
body.iPad.account\.nav\.settings\.apps .ngdialog-content,
body.iPad.account\.nav\.settings\.payment .ngdialog-content,
body.iPad.account\.nav\.settings\.leads .ngdialog-content {
  height: 100%;
  top: 50% !important;
  margin: 0; }

/* line 507, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.accounts .user-profile h2 {
  margin-bottom: 0; }
/* line 509, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.accounts .box.phone {
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
/* line 513, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.accounts .box.facebook-reminder {
  margin-bottom: 0;
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
/* line 518, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.accounts p.description {
  max-width: 250px;
  margin: auto; }
/* line 521, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.accounts .pimploen-use-facebook-page {
  margin-top: 10px !important; }

/* line 525, /drone/softbaked/page365/app/assets/stylesheets/hg/mobile.css.sass */
body.phone.account\.nav\.orders\.detail section.main {
  top: 0;
  z-index: 999999; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th.desktop .order-sheet .order-detail-box.customer .name span,
body.th.desktop .order-sheet .order-detail-box.customer .name input,
body.th.desktop .order-sheet .order-detail-box.customer .name textarea,
body.th.desktop .order-sheet .order-detail-box.customer .phone span,
body.th.desktop .order-sheet .order-detail-box.customer .phone input,
body.th.desktop .order-sheet .order-detail-box.customer .phone textarea,
body.th.desktop .order-sheet .order-detail-box.customer .email span,
body.th.desktop .order-sheet .order-detail-box.customer .email input,
body.th.desktop .order-sheet .order-detail-box.customer .email textarea,
body.th.desktop .order-sheet .order-detail-box.customer .address span,
body.th.desktop .order-sheet .order-detail-box.customer .address input,
body.th.desktop .order-sheet .order-detail-box.customer .address textarea,
body.th.desktop .order-sheet .order-detail-box.customer .shipping span,
body.th.desktop .order-sheet .order-detail-box.customer .shipping input,
body.th.desktop .order-sheet .order-detail-box.customer .shipping textarea,
body.th.desktop .order-sheet .order-detail-box.customer .ems-code span,
body.th.desktop .order-sheet .order-detail-box.customer .ems-code input,
body.th.desktop .order-sheet .order-detail-box.customer .ems-code textarea,
body.th.desktop .order-sheet .order-detail-box.customer .note span,
body.th.desktop .order-sheet .order-detail-box.customer .note input,
body.th.desktop .order-sheet .order-detail-box.customer .note textarea {
  max-width: 65%; }
/* line 16, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th .content-font, body.th section.conversations ul.conversation-list, body.th section.conversation-detail section.messages, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .select-product-box .albums .photo .photo-name, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .order-list-box li.item .item-detail, body.th section.order div.order-list, body.th section.order section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-detail, body.th section.order section.order-sheet .order-detail-box.item .product-box .select-product-box .albums .photo .photo-name, body.th section.order section.order-sheet .order-detail-box.customer, body.th section.customers ul.customer-area, body.th section.customer-detail .profile-detail, body.th section.customer-detail .profile-orders, body.th section.storefront-shippings .tour .step .body .content, body.th .introjs-tooltip {
  font-family: helvetica, arial, sans-serif;
  font-size: 70%;
  letter-spacing: -0.1px;
  line-height: 1.4; }
/* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th .ui-font, body.th section.conversations ul.conversation-list span.show-customer-tag, body.th section.conversation-detail section.messages .text-conversation, body.th section.conversation-detail section.messages .add-to-order, body.th section.conversation-detail section.messages section.reply .reply-tools a.reply-button, body.th section.conversation-detail aside.customer .customer-detail-box .text-button, body.th section.conversation-detail aside.customer .customer-tag-box, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment .no-payment, body.th section.order section.order-sheet .order-detail-box.customer .customer-header, body.th section.customers .customer-list .box-tag, body.th section.customer-detail .profile-orders div.header {
  font-family: helx, sans-serif;
  font-size: 140%;
  line-height: 22px; }
/* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversations ul.conversation-list {
  font-size: 75%; }
  /* line 31, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
  body.th section.conversations ul.conversation-list span.show-customer-tag {
    font-size: 85%;
    line-height: 12px; }
/* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.messages div.message {
  line-height: 1.7; }
/* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.messages .add-to-order {
  font-size: 130%; }
/* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.messages div.updates {
  line-height: 1.7; }
/* line 48, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.messages section.reply textarea {
  font-size: 100%; }
/* line 53, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.messages section.reply .reply-tools a.text-button i.glyphicons-camera {
  margin-top: -2px; }
/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail aside.customer {
  padding-bottom: 0; }
  /* line 58, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
  body.th section.conversation-detail aside.customer .customer-detail-box .address {
    width: 66%; }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
  body.th section.conversation-detail aside.customer .customer-detail-box .phone {
    width: 34%; }
    /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
    body.th section.conversation-detail aside.customer .customer-detail-box .phone span {
      padding-right: 0;
      overflow: visible; }
  /* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
  body.th section.conversation-detail aside.customer .customer-tag-box .inner-tags {
    font-size: 110%; }
  /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
  body.th section.conversation-detail aside.customer .customer-tag-box div.btn-group button.btn.small {
    font-size: 85%; }
/* line 78, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.name span, body.th section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.phone span {
  top: 3px; }
/* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.order section.order-sheet .order-detail-box.customer .customer-header {
  font-size: 175%; }
/* line 104, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.order section.order-sheet .order-detail-box.customer .icon-text-box.name span {
  top: 3px; }
/* line 107, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.customers ul.customer-area {
  overflow-y: scroll; }
/* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.customer-detail .profile-detail span.glyphicons {
  margin-top: 2px; }
/* line 122, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.customer-detail .profile-orders ul.order li.body .name {
  font-weight: 600; }
/* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/th.css.sass */
body.th section.customer-detail .profile-orders ul.order li.body .no {
  top: 10px; }
/* line 2, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .container ul.account li a.list .account-open {
  right: 60px; }
  /* line 4, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi .container ul.account li a.list .account-open .btn-on {
    padding-left: 5px;
    padding-right: 5px; }
/* line 8, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversations > nav li a {
  line-height: 1.2;
  height: 65px; }
  /* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.conversations > nav li a i {
    margin-bottom: 5px; }
/* line 15, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .conversation-detail-order .text-detail-order {
  max-width: 300px; }
  /* line 17, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.conversation-detail .conversation-detail-order .text-detail-order span {
    font-size: 100%; }
/* line 19, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .customer-detail-box h2 {
  padding-right: 210px; }
/* line 21, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .messages .text-conversation span {
  font-size: 100%; }
/* line 23, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .message-detail li .updates div p {
  font-size: 90%; }
/* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .customer-detail-box a.edit-customer {
  right: 165px; }
/* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.conversation-detail .customer-detail-box a.edit-customer.save {
  right: 200px; }
/* line 32, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order .head-menu .filter-box {
  height: 55px; }
  /* line 34, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order .head-menu .filter-box .filter {
    height: 55px; }
    /* line 36, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
    body.vi section.order .head-menu .filter-box .filter .title {
      font-size: 90%;
      font-weight: 700;
      line-height: 1.5; }
/* line 41, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order .head-menu .action-box .filter-button .dropdown-menu {
  min-width: 130px; }
/* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order .head-menu .action-box .cancel-edit-orders {
  width: 125px; }
/* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .state-box .setting .bill-no .btn-group ul.dropdown-menu li span {
  width: 85px; }
/* line 51, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .state-box .setting .bill-no .btn-group ul.dropdown-menu li.new-order a {
  padding: 0;
  text-indent: 2px; }
  /* line 54, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order-sheet .state-box .setting .bill-no .btn-group ul.dropdown-menu li.new-order a i {
    left: 5px; }
/* line 56, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .state-box .state {
  font-weight: 700; }
/* line 59, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-result {
  font-size: 80%; }
  /* line 61, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-result .item-count input,
  body.vi section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-result .item-price input {
    margin: 0; }
  /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-result .item-price input {
    margin-left: 29px; }
/* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .order-detail-box.item .product-box .select-product-box .album-header .button-menu {
  width: 50px;
  text-align: right; }
/* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .order-detail-box.payment .detail-payment .detail {
  padding-right: 55%;
  position: relative; }
  /* line 74, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order-sheet .order-detail-box.payment .detail-payment .detail > span,
  body.vi section.order-sheet .order-detail-box.payment .detail-payment .detail img {
    left: 50%;
    right: 0;
    top: 5px; }
/* line 81, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .order-detail-box.customer .icon-text-box {
  padding-right: 55%; }
  /* line 83, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.order-sheet .order-detail-box.customer .icon-text-box > span {
    left: 50%;
    right: 0;
    margin-left: 0; }
/* line 88, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .tab-order-customer-payment {
  font-size: 90%; }
/* line 93, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .footer-box .bill-online ul.dropdown-menu .void p,
body.vi section.order-sheet .footer-box .bill-online ul.dropdown-menu .delete p {
  margin: 0 0 0 21px; }
/* line 97, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .footer-box .change-state ul.dropdown-menu .void p,
body.vi section.order-sheet .footer-box .change-state ul.dropdown-menu .delete p {
  margin: 0 0 0 21px; }
/* line 101, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.order-sheet .footer-box a.btn.btn-success.transferred {
  font-size: 70%; }
/* line 105, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.analytics .top-item-box h1 {
  font-size: 150%; }
/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-albums .menu .filter-items {
  min-width: 185px; }
/* line 111, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-albums .description {
  font-size: 90%; }
/* line 115, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-products .product-description {
  padding-right: 120px !important; }
/* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-products .product-action .glyphicons-ok-2:before {
  font-size: 90%; }
/* line 119, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-products .menu .filter-items {
  min-width: 215px; }
/* line 123, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.storefront-item .item .description {
  font-size: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; }
/* line 132, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings .main-switch .circle:before {
  top: -3px; }
/* line 134, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings .main-switch .bootstrap-switch-handle-off {
  padding-left: 2px; }
/* line 136, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings .content .payment .add-bank {
  font-size: 105%; }
/* line 138, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings section.autoreply .invoice .list-group-item .message {
  padding-right: 110px; }
/* line 142, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings section.invoices .list-group .column.data.small-text {
  line-height: 12px; }
/* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings section.invoices .description {
  font-size: 80%; }
/* line 147, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.settings section.payment .lock-description {
  margin-top: -12px; }
  /* line 149, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.settings section.payment .lock-description .glyphicons.glyphicons-lock:before {
    top: -4px; }
/* line 153, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi section.badges .window {
  height: 685px; }
  /* line 155, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.badges .window .banner {
    height: 150px;
    background-position: center -44px; }
  /* line 158, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.badges .window .header.level {
    top: 130px; }
  /* line 160, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.badges .window .level-badges li {
    padding: 0 15px; }
    /* line 162, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
    body.vi section.badges .window .level-badges li .title {
      height: 45px; }
  /* line 164, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi section.badges .window .one-time-badges li .title {
    font-size: 75%; }
/* line 167, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .achievement-gamify .noty_text {
  height: auto !important; }
  /* line 170, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi .achievement-gamify .noty_text p:first-child {
    font-size: 75% !important; }
  /* line 172, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
  body.vi .achievement-gamify .noty_text p:last-child {
    font-size: 60% !important;
    margin-bottom: 0; }
/* line 177, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi.phone section.badges .one-time-badges li .detail {
  height: 45px; }
/* line 183, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog.ngdialog-theme-tour .bank-setting .banks-detail .bank-list .bank-slug {
  font-size: 11px; }
/* line 185, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog.ngdialog-theme-tour .bank-setting .no-account .green-button,
body.vi .ngdialog.ngdialog-theme-tour .bank-setting .bank-accounts .white-button {
  font-size: 13px;
  padding-left: 0;
  padding-right: 0; }
/* line 190, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog.ngdialog-theme-tour .line-setting .next-setting {
  margin-left: 190px;
  margin-right: 190px; }
/* line 193, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog.ngdialog-theme-tour .introduce-pimploen .detail {
  width: 475px; }
/* line 198, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog-theme-setting-phone .main-switch .circle:before {
  top: -3px; }
/* line 200, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog-theme-setting-phone .main-switch .bootstrap-switch-handle-off {
  padding-left: 2px; }
/* line 203, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog-theme-setting-phone .invoice textarea {
  line-height: 1.2; }
/* line 205, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi .ngdialog-theme-setting-phone .invoice section.preview .message {
  line-height: 1.3; }
/* line 212, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi.desktop .ngdialog.ngdialog-theme-tour .line-setting .line-login, body.vi.tablet .ngdialog.ngdialog-theme-tour .line-setting .line-login {
  padding: 0 85px; }
/* line 214, /drone/softbaked/page365/app/assets/stylesheets/hg/vi.css.sass */
body.vi.desktop .ngdialog.ngdialog-theme-tour .line-setting .line-detail > p, body.vi.tablet .ngdialog.ngdialog-theme-tour .line-setting .line-detail > p {
  font-size: 13px; }
/* line 3, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversations > header .select-browser button {
  padding: 0 4px !important;
  font-size: 13px !important; }
/* line 7, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversations > nav li .unread-type {
  padding-top: 4px;
  line-height: 14px; }
/* line 10, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversations > nav li .invoice-type {
  padding-top: 6px;
  line-height: 14px; }
/* line 13, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversations > footer h4 > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center; }
/* line 22, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversation-detail .customer-detail-box > h2 {
  padding-right: 130px; }
  /* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.conversation-detail .customer-detail-box > h2.cut {
    padding-right: 195px; }
/* line 26, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversation-detail .customer-detail-box .text-button {
  font-size: 16px; }
/* line 28, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.conversation-detail .customer-detail-box .edit-customer {
  right: 110px; }
  /* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.conversation-detail .customer-detail-box .edit-customer.save {
    right: 185px; }
/* line 35, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .state-box .bill-no li span {
  width: 80px !important; }
/* line 38, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .state-box .bill-no li.new-order a {
  padding-left: 0 !important; }
/* line 40, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .state-box .bill-no li.new-order .glyphicons {
  text-indent: 5px !important;
  width: 2px !important; }
/* line 43, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .state-box .state {
  font-size: 16px; }
/* line 45, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .tab-order-customer-payment .tab-payment > span {
  display: inline-block;
  width: 80%; }
/* line 49, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .order-list-box li .item-price input {
  margin-left: 9px !important;
  margin-right: 4px !important; }
/* line 52, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .order-list-box li .item-count input {
  margin-right: 5px !important; }
/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .order-detail-box.customer .icon-text-box > span {
  left: 115px !important; }
/* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .order-detail-box.payment .detail > span, body.id section.order-sheet .order-detail-box.payment .detail > img {
  left: 155px !important; }
/* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order-sheet .footer-box .btn-success.transferred {
  margin-left: 23px; }
/* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order .head-menu .filter-box .filter .title {
  font-size: 14px; }
/* line 67, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order .head-menu .action-box .filter-button .dropdown-menu {
  min-width: 130px; }
/* line 69, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.order .head-menu .action-box .cancel-edit-orders {
  width: 125px; }
/* line 72, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.storefront-shippings .menu .btn-action {
  width: auto; }
/* line 77, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.storefront-shippings .shipping-options .edit-mode .unit,
body.id section.storefront-shippings .shipping-options .normal-mode .unit {
  float: left; }
/* line 79, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.storefront-shippings .shipping-options .edit-mode .price,
body.id section.storefront-shippings .shipping-options .normal-mode .price {
  text-align: left !important; }
/* line 82, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.storefront-products .dropdown-menu {
  min-width: 165px !important; }
/* line 85, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.badges .window {
  height: 685px; }
  /* line 87, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.badges .window .banner {
    height: 150px;
    background-position: center -44px; }
  /* line 90, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.badges .window .header.level {
    top: 130px; }
  /* line 92, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.badges .window .level-badges li {
    padding: 0 15px; }
    /* line 94, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
    body.id section.badges .window .level-badges li .detail {
      height: 45px; }
  /* line 96, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id section.badges .window .one-time-badges li .detail {
    height: 45px; }
/* line 100, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.settings .main-switch .bootstrap-switch-handle-off {
  padding-left: 2px; }
/* line 102, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.settings section.autoreply .invoice .list-group-item .message {
  padding-right: 75px; }
/* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id section.settings section.invoices .list-group .column.data.small-text {
  line-height: 12px; }
/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id .achievement-gamify .noty_text {
  height: auto !important; }
  /* line 112, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id .achievement-gamify .noty_text p:first-child {
    font-size: 75% !important; }
  /* line 114, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
  body.id .achievement-gamify .noty_text p:last-child {
    font-size: 60% !important;
    margin-bottom: 0; }
/* line 120, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id .ngdialog.ngdialog-theme-tour .introduce-pimploen .detail {
  width: 515px; }
/* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id .ngdialog.ngdialog-theme-setting-phone .main-switch .bootstrap-switch-handle-off {
  padding-left: 2px; }
/* line 128, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id.phone section.badges .level-badges li .detail {
  height: auto; }
/* line 131, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id.phone .ngdialog.ngdialog-theme-tour .bank-setting .bank-accounts .white-button {
  padding-left: 8px;
  padding-right: 8px; }
/* line 144, /drone/softbaked/page365/app/assets/stylesheets/hg/id.css.sass */
body.id.desktop .order-sheet .order-detail-box.customer .name span,
body.id.desktop .order-sheet .order-detail-box.customer .name input,
body.id.desktop .order-sheet .order-detail-box.customer .name textarea,
body.id.desktop .order-sheet .order-detail-box.customer .phone span,
body.id.desktop .order-sheet .order-detail-box.customer .phone input,
body.id.desktop .order-sheet .order-detail-box.customer .phone textarea,
body.id.desktop .order-sheet .order-detail-box.customer .email span,
body.id.desktop .order-sheet .order-detail-box.customer .email input,
body.id.desktop .order-sheet .order-detail-box.customer .email textarea,
body.id.desktop .order-sheet .order-detail-box.customer .address span,
body.id.desktop .order-sheet .order-detail-box.customer .address input,
body.id.desktop .order-sheet .order-detail-box.customer .address textarea,
body.id.desktop .order-sheet .order-detail-box.customer .shipping span,
body.id.desktop .order-sheet .order-detail-box.customer .shipping input,
body.id.desktop .order-sheet .order-detail-box.customer .shipping textarea,
body.id.desktop .order-sheet .order-detail-box.customer .ems-code span,
body.id.desktop .order-sheet .order-detail-box.customer .ems-code input,
body.id.desktop .order-sheet .order-detail-box.customer .ems-code textarea,
body.id.desktop .order-sheet .order-detail-box.customer .note span,
body.id.desktop .order-sheet .order-detail-box.customer .note input,
body.id.desktop .order-sheet .order-detail-box.customer .note textarea {
  left: 115px;
  width: 50%;
  max-width: 50%; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en.desktop .order-sheet .order-detail-box.customer .name span,
body.en.desktop .order-sheet .order-detail-box.customer .name input,
body.en.desktop .order-sheet .order-detail-box.customer .name textarea,
body.en.desktop .order-sheet .order-detail-box.customer .phone span,
body.en.desktop .order-sheet .order-detail-box.customer .phone input,
body.en.desktop .order-sheet .order-detail-box.customer .phone textarea,
body.en.desktop .order-sheet .order-detail-box.customer .email span,
body.en.desktop .order-sheet .order-detail-box.customer .email input,
body.en.desktop .order-sheet .order-detail-box.customer .email textarea,
body.en.desktop .order-sheet .order-detail-box.customer .address span,
body.en.desktop .order-sheet .order-detail-box.customer .address input,
body.en.desktop .order-sheet .order-detail-box.customer .address textarea,
body.en.desktop .order-sheet .order-detail-box.customer .shipping span,
body.en.desktop .order-sheet .order-detail-box.customer .shipping input,
body.en.desktop .order-sheet .order-detail-box.customer .shipping textarea,
body.en.desktop .order-sheet .order-detail-box.customer .ems-code span,
body.en.desktop .order-sheet .order-detail-box.customer .ems-code input,
body.en.desktop .order-sheet .order-detail-box.customer .ems-code textarea,
body.en.desktop .order-sheet .order-detail-box.customer .note span,
body.en.desktop .order-sheet .order-detail-box.customer .note input,
body.en.desktop .order-sheet .order-detail-box.customer .note textarea {
  left: 115px;
  width: 50%;
  max-width: 50%; }
/* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en .content-font, body.en section.conversations ul.conversation-list, body.en section.conversation-detail section.messages, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .select-product-box .albums .photo .photo-name, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .order-list-box li.item .item-detail, body.en section.order div.order-list, body.en section.order section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-detail, body.en section.order section.order-sheet .order-detail-box.item .product-box .select-product-box .albums .photo .photo-name, body.en section.order section.order-sheet .order-detail-box.customer, body.en section.customers ul.customer-area, body.en section.customer-detail .profile-detail, body.en section.customer-detail .profile-orders, body.en section.storefront-shippings .tour .step .body .content, body.en .introjs-tooltip {
  font-family: helvetica, arial, sans-serif;
  font-size: 70%;
  letter-spacing: -0.1px;
  line-height: 1.4; }
/* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en .ui-font, body.en section.conversations ul.conversation-list span.show-customer-tag, body.en section.conversation-detail section.messages .text-conversation, body.en section.conversation-detail section.messages .add-to-order, body.en section.conversation-detail section.messages section.reply .reply-tools a.reply-button, body.en section.conversation-detail aside.customer .customer-detail-box .text-button, body.en section.conversation-detail aside.customer .customer-tag-box, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment .no-payment, body.en section.order section.order-sheet .order-detail-box.customer .customer-header, body.en section.customers .customer-list .box-tag, body.en section.customer-detail .profile-orders div.header {
  font-family: helx, sans-serif;
  font-size: 140%;
  line-height: 22px; }
/* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversations ul.conversation-list {
  font-size: 75%; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
  body.en section.conversations ul.conversation-list span.show-customer-tag {
    font-size: 85%;
    line-height: 12px; }
/* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.messages div.message {
  line-height: 1.7; }
/* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.messages .add-to-order {
  font-size: 130%; }
/* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.messages div.updates {
  line-height: 1.7; }
/* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.messages section.reply textarea {
  font-size: 100%; }
/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.messages section.reply .reply-tools a.text-button i.glyphicons-camera {
  margin-top: -2px; }
/* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail aside.customer {
  padding-bottom: 0; }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
  body.en section.conversation-detail aside.customer .customer-detail-box .address {
    width: 66%; }
  /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
  body.en section.conversation-detail aside.customer .customer-detail-box .phone {
    width: 34%; }
    /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
    body.en section.conversation-detail aside.customer .customer-detail-box .phone span {
      padding-right: 0;
      overflow: visible; }
  /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
  body.en section.conversation-detail aside.customer .customer-tag-box .inner-tags {
    font-size: 110%; }
  /* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
  body.en section.conversation-detail aside.customer .customer-tag-box div.btn-group button.btn.small {
    font-size: 85%; }
/* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.name span, body.en section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.phone span {
  top: 3px; }
/* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.order section.order-sheet .order-detail-box.customer .customer-header {
  font-size: 175%; }
/* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.order section.order-sheet .order-detail-box.customer .icon-text-box.name span {
  top: 3px; }
/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.customers ul.customer-area {
  overflow-y: scroll; }
/* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.customer-detail .profile-detail span.glyphicons {
  margin-top: 2px; }
/* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.customer-detail .profile-orders ul.order li.body .name {
  font-weight: 600; }
/* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/en.css.sass */
body.en section.customer-detail .profile-orders ul.order li.body .no {
  top: 10px; }
/* line 11, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph.desktop .order-sheet .order-detail-box.customer .name span,
body.ph.desktop .order-sheet .order-detail-box.customer .name input,
body.ph.desktop .order-sheet .order-detail-box.customer .name textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .phone span,
body.ph.desktop .order-sheet .order-detail-box.customer .phone input,
body.ph.desktop .order-sheet .order-detail-box.customer .phone textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .email span,
body.ph.desktop .order-sheet .order-detail-box.customer .email input,
body.ph.desktop .order-sheet .order-detail-box.customer .email textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .address span,
body.ph.desktop .order-sheet .order-detail-box.customer .address input,
body.ph.desktop .order-sheet .order-detail-box.customer .address textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .shipping span,
body.ph.desktop .order-sheet .order-detail-box.customer .shipping input,
body.ph.desktop .order-sheet .order-detail-box.customer .shipping textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .ems-code span,
body.ph.desktop .order-sheet .order-detail-box.customer .ems-code input,
body.ph.desktop .order-sheet .order-detail-box.customer .ems-code textarea,
body.ph.desktop .order-sheet .order-detail-box.customer .note span,
body.ph.desktop .order-sheet .order-detail-box.customer .note input,
body.ph.desktop .order-sheet .order-detail-box.customer .note textarea {
  left: 115px;
  width: 50%;
  max-width: 50%; }
/* line 18, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph .content-font, body.ph section.conversations ul.conversation-list, body.ph section.conversation-detail section.messages, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .select-product-box .albums .photo .photo-name, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box .product-box .order-list-box li.item .item-detail, body.ph section.order div.order-list, body.ph section.order section.order-sheet .order-detail-box.item .product-box .order-list-box li.item .item-detail, body.ph section.order section.order-sheet .order-detail-box.item .product-box .select-product-box .albums .photo .photo-name, body.ph section.order section.order-sheet .order-detail-box.customer, body.ph section.customers ul.customer-area, body.ph section.customer-detail .profile-detail, body.ph section.customer-detail .profile-orders, body.ph section.storefront-shippings .tour .step .body .content, body.ph .introjs-tooltip {
  font-family: helvetica, arial, sans-serif;
  font-size: 70%;
  letter-spacing: -0.1px;
  line-height: 1.4; }
/* line 24, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph .ui-font, body.ph section.conversations ul.conversation-list span.show-customer-tag, body.ph section.conversation-detail section.messages .text-conversation, body.ph section.conversation-detail section.messages .add-to-order, body.ph section.conversation-detail section.messages section.reply .reply-tools a.reply-button, body.ph section.conversation-detail aside.customer .customer-detail-box .text-button, body.ph section.conversation-detail aside.customer .customer-tag-box, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.payment .no-payment, body.ph section.order section.order-sheet .order-detail-box.customer .customer-header, body.ph section.customers .customer-list .box-tag, body.ph section.customer-detail .profile-orders div.header {
  font-family: helx, sans-serif;
  font-size: 140%;
  line-height: 22px; }
/* line 30, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversations ul.conversation-list {
  font-size: 75%; }
  /* line 33, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
  body.ph section.conversations ul.conversation-list span.show-customer-tag {
    font-size: 85%;
    line-height: 12px; }
/* line 42, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.messages div.message {
  line-height: 1.7; }
/* line 44, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.messages .add-to-order {
  font-size: 130%; }
/* line 47, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.messages div.updates {
  line-height: 1.7; }
/* line 50, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.messages section.reply textarea {
  font-size: 100%; }
/* line 55, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.messages section.reply .reply-tools a.text-button i.glyphicons-camera {
  margin-top: -2px; }
/* line 57, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail aside.customer {
  padding-bottom: 0; }
  /* line 60, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
  body.ph section.conversation-detail aside.customer .customer-detail-box .address {
    width: 66%; }
  /* line 62, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
  body.ph section.conversation-detail aside.customer .customer-detail-box .phone {
    width: 34%; }
    /* line 64, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
    body.ph section.conversation-detail aside.customer .customer-detail-box .phone span {
      padding-right: 0;
      overflow: visible; }
  /* line 71, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
  body.ph section.conversation-detail aside.customer .customer-tag-box .inner-tags {
    font-size: 110%; }
  /* line 73, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
  body.ph section.conversation-detail aside.customer .customer-tag-box div.btn-group button.btn.small {
    font-size: 85%; }
/* line 80, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.name span, body.ph section.conversation-detail section.conversation-detail-order section.order-sheet .order-detail-box.customer .icon-text-box.phone span {
  top: 3px; }
/* line 103, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.order section.order-sheet .order-detail-box.customer .customer-header {
  font-size: 175%; }
/* line 106, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.order section.order-sheet .order-detail-box.customer .icon-text-box.name span {
  top: 3px; }
/* line 109, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.customers ul.customer-area {
  overflow-y: scroll; }
/* line 117, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.customer-detail .profile-detail span.glyphicons {
  margin-top: 2px; }
/* line 124, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.customer-detail .profile-orders ul.order li.body .name {
  font-weight: 600; }
/* line 126, /drone/softbaked/page365/app/assets/stylesheets/hg/ph.css.sass */
body.ph section.customer-detail .profile-orders ul.order li.body .no {
  top: 10px; }