/*
* Copyright 2018 the original author or authors.
*
* danbee Inc. All rights reserved.
* No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form
* or by any means -  electronic,  mechanical, photocopying, recording, or otherwise,
* without the prior written permission of LG CNS.
*/
/* --------------------------------------------------
*  danbee Main Less
* --------------------------------------------------
*/
@import "../css/plugins/angular-busy/angular-busy.min.css";
@import "../css/plugins/toastr/toastr.min.css";
@import "../css/plugins/toastr/toastr.modified.css";
@import "../css/plugins/dropzone/basic.css";
@import "../css/plugins/dropzone/dropzone.css";
@import "../css/plugins/slick/slick.css";
@import "../css/plugins/slick/slick-theme.css";
@import "../css/plugins/jquery.filer/jquery.filer.css";
@import "../css/plugins/iCheck/custom.css";
@import "../css/plugins/ng-img-crop/ng-img-crop.css";
@import "../css/plugins/angular-screenshot/angular-screenshot.min.css";
@import "../css/plugins/datetimeRangePicker/range-picker.min.css";
@import "../css/plugins/ionRangeSlider/ion.rangeSlider.css";
@import "../css/plugins/ionRangeSlider/ion.rangeSlider.skinHTML5.css";
@import "../css/plugins/bootstrap-toggle/bootstrap-toggle.min.css";
/* --------------------------------------------------
 *  Tuna Variables
 * --------------------------------------------------
 */
/* green theme */
/* lgled theme */
/* inspinia */
/* danbee */
/*
.randomColor(){
  @ramdomColor : `Math.floor(0x1000000 * Math.random()).toString(16)`;
  @color: ~`'#' + ('000000' + @{ramdomColor}).slice(-6)`;
}
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
.btn.old-btn-default.db-btn-wide {
  display: block!important;
  width: 100%;
}
.btn-group.db-btn-wide {
  display: block!important;
  width: 100%;
}
.btn.old-btn-default.topMore {
  border-color: #fff;
}
/* MARGINS & PADDINGS */
/* padding */
.p-xxs {
  padding: 2px 4px!important;
}
.p-xs {
  padding: 5px!important;
}
.p-sm {
  padding: 10px!important;
}
.p {
  padding: 15px!important;
}
.p-md {
  padding: 20px!important;
}
.p-lg {
  padding: 30px!important;
}
.p-xl {
  padding: 50px!important;
}
.p-n {
  padding: 0 !important;
}
.p-r-none {
  padding-right: 0!important;
}
.p-t-none {
  padding-top: 0!important;
}
.p-b-none {
  padding-bottom: 0!important;
}
.p-l-none {
  padding-left: 0!important;
}
.p-none {
  padding: 0!important;
}
@media (min-width: 768px) {
  .p-l-none {
    padding-left: 0!important;
  }
}
.p-l-none {
  padding-left: 0!important;
}
.p-l-xs {
  padding-left: 5px!important;
}
.p-l-sm {
  padding-left: 10px!important;
}
.p-l {
  padding-left: 15px!important;
}
.p-l-md {
  padding-left: 20px!important;
}
.p-l-lg {
  padding-left: 30px!important;
}
.p-l-xl {
  padding-left: 40px!important;
}
.p-l-xxl {
  padding-left: 50px!important;
}
.p-l-n-xxs {
  padding-left: -1px !important;
}
.p-l-n-xs {
  padding-left: -5px !important;
}
.p-l-n-sm {
  padding-left: -10px !important;
}
.p-l-n {
  padding-left: -15px !important;
}
.p-l-n-md {
  padding-left: -20px !important;
}
.p-l-n-lg {
  padding-left: -30px !important;
}
.p-l-n-xl {
  padding-left: -40px !important;
}
@media (max-width: 768px) {
  .p-t-responsive {
    padding-top: 10px!important;
  }
}
.p-t-none {
  padding-top: 0!important;
}
.p-t-xxs {
  padding-top: 1px!important;
}
.p-t-xs {
  padding-top: 5px!important;
}
.p-t-sm {
  padding-top: 10px!important;
}
.p-t {
  padding-top: 15px!important;
}
.p-t-md {
  padding-top: 20px!important;
}
.p-t-lg {
  padding-top: 30px!important;
}
.p-t-xl {
  padding-top: 40px!important;
}
.p-t-xxl {
  padding-top: 50px!important;
}
.p-t-xxxl {
  padding-top: 60px!important;
}
.p-t-n-xxs {
  padding-top: -1px !important;
}
.p-t-n-xs {
  padding-top: -5px !important;
}
.p-t-n-sm {
  padding-top: -10px !important;
}
.p-t-n {
  padding-top: -15px !important;
}
.p-t-n-md {
  padding-top: -20px !important;
}
.p-t-n-lg {
  padding-top: -30px !important;
}
.p-t-n-xl {
  padding-top: -40px !important;
}
.p-r-none {
  padding-right: 0!important;
}
.p-r-xxs {
  padding-right: 1px!important;
}
.p-r-xs {
  padding-right: 5px!important;
}
.p-r-sm {
  padding-right: 10px!important;
}
.p-r {
  padding-right: 15px!important;
}
.p-r-md {
  padding-right: 20px!important;
}
.p-r-lg {
  padding-right: 30px!important;
}
.p-r-xl {
  padding-right: 40px!important;
}
.p-r-xxl {
  padding-right: 50px!important;
}
.p-r-n-xxs {
  padding-right: -1px !important;
}
.p-r-n-xs {
  padding-right: -5px !important;
}
.p-r-n-sm {
  padding-right: -10px !important;
}
.p-r-n {
  padding-right: -15px !important;
}
.p-r-n-md {
  padding-right: -20px !important;
}
.p-r-n-lg {
  padding-right: -30px !important;
}
.p-r-n-xl {
  padding-right: -40px !important;
}
.p-b-none {
  padding-bottom: 0!important;
}
.p-b-xxs {
  padding-bottom: 1px!important;
}
.p-b-xs {
  padding-bottom: 5px!important;
}
.p-b-sm {
  padding-bottom: 10px!important;
}
.p-b {
  padding-bottom: 15px!important;
}
.p-b-md {
  padding-bottom: 20px!important;
}
.p-b-lg {
  padding-bottom: 30px!important;
}
.p-b-xl {
  padding-bottom: 40px!important;
}
.p-b-n-xxs {
  padding-bottom: -1px !important;
}
.p-b-n-xs {
  padding-bottom: -5px !important;
}
.p-b-n-sm {
  padding-bottom: -10px !important;
}
.p-b-n {
  padding-bottom: -15px !important;
}
.p-b-n-md {
  padding-bottom: -20px !important;
}
.p-b-n-lg {
  padding-bottom: -30px !important;
}
.p-b-n-xl {
  padding-bottom: -40px !important;
}
/* margin */
.m-xxs {
  margin: 2px 4px!important;
}
.m-xs {
  margin: 5px!important;
}
.m-sm {
  margin: 10px!important;
}
.m {
  margin: 15px!important;
}
.m-md {
  margin: 20px!important;
}
.m-lg {
  margin: 30px!important;
}
.m-xl {
  margin: 50px!important;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0!important;
}
.m-l-xs {
  margin-left: 5px!important;
}
.m-l-sm {
  margin-left: 10px!important;
}
.m-l {
  margin-left: 15px!important;
}
.m-l-md {
  margin-left: 20px!important;
}
.m-l-lg {
  margin-left: 30px!important;
}
.m-l-xl {
  margin-left: 40px!important;
}
.m-l-xxl {
  margin-left: 50px!important;
}
.m-l-xxxl {
  margin-left: 60px!important;
}
.m-l-n-xxs {
  margin-left: -1px !important;
}
.m-l-n-xs {
  margin-left: -5px !important;
}
.m-l-n-sm {
  margin-left: -10px !important;
}
.m-l-n {
  margin-left: -15px !important;
}
.m-l-n-md {
  margin-left: -20px !important;
}
.m-l-n-lg {
  margin-left: -30px !important;
}
.m-l-n-xl {
  margin-left: -40px !important;
}
@media (max-width: 768px) {
  .m-t-responsive {
    margin-top: 10px!important;
  }
}
.m-t-none {
  margin-top: 0!important;
}
.m-t-xxs {
  margin-top: 1px!important;
}
.m-t-xs {
  margin-top: 5px!important;
}
.m-t-sm {
  margin-top: 10px!important;
}
.m-t {
  margin-top: 15px!important;
}
.m-t-md {
  margin-top: 20px!important;
}
.m-t-lg {
  margin-top: 30px!important;
}
.m-t-xl {
  margin-top: 40px!important;
}
.m-t-xxl {
  margin-top: 50px!important;
}
.m-t-xxxl {
  margin-top: 60px!important;
}
.m-t-n-xxs {
  margin-top: -1px !important;
}
.m-t-n-xs {
  margin-top: -5px !important;
}
.m-t-n-sm {
  margin-top: -10px !important;
}
.m-t-n {
  margin-top: -15px !important;
}
.m-t-n-md {
  margin-top: -20px !important;
}
.m-t-n-lg {
  margin-top: -30px !important;
}
.m-t-n-xl {
  margin-top: -40px !important;
}
.m-r-none {
  margin-right: 0!important;
}
.m-r-xxs {
  margin-right: 1px!important;
}
.m-r-xs {
  margin-right: 5px!important;
}
.m-r-sm {
  margin-right: 10px!important;
}
.m-r {
  margin-right: 15px!important;
}
.m-r-md {
  margin-right: 20px!important;
}
.m-r-lg {
  margin-right: 30px!important;
}
.m-r-xl {
  margin-right: 40px!important;
}
.m-r-n-xxs {
  margin-right: -1px !important;
}
.m-r-n-xs {
  margin-right: -5px !important;
}
.m-r-n-sm {
  margin-right: -10px !important;
}
.m-r-n {
  margin-right: -15px !important;
}
.m-r-n-md {
  margin-right: -20px !important;
}
.m-r-n-lg {
  margin-right: -30px !important;
}
.m-r-n-xl {
  margin-right: -40px !important;
}
.m-b-none {
  margin-bottom: 0!important;
}
.m-b-xxs {
  margin-bottom: 1px!important;
}
.m-b-xs {
  margin-bottom: 5px!important;
}
.m-b-sm {
  margin-bottom: 10px!important;
}
.m-b {
  margin-bottom: 15px!important;
}
.m-b-md {
  margin-bottom: 20px!important;
}
.m-b-lg {
  margin-bottom: 30px!important;
}
.m-b-xl {
  margin-bottom: 40px!important;
}
.m-b-n-xxs {
  margin-bottom: -1px !important;
}
.m-b-n-xs {
  margin-bottom: -5px !important;
}
.m-b-n-sm {
  margin-bottom: -10px !important;
}
.m-b-n {
  margin-bottom: -15px !important;
}
.m-b-n-md {
  margin-bottom: -20px !important;
}
.m-b-n-lg {
  margin-bottom: -30px !important;
}
.m-b-n-xl {
  margin-bottom: -40px !important;
}
/* space */
.space-15 {
  margin: 15px 0!important;
}
.space-20 {
  margin: 20px 0!important;
}
.space-25 {
  margin: 25px 0!important;
}
.space-30 {
  margin: 30px 0!important;
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: #e6e6e6;
  padding: 1px;
}
.table > thead > tr > td .editable-select,
.table > tbody > tr > td .editable-select,
.table > tfoot > tr > td .editable-select {
  width: 100%;
}
/* synontm */
.table > tbody > tr.db-tr-full-input td {
  padding: 0;
  height: 50px;
}
.table > tbody > tr.db-tr-full-input td input {
  border: none;
  height: 100%;
}
.table > tbody > tr > td.db-synonym-td {
  position: relative;
  padding-right: 81px;
  padding-top: 5px;
}
.table > tbody > tr > td.db-synonym-td input {
  padding-right: 20px;
}
.table > tbody > tr > td.db-synonym-td .db-synonym-btns {
  position: absolute;
  top: 10px;
  right: 10px;
}
.table > tbody > tr > td.db-synonym-td .db-synonym-btns span {
  width: 15px;
  height: 15px;
  padding: 5px;
  padding-left: 10px;
  font-size: 18px;
}
/* intent detail */
.db-fixed-td {
  width: 200px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  word-break: break-all;
}
/* sub table */
.table.sub-table {
  background: #f5f5f5;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.table.sub-table thead th {
  background: #77828c;
  border-bottom: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.table.sub-table tbody tr:last-child td {
  border-bottom: none;
}
.table.sub-table tbody tr > td {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #ebebeb;
}
.table.sub-table tbody tr > td:last-child {
  border-right: none;
}
/* dropdown */
.dropdown-menu li > a {
  color: #333;
}
.dropdown-menu li.a {
  color: #666;
}
/* list */
.search-result-header {
  position: relative;
  line-height: 2.6;
  height: 40px;
  border-bottom: 2px solid #584c35;
}
.search-result-header b {
  font-size: 15px;
  color: #f8ac59;
  letter-spacing: 8px;
}
.search-result-header b:first-child {
  position: absolute;
  left: 23px;
}
.search-result-header b:last-child {
  position: absolute;
  right: 38px;
}
.search-result {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.search-result h3 {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  color: #555;
  width: 72%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 1.9;
}
.search-result .db-update-date {
  position: absolute;
  top: 24px;
  right: 3px;
  color: #676a6c;
  font-size: 12px;
  font-weight: normal;
  float: right;
}
.search-result:hover {
  cursor: pointer;
}
.search-result:hover h3 a {
  color: #f8ac59;
}
.search-result h3:hover {
  color: #f8ac59;
}
.search-result .search-result-desc {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  width: 60%;
}
.search-result .db-count-component {
  position: absolute;
  top: 17px;
  right: 16px;
  color: #676a6c;
  font-size: 13px;
}
.search-result .db-count-component .badge {
  padding: 8px 10px;
  margin-left: 10px;
  width: 70px;
}
.search-result .db-count-component .db-count-component-text {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 100;
}
.search-result .db-date-component {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #999;
  background: white;
  height: 24px;
}
.search-result .db-date-component:hover {
  color: #b3b3b3;
}
.search-result .db-search-component {
  position: absolute;
  top: 20px;
  right: 0;
}
.search-result .db-search-component i {
  font-size: 27px;
  color: #999;
  padding: 0 15px;
}
.search-result .db-search-component i:hover {
  color: #b3b3b3;
}
.search-result .db-search-component span {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 150px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  background: white;
  font-size: 12px;
}
.search-result .db-search-component b {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 210px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  word-break: break-all;
  white-space: nowrap;
  background: white;
  height: 21px;
}
.search-result:last-child {
  border-bottom: none;
}
.search-result:parent:first-child {
  color: blue;
}
/* search */
#search {
  position: relative;
  font-size: 18px;
  padding-top: 20px;
  margin: -20px 10px 0 14px;
  padding-bottom: 20px;
  /* &.mini-search{
      margin: 0;
      label{
          padding:10px;
      }
  }*/
}
#search label {
  position: absolute;
  left: 17px;
  top: 31px;
  font-size: 12px;
  opacity: .8;
}
#search a {
  position: absolute;
  top: 23px;
  right: 4px;
  background: #f8ac59;
  border-radius: 30px;
  line-height: 40px;
  padding: 0px 26px;
  font-size: 15px;
  color: white;
}
#inner-search {
  position: relative;
  font-size: 18px;
}
#inner-search.full {
  width: 100%;
}
#inner-search label {
  position: absolute;
  left: 23px;
  top: 9px;
  font-size: 12px;
  opacity: .8;
}
#inner-search a {
  position: absolute;
  top: 23px;
  right: 4px;
  background: #f8ac59;
  border-radius: 30px;
  line-height: 40px;
  padding: 0px 26px;
  font-size: 15px;
  color: white;
}
#search-clear {
  text-decoration: none;
  position: absolute;
  right: 18px;
  top: 54px;
  color: #b3b3b3;
}
/* taglist */
.tag-list li a {
  display: inline;
}
tags-input .tags .tag-item {
  max-width: 400px;
}
/* xeditable */
.editable-wrap {
  display: block!important;
}
.editable-wrap .editable-input,
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  display: block!important;
}
/* panel */
.db-panel-dropdown {
  font-size: 21px;
}
/* highlight */
.text-highlight {
  opacity: 0.7;
}
.text-highlight.text-light-0 {
  color: #FFF59D;
  background-color: #FFF59D;
}
.text-highlight.text-light-1 {
  color: #FFAB91;
  background-color: #FFAB91;
}
.text-highlight.text-light-2 {
  color: #7986CB;
  background-color: #7986CB;
}
.text-highlight.text-light-3 {
  color: #A5D6A7;
  background-color: #A5D6A7;
}
.text-highlight.text-light-4 {
  color: #80CBC4;
  background-color: #80CBC4;
}
.text-highlight.text-light-5 {
  color: #81D4FA;
  background-color: #81D4FA;
}
.text-highlight.text-light-6 {
  color: #B39DDB;
  background-color: #B39DDB;
}
.text-highlight.text-light-7 {
  color: #F48FB1;
  background-color: #F48FB1;
}
.text-highlight.text-light-8 {
  color: #EF5350;
  background-color: #EF5350;
}
.text-highlight.text-light-9 {
  color: #9E9E9E;
  background-color: #9E9E9E;
}
.resolved_value.db-fixed-td {
  position: absolute;
  width: 100%;
  left: 0;
  top: 10px;
  line-height: 1.8;
}
/* xeditable */
.editable-wrap .editable-error {
  font-size: 11px;
  color: #e84989;
}
/* jquery textext */
.text-core {
  position: relative;
}
.text-core .text-wrap {
  background: #fff;
  position: absolute;
}
.text-core .text-wrap textarea,
.text-core .text-wrap input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #9daccc;
  outline: none;
  resize: none;
  position: absolute;
  z-index: 1;
  background: none;
  overflow: hidden;
  margin: 0;
  padding: 3px 5px 4px 5px;
  white-space: nowrap;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  line-height: 13px;
  height: auto;
}
.text-core .text-wrap .text-dropdown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: 3;
  background: #fff;
  border: 1px solid #9daccc;
  width: 100%;
  max-height: 100px;
  padding: 1px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.text-core .text-wrap .text-dropdown.text-position-below {
  margin-top: 1px;
}
.text-core .text-wrap .text-dropdown.text-position-above {
  margin-bottom: 1px;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
  padding: 3px 5px;
  cursor: pointer;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
  font-style: normal;
  text-decoration: underline;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
  color: #fff;
  background: #6d84b4;
}
.text-core .text-wrap .text-tags {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 3px 35px 3px 3px;
  cursor: text;
}
.text-core .text-wrap .text-tags.text-tags-on-top {
  z-index: 2;
}
.text-core .text-wrap .text-tags .text-tag {
  float: left;
}
.text-core .text-wrap .text-tags .text-tag .text-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  border: 1px solid #9daccc;
  background: #e2e6f0;
  color: #000;
  padding: 0px 17px 0px 3px;
  margin: 0 2px 2px 0;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  top: 5px;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
  position: absolute;
  right: 3px;
  top: 2px;
  display: block;
  width: 11px;
  height: 11px;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:hover {
  background-position: 0 -11px;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:active {
  background-position: 0 -22px;
}
.text-core .text-wrap textarea,
.text-core .text-wrap input {
  /* danbee */
  left: 0 !important;
  height: auto!important;
  line-height: 27px!important;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
  top: 6px;
}
.text-core .text-wrap textarea,
.text-core .text-wrap input {
  line-height: 25px;
}
/* datatables */
.db-mouse-over:hover {
  cursor: pointer;
  color: black;
}
.db-mouse-over:active {
  color: #f8ac59;
}
/* list filter */
.selectCollectors {
  position: absolute;
  z-index: 9000;
  height: 257px;
  margin-right: 20px;
  padding: 0;
  background-clip: padding-box;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background: #fff;
}
.selectCollectors ul {
  margin: 0 auto;
  padding: 0;
  max-height: 166px;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: none;
  border-right: none;
  background: white;
  overflow-x: hidden;
}
.selectCollectors ul p {
  height: 152px;
}
.selectCollectors .selectCollector_filter input {
  padding: 20px 15px;
  font-size: 13px;
}
.selectCollectors .selectCollector_filter i {
  position: absolute;
  right: 10px;
  top: 12px;
}
.selectCollectors .selectCollector_new {
  padding: 6px 5px;
  background: #fafafa;
  text-align: center;
}
.selectCollectors .selectCollector_new:hover {
  cursor: pointer;
  background: #e7eaec;
}
.selectCollectors .selectCollector_new p {
  margin: 0;
  padding: 6px 10px;
  font-size: 13px;
}
.selectCollectors .selectCollector_new p span {
  position: relative;
  top: 1px;
  font-size: 16px;
  display: inline;
  margin-right: 3px;
}
.selectCollectors .selectCollector_btns {
  padding: 6px 5px;
  background: #fafafa;
  text-align: right;
}
.selectCollectors li {
  list-style: none;
  padding: 6px 10px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px solid #999;
  line-height: 25px;
}
.selectCollectors li:last-child {
  border-bottom: none;
}
.selectCollectors li.db-allSelectArea {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  background: white;
  border-bottom: 1px solid #999;
  font-size: 12px;
  z-index: 3000;
  padding: 6px 12px;
}
.selectCollectors li .icheckbox_square-green {
  margin-right: 10px;
}
.selectCollectors li:hover {
  color: white;
  background: #f8ac59;
}
.selectCollectors li .search-addon {
  border-top: 1px solid #9daccc;
}
.selectCollectors span {
  display: block;
}
.selectCollectors select {
  width: 120px;
  margin-left: 230px;
  margin-top: -45px;
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 7.5px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.selectCollectors select:focus,
.selectCollectors #query:focus {
  border: 1px solid #FFD32E;
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.1);
  outline: none;
}
.db-intents .checkbox-inline,
.db-chatflows .checkbox-inline {
  display: block !important;
}
.db-chat-search {
  position: relative;
}
.db-chat-search input {
  padding: 0 40px;
}
.db-chat-search .icon_comment_alt {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 16px;
  opacity: .8;
}
.input-lg .icon_adjust-horiz {
  position: relative;
  top: 2px;
  font-size: 16px;
  opacity: .8;
}
#query {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/* datepicker */
.danbeePicker {
  width: 100px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #3b434f;
  font-size: 12px;
  margin-left: 16px;
}
.danbeePicker.monthPicker {
  width: 50px;
}
.ui-datepicker-trigger {
  font-size: 10px;
  border-radius: 4px;
  color: #3b434f;
  padding: 2px 5px;
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
}
/* mini box */
.db-mini-container {
  position: relative;
}
.db-mini-container .db-mini-option-box {
  position: absolute;
  top: -3px;
  left: 150px;
  width: 142px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  box-shadow: none;
  padding: 0;
}
.db-mini-container .db-mini-option-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.db-mini-container .db-mini-option-box ul li {
  line-height: 20px;
  font-size: 14px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.db-mini-container .db-mini-option-box ul li:last-child {
  border-bottom: none;
}
.db-mini-container .db-mini-edit-box {
  position: absolute;
  top: -3px;
  left: -100px;
  min-width: 104px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  box-shadow: none;
  padding: 0;
}
.db-mini-container .db-mini-edit-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.db-mini-container .db-mini-edit-box ul li {
  line-height: 20px;
  font-size: 14px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.db-mini-container .db-mini-edit-box ul li:last-child {
  border-bottom: none;
}
.db-mini-container .db-mini-single-box {
  position: absolute;
  top: -2px;
  right: 19px;
  min-width: 50px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  box-shadow: none;
  padding: 0;
}
.db-mini-container .db-mini-single-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.db-mini-container .db-mini-single-box ul li {
  line-height: 20px;
  font-size: 14px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.db-mini-container .db-mini-single-box ul li:last-child {
  border-bottom: none;
}
.db-mini-container .db-mini-single-box.db-wide {
  min-width: 100px;
  text-align: center;
}
/* tag editor */
.panel-body .well {
  padding: 3px;
  margin-bottom: 3px;
}
.tag-editor {
  background: #f5f5f5;
  border: none!important;
}
.db-entity-name-input {
  margin-top: 3px;
  padding: 3px 12px;
  margin-bottom: 3px;
  height: 32px;
  resize: none;
}
/* origin Tageditor */
ul.tag-editor {
  background: transparent;
  border: none;
  position: relative;
  top: 1px;
}
ul.tag-editor .tag-editor-tag {
  max-width: 90%;
  text-overflow: ellipsis;
}
/* scarable box */
.scarable {
  width: 300px;
  float: right;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.scarable.on {
  width: 75%;
}
/* contenteditable placeholder */
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
}
/* search comment */
.search-container {
  position: relative;
}
.search-container .search-comment {
  position: relative;
  top: 15px;
}
.search-container .search-intent-check {
  position: relative;
  top: 15px;
  margin-right: 20px;
}
.search-container .search-pagination {
  position: absolute;
  top: 5px;
  right: 15px;
}
/* widget box */
.widget-head-color-box {
  border-radius: 5px 5px 0 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#656f7a+1,656f7a+45,665a4b+99 */
  background: #656f7a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #656f7a 1%, #656f7a 45%, #665a4b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #656f7a 1%, #656f7a 45%, #665a4b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #656f7a 1%, #656f7a 45%, #665a4b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656f7a', endColorstr='#665a4b', GradientType=0);
  /* IE6-9 */
}
.widget-head-color-box.db-non-auth {
  border-radius: 5px;
}
.widget-footer-box {
  background: white;
  border-radius: 0 0 5px 5px;
  padding: 10px;
  border: 1px solid rgba(41, 56, 70, 0.3);
}
.widget-footer-box dd {
  color: white;
}
/* danbee training btn */
.db-training-container {
  position: relative;
}
.db-training-container ul {
  list-style: square;
}
.db-training-container .db-training-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 15px 20px;
}
/* filer */
.jFiler-items-default .jFiler-item-assets a {
  border: none!important;
}
.jFiler-items-default .jFiler-item .jFiler-item-title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  width: 90%;
  margin: 0;
  padding: 0;
}
.jFiler-theme-default .jFiler-input {
  width: 90%!important;
  max-width: 400px;
}
/* filter box */
.db-filter-list-wrapper {
  position: relative;
}
.db-filter-list-wrapper .db-filter-list-container {
  padding: 0;
  border: 1px solid #999;
  position: absolute;
  top: 35px;
  background: white;
  z-index: 200;
  width: 100%;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  height: 0;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  visibility: hidden;
}
.db-filter-list-wrapper .db-filter-list-container.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-search-input {
  padding: 5px 0;
  border-bottom: 1px solid #999;
  background: #fafafa;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-search-input .form-control {
  border: none;
  padding: 6px 19px;
  background: transparent;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-list {
  list-style: none;
  line-height: 25px;
  font-size: 14px;
  padding: 6px 0 0 16px;
  margin: 0 ;
  color: #3b434f;
  font-weight: normal;
  max-height: 410px;
  overflow-y: auto;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-list .db-checkbox-type input[type=checkbox],
.db-filter-list-wrapper .db-filter-list-container .db-filter-list .db-checkbox-type input[type=radio] {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-list.db-all-select {
  background: #fafafa;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-list li {
  margin: 4px;
  border-bottom: 1px dashed #fafafa;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-list li:last-child {
  border-bottom: none;
}
.db-filter-list-wrapper .db-filter-list-container .db-filter-footer {
  padding: 6px 5px;
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* training old-ibox */
.db-move-right {
  position: relative;
  left: 15px;
}
.old-ibox.db-training-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.old-ibox.db-training-box .old-ibox-title {
  border: 1px solid #999;
  padding: 14px;
  line-height: 31px;
  font-size: 15px;
  padding-left: 20px;
}
.old-ibox.db-training-box .old-ibox-content {
  vertical-align: middle;
}
.old-ibox.db-training-box .old-ibox-content .table thead {
  color: white;
  line-height: 1.5;
  background: #999;
}
.old-ibox.db-training-box .old-ibox-content .table tbody td {
  padding: 8px 10px;
}
.old-ibox.db-training-box .old-ibox-content .table > thead > tr > th,
.old-ibox.db-training-box .old-ibox-content .table > tbody > tr > th,
.old-ibox.db-training-box .old-ibox-content .table > tfoot > tr > th {
  line-height: 1.5;
}
.old-ibox.db-training-box .db-left-td {
  text-align: left;
  position: relative;
}
.old-ibox.db-training-box .db-left-td span {
  left: 20px;
}
.table-interaction tbody tr:hover {
  background: #fef3e7;
  cursor: pointer;
}
.db-progress-tab.tabs-container .tab-pane .panel-body {
  min-height: 560px;
}
.tabs-container.db-progress-tab .nav-tabs > li:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px;
  border-color: #7d1919 transparent transparent transparent;
}
/* slick */
.slick-prev,
.slick-next {
  width: initial;
  font-size: 1px;
  margin-left: 20px;
  z-index: 100;
}
/* nya bootstrap select */
.nya-bs-select .dropdown-toggle {
  background: white;
}
button.btn.old-btn-default.dropdown-toggle.show-special-title {
  background: white;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group .dropdown-header {
  background: #999;
  width: 99%;
  margin: 0 4px;
  color: white;
}
.nya-bs-select.btn-group .dropdown-menu > .active > a,
.nya-bs-select.btn-group .dropdown-menu > .active > a:focus,
.nya-bs-select.btn-group .dropdown-menu > .active > a:hover {
  background: #f8ac59;
}
.nya-bs-select.btn-group .dropdown-menu > .disabled.active > a,
.nya-bs-select.btn-group .dropdown-menu > .disabled.active > a:focus,
.nya-bs-select.btn-group .dropdown-menu > .disabled.active > a:hover {
  color: gray;
}
.nya-bs-select > .old-btn-default.active.focus,
.nya-bs-select > .old-btn-default.active:focus,
.nya-bs-select > .old-btn-default.active:hover,
.nya-bs-select > .old-btn-default:active.focus,
.nya-bs-select > .old-btn-default:active:focus,
.nya-bs-select > .old-btn-default:active:hover,
.nya-bs-select > .old-btn-default:hover,
.nya-bs-select > .old-btn-default:focus,
.nya-bs-select > .old-btn-default:active,
.nya-bs-select > .old-btn-default.active,
.nya-bs-select > .old-btn-default.active:hover,
.nya-bs-select.open .dropdown-toggle.old-btn-default,
.nya-bs-select.open .dropdown-toggle.old-btn-default.focus,
.nya-bs-select.open .dropdown-toggle.old-btn-default:focus,
.nya-bs-select.open .dropdown-toggle.old-btn-default:hover .nya-bs-select.open .dropdown-toggle.old-btn-default {
  background-color: white;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result {
  background: white;
  text-align: center;
}
.nya-bs-select.btn-group .dropdown-menu li.disabled a {
  color: rosybrown;
}
/* jenny */
.db-editabled {
  background: white;
}
.db-disabled {
  background: #eee;
}
/* db-checkbox-style (like icheck) */
.list-group-item .db-checkbox-area {
  position: absolute;
  left: 0;
  top: 18px;
  z-index: 20;
}
.list-group-item .db-checkbox-area input[type=checkbox] {
  display: none;
}
.list-group-item .db-checkbox-area input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}
.list-group-item .db-checkbox-area input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
}
.list-group-item .db-checkbox-area input[type=checkbox]:checked + label:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  background: #f8ac59;
  text-align: center;
  line-height: 20px;
}
/* table hover */
.table-user tr:hover {
  background: red;
}
/* calendar date duration */
.rg-range-picker.rg-range-picker-responsive .rg-range-picker-calendars .rg-range-picker-calendar-label {
  color: white;
  padding-top: 14px;
  margin-top: 0;
}
/* log filter component */
.db-log-filter-box {
  position: relative;
  width: 130px;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}
.db-log-filter-box strong {
  padding-right: 20px;
}
.db-log-filter-box .db-log-filter-list {
  position: absolute;
  top: 28px;
  right: 0px;
  background: white;
  border: 1px solid #999;
  z-index: 30;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
.db-log-filter-box .db-log-filter-list.conversation {
  width: 130px;
}
.db-log-filter-box .db-log-filter-list.emotion {
  width: 100px;
  right: 20px;
}
.db-log-filter-box .db-log-filter-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.db-log-filter-box .db-log-filter-list ul li {
  border-bottom: 1px solid #999;
  line-height: 20px;
  padding: 10px;
}
.db-log-filter-box .db-log-filter-list ul li i {
  position: relative;
  top: 4px;
}
.db-log-filter-box .db-log-filter-list ul li:last-child {
  border-bottom: none;
}
.db-log-selction-box {
  display: inline-block;
}
/* carousel chatflow box */
.db-log-carousel-container {
  position: relative;
  display: inline-block;
}
.db-log-carousel-container .btn {
  z-index: 20;
}
.db-log-carousel-container .db-carousel-box {
  position: absolute;
  width: 200px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  background: white;
  border: medium none;
  font-size: 13px;
  border-radius: 3px;
  padding: 10px;
  z-index: 300;
}
/* calendar */
@media (max-width: 562px) {
  .rg-range-picker .rg-range-picker-calendars .rg-range-picker-calendar-box {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1268px) {
  .rg-range-picker .rg-range-picker-calendars .rg-range-picker-calendar-box {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .log-filter > .p-r-none {
    padding-left: 0 !important;
  }
}
body {
  overflow-y: hidden;
}
.w-92 {
  width: 92%!important;
  padding: 6px;
  border-color: #999;
}
label.friendlyLabel {
  padding-left: 1px;
  margin-right: 15px;
}
/* danbee-detail */
.db-detail-chatbot {
  border-top: 3px solid #f8ac59;
  border-bottom: 3px solid #f8ac59;
}
.db-detail-chatbot .old-ibox-content {
  position: relative;
  padding-bottom: 35px;
}
.db-detail-chatbot .old-ibox-content h3 {
  color: #f8ac59;
  font-size: 24px;
  margin-bottom: 24px;
}
.db-detail-chatbot .old-ibox-content h3 small {
  font-size: 14px;
  font-weight: bold;
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid #e5e6e7;
}
.db-detail-chatbot .old-ibox-content .db-chatbot-img {
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #e5e6e7;
}
.db-detail-chatbot .old-ibox-content .db-chatbot-img .text-active {
  color: #1ab394;
}
.db-detail-chatbot .old-ibox-content .db-chatbot-img .text-inactive {
  color: #ed5565;
}
.db-detail-chatbot .old-ibox-content .db-chatbot-img img {
  margin-bottom: 5px;
}
.db-detail-chatbot .old-ibox-content .db-regist-text {
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #e5e6e7;
}
.db-detail-chatbot .old-ibox-content .db-regist-text p {
  position: relative;
  padding-right: 50%;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.db-detail-chatbot .old-ibox-content .db-regist-text p span {
  position: absolute;
  left: 60%;
  font-weight: normal;
}
.db-detail-chatbot .old-ibox-content .db-desc-text {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.db-detail-chatbot .old-ibox-content .db-desc-text p {
  position: relative;
  padding-right: 85%;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.db-detail-chatbot .old-ibox-content .db-desc-text p span {
  position: absolute;
  left: 20%;
  font-weight: normal;
}
.db-detail-chatbot .old-ibox-footer {
  text-align: right;
  border-top: none;
}
/* profile */
.db-profile {
  position: relative;
}
.db-profile .db-plus {
  position: absolute;
  font-family: 'Nanum Gothic';
  width: 100px;
  height: 33px;
  background: url(../img/chatbot/editProfile.png) no-repeat center top;
  padding-top: 3px;
  left: 50%;
  margin-left: -50px;
  bottom: 0;
}
.db-profile .db-plus:hover {
  cursor: pointer;
  background-position: 0 -33px;
}
.db-profile .db-profileBtn {
  background: rgba(41, 56, 70, 0.8);
}
.db-profile .db-profileBtn.db-minus {
  position: absolute;
  top: 7px;
  right: 16px;
  width: 20px;
  height: 20px;
  left: 50%;
  margin-left: 29px;
}
.db-profile .db-profileBtn.db-minus .icon_close {
  position: relative;
  top: -2px;
  margin-left: -6px;
  font-size: 17px;
}
.db-profile .db-profileBtn:hover {
  background: rgba(41, 56, 70, 0.5);
  cursor: pointer;
}
.db-profile span {
  color: #fff;
}
/* Chatbotlist - Page*/
.clippingInput {
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 125px;
  text-align: center;
  background: #555;
  border: 1px solid #444;
  padding: 1px 3px;
  border-radius: 10px;
}
.botDetail {
  text-align: center;
}
.botDetail dl dt,
.botDetail dl dd {
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0;
}
.botDetail dl {
  margin-bottom: 2px;
  display: inline-block;
}
.botDetail dl dt {
  width: 10%;
}
.botDetail dl dt label {
  font-weight: normal;
  margin-bottom: 2px;
  margin-right: 5px;
  margin-left: 5px;
}
h2.botName {
  height: 36px;
  width: 87%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: -2px auto;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  word-wrap: normal !important;
  display: block;
  color: white;
}
.botDescription {
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 2;
  /*라인수*/
  -webkit-box-orient: vertical;
  word-wrap: normal;
  margin: 0px auto;
  white-space: nowrap;
  color: white;
}
/* panel */
.test-panel.active {
  right: 0;
}
.test-panel {
  position: fixed;
  height: 100%;
  right: -350px;
  width: 350px;
  top: 70px;
  z-index: 100;
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
}
.test-panel .theme-collapse-btn {
  position: absolute;
  left: -26px;
  top: 7%;
  margin-top: -15px;
  width: 28px;
  height: 54px;
  line-height: 50px;
  font-size: 15px;
  color: #333;
  background: #fff;
  border-radius: 4px 0 0 4px;
  text-align: center;
  box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.4);
}
.test-sentence-input {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 24px 69px 24px 12px;
}
.test-table {
  margin-top: 10px;
}
.test-table .form-control[disabled],
.test-table .form-control[readonly],
.test-table fieldset[disabled] .form-control {
  padding: 2px 10px;
  background-color: white;
}
.test-table input.form-control[readonly] {
  height: 26px;
}
.test-table textarea {
  resize: none;
}
.test-btns {
  clear: both;
  height: 35px;
  position: relative;
}
.test-btns i {
  padding: 10px;
}
.test-btn-addon button {
  padding: 5px 17px;
  position: absolute;
  border-radius: 30px;
  background: #f8ac59;
  color: #fff;
  font-weight: bold;
  border-color: #f8ac59;
  border-radius: 30px !important;
}
.test-fixed-table {
  overflow-y: auto;
  max-height: 200px;
}
#chattingPanel {
  position: relative;
}
#chattingPanel .test-refresh {
  position: sticky;
  left: 12px;
  top: 0;
  color: #f8ac59;
  font-size: 20px;
}
.db-user-input {
  position: relative;
}
.db-user-input button {
  position: absolute;
  right: 6px;
  top: 8px;
  border-radius: 30px;
  background: #f8ac59;
  color: #fff;
  font-weight: bold;
  border-color: #f8ac59;
}
.db-sentence-none {
  padding: 24px;
  margin: 20px;
  border: 1px dashed #dcdcdc;
}
.db-sentence-full {
  /* margin: 20px ; */
  padding: 24px 0;
}
.db-panel-header {
  position: relative;
  line-height: 30px;
}
.db-panel-header small {
  position: relative;
  top: -5px;
}
.progress-small,
.progress-small .progress-bar {
  height: 3px;
}
/* navigation */
.db-nav-bottom {
  position: fixed;
  bottom: 0;
  min-width: 220px;
  background: #2f4050;
}
.db-ChatbotName.btn-group-justified > .btn-group {
  border-top: 1px solid #f8ac59;
}
.db-ChatbotName.btn-group-justified > .btn-group .btn {
  width: 90%;
  padding: 15px 15px 10px 26px;
  padding: 15px 15px 10px 21px;
  text-align: left;
  border-radius: 0!important;
}
.db-ChatbotName.btn-group-justified > .btn-group .btn.db-non-auth {
  width: 100%;
  z-index: 200;
}
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default.focus,
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default:focus,
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default:hover {
  background: #f69023;
  color: black;
  border-color: #f69023;
}
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default.focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default:focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .open > .dropdown-toggle.old-btn-default:hover + .btn-group-addon {
  color: black;
}
.db-ChatbotName.btn-group-justified .old-btn-default {
  background: #293846;
  border-top: 1px solid #f8ac59;
  color: white;
  border: none;
  font-weight: bold;
}
.db-ChatbotName.btn-group-justified .old-btn-default.active.focus,
.db-ChatbotName.btn-group-justified .old-btn-default.active:focus,
.db-ChatbotName.btn-group-justified .old-btn-default.active:hover,
.db-ChatbotName.btn-group-justified .old-btn-default:active.focus,
.db-ChatbotName.btn-group-justified .old-btn-default:active:focus,
.db-ChatbotName.btn-group-justified .old-btn-default:active:hover {
  color: black;
}
.db-ChatbotName.btn-group-justified .old-btn-default.active.focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .old-btn-default.active:focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .old-btn-default.active:hover + .btn-group-addon,
.db-ChatbotName.btn-group-justified .old-btn-default:active.focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .old-btn-default:active:focus + .btn-group-addon,
.db-ChatbotName.btn-group-justified .old-btn-default:active:hover + .btn-group-addon {
  color: black;
}
.db-ChatbotName.btn-group-justified .old-btn-default span {
  color: black;
}
.db-header__input {
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid transparent;
  color: #555;
  font-size: 20px;
  padding: 0!important;
  height: 30px;
}
.db-header__input:hover,
.db-header__input:focus,
.db-header__input:active {
  border-bottom: 1px solid #555;
}
.text-pool a {
  color: #555;
  width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.text-bold {
  font-weight: bold!important;
}
/* table */
.table {
  word-break: break-all;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.db-align-top.table > thead > tr > th,
.db-align-top.table > tbody > tr > th,
.db-align-top.table > tfoot > tr > th,
.db-align-top.table > thead > tr > td,
.db-align-top.table > tbody > tr > td,
.db-align-top.table > tfoot > tr > td {
  vertical-align: top;
}
.table > thead {
  /* background: @lg-color-grey5;*/
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 1px!important;
  color: #f8ac59;
}
.table > thead:first-child > tr:first-child > td:first-child:after,
.table > thead:first-child > tr:first-child > th:first-child:after,
.table > thead:first-child > tr:first-child > th:last-child:after {
  content: "";
}
.btn-add-row {
  font-size: 12px;
  display: inline-block;
  position: relative;
  top: -5px;
}
.btn-add-row span[class*="icon_"] {
  position: relative;
  top: 2px;
  font-size: 18px;
  margin-right: 5px;
}
.btn-add-row:hover {
  cursor: pointer;
  font-weight: 600;
}
.btn-add-component-row {
  text-align: center;
  position: relative;
  top: -10px;
  border-top: 1px dashed #e3e3e3;
}
.btn-add-component-row:hover {
  color: #FFAD36;
}
.btn-add-component-row span {
  font-size: 20px;
}
.btn-add-component-row span small {
  font-size: 12px;
  display: inline-block;
}
.btn-add-component-row span small span {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 5px;
}
.btn-add-component-row span small i {
  font-size: 15px;
}
.btn-add-component-row span:hover {
  cursor: pointer;
}
.btn-add-component-row span i:hover {
  color: #b3b3b3;
}
.btn-add-component-row.btn-node-row {
  top: 0px;
  clear: both;
}
.btn-add-component-row.btn-node-row span small {
  top: 3px;
}
.btn-add-component-row.btn-random {
  top: -4px;
  clear: both;
}
.btn-add-component-row.btn-random span small {
  top: 3px;
}
.btn-add-component-row.btn-random span small i {
  left: 40px;
}
/* xeditable */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  padding: 2px 0 2px 10px;
  width: 100%;
  border: none;
  text-align: center;
}
.editable-wrap .editable-controls > select {
  padding: 8px 0 8px 10px;
}
.editable-wrap .editable-input {
  margin-top: 2px;
}
/* iframe */
.iframeElem {
  background: white;
}
.page-heading input[type="text"].form-control {
  font-size: 20px;
}
.page-heading .form-control {
  background: transparent !important;
}
.page-heading .form-control:hover,
.page-heading .single-line:hover,
.page-heading .form-control:focus,
.page-heading .single-line:focus {
  border-color: black !important;
}
/* double scroll */
#wrapper,
#modalScroll {
  /* mini scroll */
}
#wrapper ::-webkit-scrollbar,
#modalScroll ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
#wrapper ::-webkit-scrollbar-track,
#modalScroll ::-webkit-scrollbar-track {
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
#wrapper ::-webkit-scrollbar-thumb,
#modalScroll ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.18);
  width: 10px;
  height: 10px;
  border-radius: 100px;
}
#wrapper ::-webkit-scrollbar-thumb:hover,
#modalScroll ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#wrapper ::-webkit-scrollbar-corner,
#modalScroll ::-webkit-scrollbar-corner {
  background-color: #f8f8f8;
}
div#backFrame ::-webkit-scrollbar,
#mscreen ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/*nlu-list-area*/
.nlu-list-area,
.nlu-detail-area,
.entity-detail-area {
  overflow-y: hidden;
  overflow-x: hidden;
}
.nlu-list-area .filteredList,
.nlu-detail-area .filteredList,
.entity-detail-area .filteredList {
  background: none;
}
/* block list */
.db-list-block {
  height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.db-list-block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dcdcdc;
}
.db-list-block::-webkit-scrollbar {
  width: 6px;
  background-color: #555;
}
.db-list-block::-webkit-scrollbar-thumb {
  background-color: #555;
}
/* panel */
.panel-group {
  margin-bottom: 0px;
}
.panel-heading {
  padding: 2px 15px;
}
.panel-heading .panel-num {
  position: relative;
  top: 11px;
  padding-left: 0;
}
.badge.badge-default.message-count {
  font-size: 6px;
  margin-left: 3px;
  background: #f8ac59;
}
.old-ibox.db-old-ibox-outline .old-ibox-content {
  border-top: none;
}
.old-ibox.db-old-ibox-outline > .old-ibox-content,
.old-ibox.db-old-ibox-outline > .old-ibox-footer {
  opacity: .5;
}
.old-ibox.db-old-ibox-outline:last {
  margin-bottom: 0;
}
.old-ibox.db-outline {
  border: 1px dashed #293846;
}
/* old-ibox */
.old-ibox-content {
  clear: none;
}
.old-ibox-content.old-ibox-content-table {
  padding: 0;
}
.db-dash-box {
  border-top: 3px solid #f8ac59;
  border-bottom: 3px solid #f8ac59;
}
.db-dash-box .old-ibox-title {
  padding-bottom: 0;
  min-height: 30px;
  height: 40px;
}
.db-dash-box .old-ibox-title h4 {
  color: #f8ac59;
  line-height: 1.5;
}
.db-dash-box .old-ibox-title h4 .old-btn-info.btn-circle.help-tooltip,
.db-dash-box .old-ibox-title h4 .old-btn-info.btn-circle.help-tooltip-sm {
  background: #aaa;
}
.db-dash-box .old-ibox-title h4 button {
  top: -2px;
}
.db-dash-box .old-ibox-title h4 .db-btn-tabs {
  color: #3b434f;
}
.db-dash-box .old-ibox-title h4 .db-btn-tabs .btn-tab:hover {
  color: #f8ac59;
}
.db-dash-box .old-ibox-title h4 .db-btn-tabs .btn-tab:focus {
  color: white;
  background: #f8ac59;
}
.db-dash-box .old-ibox-content {
  border-top: none;
  padding-top: 0;
}
.db-dash-transparent-box {
  background: transparent;
  border: none;
}
.db-dash-transparent-box .old-ibox-title {
  background: none;
  border: none;
}
.db-dash-transparent-box .old-ibox-title .db-btn-tabs {
  background: none;
  color: #3b434f;
}
.db-dash-transparent-box .old-ibox-title .db-btn-tabs .btn-tab:hover {
  color: #f8ac59;
}
.db-dash-transparent-box .old-ibox-title .db-btn-tabs .btn-tab:focus {
  color: white;
  background: #f8ac59;
}
.db-dash-transparent-box .old-ibox-content {
  background: none;
  border: none;
}
.db-dash-solid-box.bg-orange {
  background: #f8ac59;
}
.db-dash-solid-box.bg-orange .old-ibox-title {
  background: #f8ac59;
  color: white;
}
.db-dash-solid-box.bg-orange .old-ibox-title .db-btn-tabs {
  background: #f8ac59;
  color: #3b434f;
}
.db-dash-solid-box.bg-orange .old-ibox-title .db-btn-tabs .btn-tab:hover {
  color: #f8ac59;
}
.db-dash-solid-box.bg-orange .old-ibox-title .db-btn-tabs .btn-tab:focus {
  color: white;
  background: #f8ac59;
}
.db-dash-solid-box.bg-orange .old-ibox-content {
  background: #f8ac59;
  color: white;
}
.db-dash-solid-box.bg-gray {
  background: #999;
}
.db-dash-solid-box.bg-gray .old-ibox-title {
  background: #999;
  color: white;
}
.db-dash-solid-box.bg-gray .old-ibox-title .db-btn-tabs {
  background: #999;
  color: #3b434f;
}
.db-dash-solid-box.bg-gray .old-ibox-title .db-btn-tabs .btn-tab:hover {
  color: #f8ac59;
}
.db-dash-solid-box.bg-gray .old-ibox-title .db-btn-tabs .btn-tab:focus {
  color: white;
  background: #999;
}
.db-dash-solid-box.bg-gray .old-ibox-content {
  background: #999;
  color: white;
}
.db-dash-solid-box .old-ibox-title {
  background: #f8ac59;
  color: white;
  border: none;
  height: 20px;
}
.db-dash-solid-box .old-ibox-title .db-btn-tabs {
  background: #f8ac59;
  color: #3b434f;
}
.db-dash-solid-box .old-ibox-title .db-btn-tabs .btn-tab:hover {
  color: #f8ac59;
}
.db-dash-solid-box .old-ibox-title .db-btn-tabs .btn-tab:focus {
  color: white;
  background: #f8ac59;
}
.db-dash-solid-box .old-ibox-content {
  background: #f8ac59;
  color: white;
  border: none;
  padding: 5px 5px 10px 5px;
}
.db-old-ibox-mini .old-ibox-title {
  border-top: 3px solid #f8ac59;
}
/* panel end */
.dashDesc {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 12px;
}
.db-ellipsis {
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.no-data-field {
  position: absolute;
  width: 100%;
  height: 280px;
  text-align: center;
  z-index: 300;
}
.no-data-field span {
  padding: 10px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -122px;
}
.no-data-field.mini {
  height: 181px;
}
.no-data-field.mini span {
  top: 92px;
}
.db-rank-content {
  height: 370px;
}
.db-no-rank {
  position: relative;
  text-align: center;
}
.db-no-rank span {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -94px;
  padding: 10px;
}
/* fixed label */
.db-fix-label {
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
/* list none */
.db-list-none {
  margin-top: 80px;
  text-align: center;
}
.db-list-none .db-list-none-info {
  margin-bottom: 21px;
  font-size: 40px;
}
.db-list-none .db-list-none-title {
  font-size: 24px;
  font-weight: 600;
  width: 45%;
  min-width: 450px;
  word-break: keep-all;
  margin: 0 auto;
  line-height: 42px;
}
.db-list-none .db-list-none-content {
  margin: 30px 0;
  font-size: 18px;
}
/* trash */
i.fa.fa-trash {
  cursor: pointer;
}
/* context */
.context {
  position: fixed;
  width: 300px;
  top: 0;
  left: 0;
  z-index: 4000;
  background: white;
  box-shadow: 0 6px 45px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.context .context-header .header__selection {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.context .context-header .header__selection .form-control {
  border: none;
}
.context .context-header .header__selection i {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  color: #e6e6e6;
}
.context .context-header .header__filter {
  position: relative;
  padding: 5px 0;
  background: #fafafa;
}
.context .context-header .header__filter .form-control {
  border: none;
  background: transparent;
}
.context .context-header .header__filter i {
  position: absolute;
  top: 16px;
  right: 10px;
  color: #b3b3b3;
}
.context .context-header .header__filter i:hover {
  color: #999;
  cursor: pointer;
}
.context .context-content {
  height: 200px;
  overflow-y: auto;
}
.context .context-content ul {
  list-style: none;
  padding-left: 0;
}
.context .context-content ul li {
  padding: 8px 5px 8px 20px;
}
.context .context-content ul li:hover {
  background: #f8ac59;
  color: white;
}
.context .context-addrow {
  border-top: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 8px 5px;
  text-align: center;
}
.context .context-addrow:hover {
  background: #f3f3f4;
  cursor: pointer;
}
.context .context-footer {
  border-top: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 8px 5px;
  text-align: right;
}
.term {
  font-size: 12px;
  color: #3b434f;
}
/* drag box */
.sentenceBox {
  position: relative;
  margin: 1px 0;
  clear: both;
}
.sentenceBox .sentence-heading-div {
  position: absolute;
  padding: 15px 50px 0px 50px;
  font-size: 14px;
  background: white;
  color: white;
  overflow-y: hidden;
  width: 97%;
  line-height: 1.6;
  word-break: break-all;
  letter-spacing: 0;
}
.sentenceBox .sentence-heading-div > div {
  position: relative;
  z-index: 20;
  font-size: 14px;
  opacity: 0.4;
}
.sentenceBox .sentence-heading {
  margin: 1px 0;
  padding: 15px 50px 0px 50px;
  border-radius: 3px;
  z-index: 40;
  background: rgba(179, 179, 179, 0.1);
  border-color: #e6e6e6;
  position: relative;
  overflow-y: hidden;
  resize: none;
  line-height: 1.6;
  word-break: break-all;
}
.sentenceBox .sentence-heading.db-new-heading-div {
  border: 1px dashed #f8ac59;
  background: #fef3e7;
}
.sentenceBox .sentence-content {
  position: relative;
  top: 0;
  width: 100%;
}
.sentenceBox .sentence-content .table > thead {
  text-align: center;
  font-weight: bold;
}
.sentenceNotice p span {
  font-size: 60px;
  color: #ddd;
}
.sentenceBox.clickable .sentence-heading {
  cursor: pointer;
}
.sentenceBox.clickable .sentence-heading:hover {
  background-color: rgba(248, 172, 89, 0.12);
  color: #111;
  border-color: #f8ac59 !important;
}
.sentenceBox.clickable .sentence-heading:focus {
  background-color: rgba(248, 172, 89, 0.2);
  border-color: #FFAD36 !important;
}
.sentenceBox.clickable .db-new-heading-div:hover {
  background-color: #fff6ed;
}
/* drag field */
.sel-handle {
  cursor: ew-resize;
  color: tomato;
  width: 1px;
  display: inline-block;
  overflow: visible;
  background-color: tomato;
  height: 18px;
  vertical-align: top;
  position: relative;
}
.sel-handle:before {
  content: '';
  display: block;
  background-color: tomato;
  width: 7px;
  height: 7px;
  position: absolute;
  left: -3px;
  top: -3px;
  border-radius: 100%;
}
.table td {
  position: relative;
}
.table td .text-highlight {
  position: relative;
  opacity: 0.4;
  display: inline;
  line-height: 1.8;
}
/* intent */
.db-intent-table > tbody > tr > td {
  vertical-align: top;
}
.db-intent-id {
  font-weight: normal;
  font-size: 11px;
}
.modal-backdrop {
  display: none;
}
/* EntityContainer 레이아웃 조정 */
@media screen and (min-width: 800px) and (max-width: 1200px) {
  .listContainer .row.col-lg-8 {
    width: 63%;
    /* 66.666666667%; */
  }
}
/* test-panel 작은 화면에서는 볼 수 없게 수정 */
@media screen and (max-width: 380px) {
  .test-panel.active {
    right: -380px;
  }
}
/* dropzone */
.dropzone {
  min-height: 160px;
}
.dropzone .selectCollectors {
  width: 300px;
}
/* drop selector */
.db-drop-selector {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.db-drop-selector .selectCollectors {
  position: absolute;
  top: 35px;
  right: -20px;
  border: 1px solid #999;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  height: 0;
  width: 250px;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  visibility: hidden;
}
.db-drop-selector .selectCollectors.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.db-drop-selector .selectCollectors .form-control {
  border: none;
  padding: 6px 19px;
  background: transparent;
}
.db-drop-selector .selectCollectors .form-control.intentSearch {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* Chatflow UI 스타일 */
.chatflowCanvas.old-ibox-content {
  background: #f7f9e7 url(img/chatflow/bg-grid.gif) repeat left top;
  border: 2px solid #ddd;
}
td .btn-limit > span.icon_link_alt {
  font-size: 12px;
}
.count-info {
  position: relative;
  top: 4px;
}
.count-info .arrow_carrot-down_alt {
  font-size: 16px;
  color: #293846;
}
.count-info i {
  font-size: 21px;
  color: #293846;
}
.dropdown-messages-box .media-body strong {
  display: block;
  background: gray;
  color: white;
  padding: 2px 10px;
}
.dropdown-messages-box .media-body div {
  padding: 0 10px;
}
.dropdown-messages-box .media-body div:first-child {
  border-bottom: 1px dashed gray;
}
.btn-limit {
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
}
/* carousel */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 70%;
  margin: auto;
}
/* search square box */
.search-square {
  position: relative;
}
.search-square label {
  position: absolute;
  top: 4px;
  left: 10px;
  color: gray;
  font-size: 19px;
  margin-top: 6px;
}
.search-square input {
  padding-left: 40px;
  padding-right: 30px;
}
.search-square i.fa-times {
  position: absolute;
  top: 15px;
  right: 11px;
  color: #b3b3b3;
}
.search-square i.fa-times:hover {
  color: #b3b3b3;
  cursor: pointer;
}
.intents-field,
.chatflows-field {
  border-top: 1px solid #e5e6e7;
}
.db-intents .db-intent,
.db-chatflows .db-intent,
.db-intents .db-chatflow,
.db-chatflows .db-chatflow {
  padding: 10px 10px;
  border: 1px solid #e5e6e7;
  border-top: none;
  position: relative;
}
.db-intents .db-intent .icheckbox_square-green,
.db-chatflows .db-intent .icheckbox_square-green,
.db-intents .db-chatflow .icheckbox_square-green,
.db-chatflows .db-chatflow .icheckbox_square-green {
  position: absolute;
  left: 12px;
  top: 12px;
  margin-right: 10px;
}
.db-intents .db-intent .db-intent-name,
.db-chatflows .db-intent .db-intent-name,
.db-intents .db-chatflow .db-intent-name,
.db-chatflows .db-chatflow .db-intent-name,
.db-intents .db-intent .db-chatflow-name,
.db-chatflows .db-intent .db-chatflow-name,
.db-intents .db-chatflow .db-chatflow-name,
.db-chatflows .db-chatflow .db-chatflow-name {
  padding-left: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.db-intent-add-btn,
.db-chatflow-add-btn {
  text-align: center;
  margin-top: 10px;
}
/* page entire scroll */
#page-wrapper {
  padding-right: 0;
  padding-left: 0;
}
#db-scrollArea {
  overflow-y: scroll;
  overflow-x: hidden;
}
#db-entire-scrollArea {
  padding-right: 20px;
  padding-left: 10px;
}
.wrapper-inner {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 2000px;
  height: 100%;
}
#db-full-scrollArea {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 20px;
  padding-left: 10px;
  height: 100%;
}
/* old-ibox-title box */
.intent-log {
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}
.intent-log .nlu-log-box-header {
  margin-bottom: 0;
  position: sticky;
  top: -1px;
  z-index: 1;
}
.intent-log .nlu-log-box-header .old-ibox-title {
  padding: 15px 25px;
  min-height: 19px;
  margin-bottom: 5px;
  background: rgba(41, 56, 70, 0.8);
  border-radius: 4px 4px 0 0;
  color: white;
  font-size: 13px;
  font-weight: 600;
}
.intent-log .nlu-log-box {
  border: 1px solid #ddd;
  border-bottom: none;
}
.intent-log .nlu-log-box:first-child {
  border-top: none;
}
.intent-log .nlu-log-box .table {
  width: 98%;
  margin: 0 auto 10px auto;
}
.intent-log .nlu-log-box .table > tbody > tr > td {
  height: 39px;
}
.intent-log .nlu-log-box .old-ibox-footer {
  text-align: right;
  padding-right: 40px;
  padding: 0 20px;
}
.intent-log .nlu-log-box .old-ibox-footer .db-added-intent {
  float: left;
  margin-top: 10px;
  width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
}
.intent-log .nlu-log-box .old-ibox-footer .btn-area {
  position: relative;
  display: inline-block;
  width: 20%;
}
.intent-log .log-search-result {
  background: #f5f5f6;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 0 0 4px 4px;
  text-align: center;
}
.intent-log .log-search-result button {
  margin: 10px 0;
}
.old-ibox-title {
  position: relative;
}
.old-ibox-title .pull-right {
  position: absolute;
  right: 24px;
}
.old-ibox-title .title-btns {
  position: relative;
  top: -7px;
}
.old-ibox-title.nlu-log-title {
  padding: 0px 15px;
  text-align: center;
}
.old-ibox-content .radio-container {
  margin-right: 10px;
  display: inline;
}
.old-ibox-content .radio-container .radio-group {
  display: inline;
  font-size: 11px;
  margin-left: 10px;
}
.old-ibox-content .radio-container .radio-group input {
  padding-left: 10px;
}
.old-ibox-content .radio-container .radio-group label {
  padding-left: 5px;
}
.old-ibox-title h4 .db-total-count {
  font-size: 12px;
  font-weight: normal;
  padding: 2px 15px;
}
.old-ibox-title h4 .db-section-count {
  font-size: 12px;
  font-weight: normal;
  padding: 2px 10px;
}
.old-ibox-title h4 button {
  position: relative;
  top: -3px;
}
/* profile */
.db-profile img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: none;
  object-fit: contain;
}
.cropArea {
  overflow: hidden;
  width: 100%;
  height: 200px;
  text-align: center;
  margin: 0 auto;
}
.cropArea .svgImg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.profile-cha {
  height: 200px;
}
.profile-cha ul {
  height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
.profile-cha ul::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.profile-cha ul li {
  position: relative;
  width: 75px;
  height: 75px;
  float: left;
  list-style: none;
  cursor: pointer;
}
.profile-cha ul li img {
  width: 100%;
  height: 100%;
}
.profile-cha ul li:hover:before,
.profile-cha ul li.select:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #FF6647;
}
.db-crop-file {
  height: 36px;
  font-size: 12px;
  margin-top: 10px;
}
.db-crop-file input {
  width: 100%;
}
/* tooltip */
.table span.fa {
  padding: 10px;
}
div.tooltip-inner {
  max-width: none;
  white-space: nowrap;
  height: auto;
}
/* open beta logo */
.logo_danbeeAi_beta {
  width: 200px;
  margin: 5px 0 10px 0;
}
.logo_danbeeAi_beta.mini {
  width: 110px;
}
.logo_honeydrop {
  width: 70px;
  margin: 0;
}
.logo_honeydrop.mini {
  width: 60px;
}
.to_landing,
.to_landing:link,
.to_landing:visited {
  display: block;
  position: absolute;
  left: 18px;
  top: 8px;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}
.to_landing img,
.to_landing:link img,
.to_landing:visited img {
  margin-right: 5px;
}
.to_landing:hover,
.to_landing:active {
  color: #666;
  font-weight: 600;
}
/* small pop-up */
.db-lower-small-popup {
  position: absolute;
  background: white;
  z-index: 2000;
  padding: 10px 20px;
  list-style: none;
  border: 1px solid #999;
  border-radius: 8px;
  left: -22px;
  top: 48px;
  width: 125px;
  background: rgba(41, 56, 70, 0.8);
}
.db-lower-small-popup li {
  width: 85px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  color: white;
  font-weight: bold;
}
.db-lower-small-popup:after,
.db-lower-small-popup:before {
  content: '';
  position: absolute;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.db-lower-small-popup:after {
  border-bottom: 10px solid rgba(41, 56, 70, 0.8);
  top: -9px;
  right: 5px;
}
.db-upper-small-popup {
  position: absolute;
  background: white;
  z-index: 2000;
  padding: 10px 20px;
  list-style: none;
  border: 1px solid #999;
  border-radius: 8px;
  left: -22px;
  bottom: 22px;
  width: 125px;
  background: rgba(41, 56, 70, 0.8);
}
.db-upper-small-popup li {
  width: 85px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  color: white;
  font-weight: bold;
}
.db-upper-small-popup:after,
.db-upper-small-popup:before {
  content: '';
  position: absolute;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.db-upper-small-popup:after {
  border-bottom: 10px solid rgba(41, 56, 70, 0.7);
  border-color: transparent transparent rgba(41, 56, 70, 0.7) transparent;
  bottom: -10px;
  right: 5px;
  transform: rotate(180deg);
}
/* tabs inner input */
.tab-input {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  margin-right: 0;
}
/* datatable */
.dataTables_wrapper {
  padding-bottom: 0px;
}
/* terms */
.db-conf-area {
  padding: 40px 20px 60px;
}
.db-conf-area h2 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #999;
  font-weight: 700;
}
.db-terms-cont {
  width: 100%;
  background: #fafafa;
  border: 1px solid #eee;
  padding: 20px;
  font-size: 98%;
}
/* first agree page */
.db-first-agree-area {
  text-align: left;
}
.large-box {
  max-width: 800px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.large-box h4 {
  margin-top: 25px;
}
.large-box span,
.large-box strong {
  margin-left: 10px;
}
.db-term-area {
  border: 2px solid #999;
  padding: 15px;
  height: 150px;
  overflow: auto;
  margin: 10px 0;
  background: white;
}
/* password period limit */
.db-intro-text-area {
  text-align: left;
}
.db-intro-text-area h2 {
  text-align: center;
  margin: 40px 0 50px;
  font-weight: 700;
}
.db-intro-text-area p strong {
  text-decoration: underline;
}
.wide-middle-box {
  max-width: 600px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 100px;
}
.narrow-middle-box {
  max-width: 450px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.ask-things {
  margin-top: 30px;
}
.ask-things .ask-question {
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0 20px;
}
.ask-things form input {
  margin: 0 10px 0 0;
}
.ask-things form label {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.ask-done {
  width: 100%;
  margin-top: 50px;
}
.ask-done button {
  width: 100%;
  border: 0;
  background: #FFAD36;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #00000033;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 45px;
}
/* select tenant */
.db-select-tenant-area {
  position: relative;
  text-align: left;
}
.db-select-tenant-area h2 {
  font-weight: 600;
}
.db-select-tenant-area h2 small {
  display: inline-block;
  min-width: 24px;
  width: fit-content;
  height: 24px;
  line-height: 24px;
  vertical-align: bottom;
  background: #FF7A00;
  border-radius: 24px;
  color: #fff;
  font-size: 16px !important;
  text-align: center;
  margin-left: 10px;
  padding: 0 6px;
}
.db-select-tenant-area .btn-primary-gray {
  position: absolute;
  top: -8px;
  right: 0;
  margin: 0;
  padding: 6px 12px;
  height: auto;
  font-weight: 500;
}
.db-select-tenant-area .tenant-search {
  margin-bottom: 10px;
}
.db-select-tenant-area .tenant-search .search-option {
  max-width: 100%;
  width: 100%;
}
.db-select-tenant-area .tenant-search .search-option .option-input-wrapper {
  width: 100%;
}
.db-select-tenant-area .tenant-search .search-option .option-input-wrapper .icon_search {
  vertical-align: top;
}
.db-select-tenant-area .tenant-search .search-option .option-input-wrapper .search-input {
  height: 40px;
  border-radius: 0;
}
.db-select-tenant-area .db-tenants-area {
  margin: 20px 0 40px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem {
  background: white;
  border: 1px solid #C8C8C8;
  margin-top: 10px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item {
  position: relative;
  padding: 20px 40px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item em {
  position: absolute;
  width: 26px;
  height: 26px;
  background-image: url(../img/dds/icon-crown_orange.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 4px;
  margin-left: 4px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item strong {
  font-size: 25px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.4em;
  height: 1.4em;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item span.charge {
  width: 74px;
  text-align: center;
  font-size: 12px;
  border-radius: 10px;
  color: #FF7A00;
  border: 1px solid #FF7A00;
  padding-bottom: 2px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item span.phone-not {
  vertical-align: middle;
  margin-left: -10px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item span.phone-not svg {
  width: 16px;
  height: 16px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .db-tenant-item i {
  position: absolute;
  top: 31px;
  right: 20px;
  font-size: 35px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem:hover,
.db-select-tenant-area .db-tenants-area .db-tenant-elem.open {
  border: 1px solid #f8ac59;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem:hover .db-tenant-item,
.db-select-tenant-area .db-tenants-area .db-tenant-elem.open .db-tenant-item {
  background: #f8ac59;
  color: white;
  cursor: pointer;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem:hover .db-tenant-item em,
.db-select-tenant-area .db-tenants-area .db-tenant-elem.open .db-tenant-item em {
  background-image: url(../img/dds/icon-crown_white.png);
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem:hover .db-tenant-item span.charge,
.db-select-tenant-area .db-tenants-area .db-tenant-elem.open .db-tenant-item span.charge {
  color: #fff;
  border-color: #fff;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem:hover .db-tenant-item i.arrow_r:before,
.db-select-tenant-area .db-tenants-area .db-tenant-elem.open .db-tenant-item i.arrow_r:before {
  border-color: #fff;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem.active .db-tenant-item {
  background: #f8ac59;
  color: white;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem.active .db-tenant-item i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .phone-certification {
  max-width: 100%;
  border-radius: 0;
  margin-top: 0;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .phone-certification .module-single-ele {
  padding: 20px 40px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .phone-certification .module-single-ele .input-within div button {
  top: 10px;
  bottom: inherit;
}
.db-select-tenant-area button.db-tenant-elem {
  width: 100%;
  padding: 20px;
  font-size: 20px;
  background-color: #FFAD36;
  border: 0;
  font-weight: 600;
  color: #fff;
}
.db-select-tenant-area button.db-tenant-elem:hover {
  background: #ffa522;
}
.db-select-tenant-area button.db-tenant-elem span {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 20px;
  margin-right: 10px;
}
/* chart - dashboard */
.legend div,
.legend table {
  top: 205px !important;
  right: 30px !important;
}
/* rank table */
.db-unselected {
  color: #d1dade;
}
.rank-title {
  display: inline-block;
  width: 65%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* login info */
.db-login-info {
  position: relative;
}
.db-login-info .db-logo {
  width: 25px;
  height: 40px;
  margin-left: 24px;
  float: left;
}
.db-login-info .db-tenant-name {
  padding-left: 10px;
  font-weight: 900;
  font-size: 16px;
  width: 132px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: flex;
}
.db-login-info .db-tenant-name .arrow_carrot-right {
  float: none;
  margin-left: auto;
}
.db-login-info .db-user-email {
  padding-left: 10px;
  width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
}
/* help block mini */
.help-block.mini {
  font-size: 12px;
}
.db-pw-link {
  color: #3b434f;
  margin-top: 2px;
  font-size: 12px;
  text-decoration: underline;
}
/* summer note */
.note-editor {
  background: white;
  border: 1px solid #999;
}
.note-editor .note-toolbar {
  background: #f8ac59;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 39%, #f6f6f6 62%, #ededed 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(39%, #f9f9f9), color-stop(62%, #f6f6f6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 39%, #f6f6f6 62%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 39%, #f6f6f6 62%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 39%, #f6f6f6 62%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 39%, #f6f6f6 62%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.note-editor .note-editable {
  min-height: 600px;
  max-height: 1200px;
  overflow-y: auto;
}
.note-editor .old-btn-primary {
  background: #f8ac59 !important;
  border-color: #f8ac59 !important;
}
.note-editor.fullscreen {
  right: 0;
  bottom: 0;
  z-index: 3000;
}
/* board template */
.db-board {
  min-height: 600px;
  overflow: auto;
}
.db-board .board-header {
  position: relative;
  padding: 10px 20px;
  border-top: 2px solid #f8ac59;
  line-height: 30px;
  font-size: 15px;
}
.db-board .board-header th,
.db-board .board-header td {
  vertical-align: top;
}
.db-board .board-header b {
  position: absolute;
  left: 0;
  margin-right: 10px;
}
.db-board .board-header .db-board-title {
  position: absolute;
  left: 30px;
  width: 100%;
}
.db-board .board-header .db-board-title b {
  position: absolute;
  left: 0;
}
.db-board .board-header .db-board-title .db-board-entire-title {
  position: absolute;
  left: 30px;
  padding-left: 30px;
  display: inline;
}
.db-board .board-header .db-board-date {
  position: absolute;
  right: 60px;
}
.db-board .board-header .db-board-date .db-board-date-title {
  display: inline;
}
.db-board .board-content {
  clear: both;
  padding: 20px;
  min-height: 600px;
  border-top: 1px solid #f8ac59;
}
.db-board .board-footer {
  border-top: 1px dashed #f8ac59;
  border-bottom: 2px solid #f8ac59;
  min-height: 5px;
}
.db-board .board-footer ul {
  margin: 10px;
  padding: 15px;
  background: #f2f2f2;
  list-style: none;
}
.db-board .board-footer ul li {
  line-height: 24px;
}
.db-board .board-footer ul li i {
  margin-right: 10px;
  color: #f8ac59;
}
.db-board .board-footer ul li:hover {
  cursor: pointer;
  color: #f8ac59;
}
.db-board .board-footer ul li:hover i {
  color: #f69023;
}
/* date time range picker */
.rg-range-picker .rg-range-picker-box {
  position: absolute;
  z-index: 300;
}
.db-datetimerangepicker {
  height: 46px;
}
.rg-range-picker-calendar-box {
  background: #f8ac59;
}
.rg-range-picker-calendar-box h5 + div {
  background: white;
}
.rg-range-picker-calendar-box .old-btn-info:hover,
.rg-range-picker-calendar-box .old-btn-info:focus,
.rg-range-picker-calendar-box .old-btn-info:active,
.rg-range-picker-calendar-box .old-btn-info.active,
.rg-range-picker-calendar-box .old-btn-info.active:hover,
.rg-range-picker-calendar-box .open .dropdown-toggle.old-btn-info {
  border-color: #f69023;
  background: #f8ac59;
  color: white;
}
.rg-range-picker .rg-range-picker-calendars .rg-range-picker-calendar-label {
  color: white;
  font-weight: 700;
  background: #FFAD36;
}
.rg-range-picker .rg-range-picker-calendars th {
  background: white;
}
/* padding btn */
.btn-padding {
  padding: 9px 12px;
}
.alert-header {
  padding: 10px 35px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 339px;
}
.textarea_size {
  resize: none;
  line-height: 150%;
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
  overflow: hidden;
  width: 250px;
  padding: 0;
  font-size: 13px;
}
/* manage area */
.db-old-ibox-content-title {
  font-size: 15px;
  font-weight: 800;
  margin-right: 30px;
  margin-left: 10px;
}
.db-word-break {
  word-break: break-all;
}
/* nluscroll */
#nluScroll::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
#nluScroll::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #ccc;
}
#nluScroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
#nluScroll::-webkit-scrollbar-track {
  background: #ddd;
}
#nluScroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.scroll-padding {
  padding: 20px 0px;
}
/* personality */
.personality-title,
.old-ibox-content-title {
  background: #f3f3f4;
  padding: 10px 21px;
}
.personality-body,
.old-ibox-content-body {
  padding: 10px 20px;
}
.old-ibox-content-title .btn-add {
  position: relative;
  top: -3px;
  right: -8px;
}
.old-ibox-content-body td:last-child .fa-trash {
  position: relative;
  top: 0;
}
.db-person-select {
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.db-welcome-box .db-person-btn + #selectCollectors {
  width: 100%;
}
.db-nick {
  font-size: 12px;
  position: absolute;
  top: 17px;
  right: 6%;
  color: #665a4b;
  text-align: left;
  max-width: 18%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  font-weight: 500;
  background: #eee;
  padding: 3px 44px 3px 10px;
  border-radius: 21px;
  text-align: center;
}
.db-nick i {
  margin-right: 3px;
  background: #665a4b;
  color: white;
  padding: 4px;
  border-radius: 25px;
  border: 1px solid;
  font-size: 12px;
}
/* db-color */
.text-inactive {
  color: #c40452;
}
.text-active {
  color: #a1bf35;
}
/* size */
.db-text-12 {
  font-size: 12px !important;
}
/* bootstrap customModel */
.modal-xl {
  width: 90%;
  max-width: 1200px;
}
.gray-bg {
  background: #e6e6e6;
}
.db-table-ellipsis-25 {
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  line-height: 1.2;
  width: 25%;
}
.db-vertical-top {
  vertical-align: top!important;
}
.nya-bs-select.btn-group .dropdown-menu li.group-item a {
  text-overflow: ellipsis;
  overflow: hidden;
}
/* mini-popover */
.popover-container {
  position: relative;
}
.popover-container .db-mini-list-popover {
  position: absolute;
  top: 23px;
  right: 5px;
  width: 200px;
  background: white;
  z-index: 300;
}
.popover-container .db-mini-list-popover .mini-title {
  background: #e6e6e6;
  color: gray;
  padding: 1px 8px;
}
.popover-container .db-mini-list-popover .mini-title h4 {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
}
.popover-container .db-mini-list-popover .mini-content {
  padding: 5px 15px;
  border: 1px solid #e6e6e6;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  line-height: 1.4;
}
.popover-container .db-mini-list-popover .mini-content ul {
  list-style: none;
  padding-left: 0;
}
.popover-container .db-mini-list-popover .mini-content ul li {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  font-size: 10px;
  padding: 3px 0;
}
.popover-container .db-mini-list-popover .mini-content ul li.add-item {
  font-weight: bold;
  background: #e6e6e6;
  color: gray;
}
.popover-container .db-mini-list-popover .mini-content ul li.add-item:hover {
  color: #f8ac59;
  cursor: pointer;
}
.popover-container .db-mini-list-popover .mini-addon {
  position: absolute;
  bottom: 7px;
  right: 7px;
}
.popover-container .db-mini-list-popover .mini-addon p {
  background: #e6e6e6;
  color: gray;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
}
.table-user ul {
  list-style: none;
}
.db-tenant-admin-name .fa-edit {
  display: none;
}
.db-tenant-admin-name:hover {
  color: #f8ac59;
  text-decoration: underline;
}
.db-tenant-admin-name:hover .fa-edit {
  display: inline;
}
/* dashboard - intent,entity,chatflow */
.db-old-ibox-mini {
  background: white;
  color: #3b434f;
  height: 45px;
  margin-bottom: 15px;
}
.db-old-ibox-mini .left {
  display: inline-block;
  background: #f8ac59;
  color: white;
  width: 20%;
  float: left;
  height: 45px;
  text-align: center;
  font-size: 23px;
}
.db-old-ibox-mini .right {
  position: relative;
  display: inline-block;
  width: 80%;
  float: right;
  font-weight: 800;
}
.db-old-ibox-mini .right .mini-title {
  position: absolute;
  top: 5px;
  left: 10px;
}
.db-old-ibox-mini .right .mini-count {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 23px;
}
.db-old-ibox-mini .right .db-back {
  position: absolute;
  color: #f8ac59;
  opacity: .4;
  font-size: 67px;
  top: 15px;
  overflow: hidden;
  height: 30px;
  right: 37px;
}
.db-dash-h-combobox {
  display: inline-block;
  font-size: 13px;
}
.db-dash-h-combobox span {
  font-size: 12px;
}
.db-dash-h-combobox span i {
  margin-left: 5px;
  background: #6a6c6f;
  font-size: 8px;
  color: white;
}
.db-content-control-box {
  background: white;
  padding: 15px;
  border-radius: 10px;
}
/* checkbox */
.checkbox-inline {
  padding: 0;
  position: relative;
  font-size: 18px;
  /* disabled checkbox */
  /* accessibility */
}
.checkbox-inline input[type="checkbox"] {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checkbox-inline input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family: 'nanumGodic';
  font-weight: normal;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
}
.checkbox-inline input[type="checkbox"] + label:before {
  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;
  /* 체크박스의 너비를 지정 */
  height: 21px;
  /* 체크박스의 높이를 지정 */
  line-height: 17px;
  /* 세로정렬을 위해 높이값과 일치 원래21px */
  margin: -2px 5px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}
.checkbox-inline input[type="checkbox"] + label:active:before,
.checkbox-inline input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox-inline input[type="checkbox"]:checked + label:before {
  /* 체크박스를 체크했을때 */
  content: '\2714';
  /* 체크표시 유니코드 사용 */
  color: #f8ac59;
  text-shadow: 1px 1px white;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.checkbox-inline input[type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox-inline input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.checkbox-inline input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.checkbox-inline input[type="checkbox"]:disabled + label {
  color: #aaa;
}
.checkbox-inline input[type="checkbox"]:checked:focus + label:before,
.checkbox-inline input[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
@media (max-width: 767px) {
  .tabs-container .nav-tabs > li {
    float: left !important;
  }
}
.open > .dropdown-menu {
  display: block;
  max-height: 352px;
  overflow-x: hidden;
  min-width: 200px;
  max-width: 400px;
}
/* channel box */
.db-channel-box {
  background: white;
  border: 1px solid #999;
  border-radius: 15px;
}
.db-channel-box > div {
  border-radius: 15px;
  border: 1px dashed #f8ac59;
}
.db-channel-box img {
  margin-top: 20px;
}
.db-channel-box p {
  margin: 4px 10px 20px;
  font-size: 15px;
  font-weight: 700;
}
.db-channel-box .toggle {
  margin-bottom: 20px;
  height: 20px!important;
}
.db-channel-box .old-btn-primary {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF;
}
.db-channel-box .old-btn-primary:hover,
.db-channel-box .old-btn-primary:focus,
.db-channel-box .old-btn-primary:active,
.db-channel-box .old-btn-primary.active,
.db-channel-box .open .dropdown-toggle.old-btn-primary,
.db-channel-box .old-btn-primary.active.focus,
.db-channel-box .old-btn-primary.active:focus,
.db-channel-box .old-btn-primary.active:hover,
.db-channel-box .old-btn-primary:active.focus,
.db-channel-box .old-btn-primary:active:focus,
.db-channel-box .old-btn-primary:active:hover,
.db-channel-box .open > .dropdown-toggle.old-btn-primary.focus,
.db-channel-box .open > .dropdown-toggle.old-btn-primary:focus,
.db-channel-box .open > .dropdown-toggle.old-btn-primary:hover {
  background-color: #f69023;
  border-color: #f69023;
}
.db-circle-ul {
  list-style: circle;
}
/* channel toggle box */
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
  border-radius: 20px;
}
.toggle.ios .toggle-handle {
  border-radius: 20px;
}
.db-text-editor {
  position: relative;
}
.db-text-editor .db-close-btn {
  position: absolute;
  top: 0;
  right: -3px;
  width: 20px;
  height: 20px;
  color: gray;
  font-size: 14px;
}
.tenantSearch {
  margin-right: 20px;
  padding: 18px;
  font-size: 17px;
  background: #fafafa;
  border: none;
  font-size: 14px;
}
/* Panels */
.panel-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.animated-panel {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.panel-heading {
  border-radius: 0;
  color: #293846;
  font-size: 14px;
  font-weight: 700;
  padding: 8px;
}
.panel-heading.panel-2row {
  height: 90px;
}
.panel-collapse .panel-body {
  border: none;
}
.panel-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.panel-tools a {
  margin-left: 5px;
  color: #677589;
  cursor: pointer;
}
.panel-group .panel-heading {
  background-color: #f7f9fa;
}
.fullpanel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1070;
  overflow-x: scroll;
  transition: all 2s;
}
.panel-summary {
  padding: 5px 15px;
  background: #e3e5e6;
  font-size: 11px;
  color: #727477;
}
.panel-summary p {
  text-align: center;
}
.panel-db {
  background: #f8ac59;
}
.panel-db .panel-body {
  background: white;
}
/* test panel */
.parameterTable {
  border-bottom: 1px solid #e6e6e6;
}
.parameterTable td .label {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
#selectCollectors {
  background: whitesmoke;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  max-height: 242px;
  z-index: 9000;
  margin-right: 20px;
  width: 100%;
  overflow-y: auto;
  /*시작메시지 드롭다운*/
}
#selectCollectors .selectCollector_filter {
  position: relative;
}
#selectCollectors .selectCollector_filter i {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #b3b3b3;
}
#selectCollectors .selectCollector_filter i:hover {
  color: #999;
  cursor: pointer;
}
#selectCollectors .new-file-link {
  background-color: #ffffff;
  padding: 10px 15px 5px;
}
#selectCollectors .new-file-link a {
  color: #FFAD36;
}
#selectCollectors ul {
  margin: 0 auto;
  padding: 0;
  max-height: 166px;
  overflow-y: auto;
  border-left: none;
  border-right: none;
  background: white;
}
#selectCollectors .selectCollector-wel li {
  position: relative;
}
#selectCollectors .selectCollector-wel li svg {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
}
#selectCollectors .selectCollector-wel li span {
  display: inline-block;
  width: 92%;
  margin-left: 8%;
  box-shadow: none;
  border-top: 0;
  padding: 0;
}
#selectCollectors li {
  list-style: none;
  padding: 5px 15px 5px 15px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
}
#selectCollectors li .icheckbox_square-green {
  margin-right: 10px;
}
#selectCollectors li:hover {
  color: white;
  background: #f8ac59;
}
#selectCollectors li .search-addon {
  border-top: 1px solid #9daccc;
}
#selectCollectors span {
  display: block;
  border-radius: 0 0 5px 5px;
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
}
#selectCollectors select {
  width: 120px;
  margin-left: 230px;
  margin-top: -45px;
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 7.5px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#selectCollectors select:focus,
#selectCollectors #query:focus {
  border: 1px solid #FFD32E;
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.1);
  outline: none;
}
.modal-body #selectCollectors {
  margin-right: 0;
}
.selectCollectorsClass {
  background: whitesmoke;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 white;
  max-height: 242px;
  z-index: 9000;
  margin-right: 20px;
  width: 350px;
  overflow-y: auto;
}
.selectCollectorsClass .selectCollector_filter {
  position: relative;
}
.selectCollectorsClass .selectCollector_filter i {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #b3b3b3;
}
.selectCollectorsClass .selectCollector_filter i:hover {
  color: #999;
  cursor: pointer;
}
.selectCollectorsClass ul {
  margin: 0 auto;
  padding: 0;
  max-height: 166px;
  overflow-y: auto;
  border-left: none;
  border-right: none;
  background: white;
}
.selectCollectorsClass li {
  list-style: none;
  padding: 5px 15px 5px 15px !important;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
}
.selectCollectorsClass li .icheckbox_square-green {
  margin-right: 10px;
}
.selectCollectorsClass li:hover {
  color: white;
  background: #f8ac59;
}
.selectCollectorsClass li .search-addon {
  border-top: 1px solid #9daccc;
}
.selectCollectorsClass span {
  display: block;
  border-radius: 0 0 5px 5px;
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
}
.selectCollectorsClass select {
  width: 120px;
  margin-left: 230px;
  margin-top: -45px;
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 7.5px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.selectCollectorsClass select:focus,
.selectCollectorsClass #query:focus {
  border: 1px solid #FFD32E;
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.1);
  outline: none;
}
.modal-body .selectCollectorsClass {
  margin-right: 0;
}
.tabs .tab-pane .panel-body {
  min-height: 500px;
}
.tabs .tab-pane .panel-body .panel-default .panel-body {
  padding: 3px 0 3px 0 ;
  border: none;
  min-height: initial;
}
/* speak Node  : text area */
.db-text-editor-detail {
  border: 1px solid #999;
  padding: 15px;
  max-height: 185px;
  overflow-y: scroll;
  line-height: 21px;
}
.db-text-editor-detail span {
  background: #f8ac59;
  padding: 5px 10px;
  border-radius: 6px;
  margin-left: 10px;
  color: white;
}
/* speak Node  : image area */
.db-image-editor {
  position: relative;
}
.db-image-editor span.db-mouse-over {
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 16px;
}
/* speak Node  : buttons area */
/* speak node -- random button area */
.panel .btn-add-component-row.btn-random {
  border-top: none;
}
.panel .btn-add-component-row.btn-node-row {
  border-top: none;
}
/* carousel node */
.db-info-container {
  position: relative;
}
.db-info-container .db-info-detail {
  position: absolute;
  top: 0px;
  left: 29px;
  z-index: 200;
}
/* training panel */
.training-panel .panel-heading span {
  font-size: 12px;
  font-weight: normal;
  padding-left: 15px;
}
/* guide panel*/
.animated-panel {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.dpanel > .panel-heading {
  padding: 8px 4px;
  transition: all .3s;
  border: 1px solid transparent;
  margin-top: 20px;
}
.dpanel > .panel-footer {
  color: inherit;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  min-height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.dpanel.panel-collapse > .panel-heading {
  padding: 8px 24px;
  background: none;
}
.dpanel .dbuilt.panel-heading {
  border-top: 2px solid #f8ac59;
  border-bottom: 1px dashed #f69023;
  padding: 12px 20px;
  background: white;
  color: #f8ac59;
}
.dpanel .dbuilt.panel-heading + .panel-body {
  background-color: white;
  border-bottom: 1px solid #f8ac59;
}
.dpanel .dbuilt-clear.panel-heading {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 8px 24px;
  background-color: #fafbfc;
}
.dpanel .panel-body {
  position: relative;
}
.panel-collapse .panel-body {
  border: none;
}
.dpanel {
  background-color: #fafbfc;
}
.dpanel.block-panel {
  cursor: not-allowed;
  background-color: #f4f6f8;
  color: white;
}
.dpanel.block-panel .panel-heading {
  background-color: #f4f6f8;
}
.dpanel.block-panel .form-control {
  background-color: #f4f6f8;
}
.panel-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.dpanel .alert {
  margin-bottom: 0;
  border-radius: 0;
  border: 1px solid #999;
  border-bottom: none;
}
.panel-tools a {
  margin-left: 5px;
  color: #677589;
  cursor: pointer;
}
.panel-group .panel-heading {
  background-color: #f7f9fa;
}
.fullpanel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1070;
  overflow-x: scroll;
  transition: all 2s;
}
.panel-summary {
  padding: 5px 15px;
  background: #e3e5e6;
  font-size: 11px;
  color: #727477;
}
.panel-summary p {
  text-align: center;
}
.dpanel .dbuilt.panel-heading + .panel-summary {
  border-top: none;
}
.db-panel-box {
  border: 1px solid rgba(41, 56, 70, 0.3);
  border-radius: 3px;
  box-shadow: 0 1px 4px #ddd;
  background: #fff;
}
.db-panel-box .panel-heading {
  position: relative;
  border: none;
  border-bottom: 1px solid rgba(41, 56, 70, 0.3);
  padding: 4px 15px;
}
.db-panel-box .panel-body {
  padding: 0;
}
.db-panel-box .panel-body.active {
  box-shadow: inset 0px 0px 12px #aaa;
}
.db-panel-box .panel-tools {
  position: absolute;
  top: 14px;
  right: 15px;
}
.db-panel-event-box {
  box-shadow: none;
  margin: 8px;
}
.db-panel-event-box .panel-heading {
  position: relative;
  border-bottom: none;
}
.db-panel-event-box .panel-heading .panel-tools {
  position: absolute;
  right: 15px;
  top: 8px;
}
.db-panel-event-box .panel-heading .panel-tools i {
  color: #3b434f;
  cursor: pointer;
}
.db-panel-event-box .panel-body {
  border-radius: 0 0 4px 4px;
  background: #fff;
  padding: 8px;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF !important;
}
.list-group-item-heading {
  margin-top: 10px;
}
.list-group-item-text {
  margin: 0 0 10px;
  color: inherit;
  line-height: inherit;
}
.list-group-item {
  position: relative;
  display: block;
  background-color: inherit;
  border: 1px solid #999;
  margin-bottom: -1px;
  padding: 10px 15px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.list-group-item p {
  display: inline-block;
  text-overflow: ellipsis;
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}
.list-group.clear-list .list-group-item {
  padding: 6px 0;
}
.no-padding .list-group-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.no-padding .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
}
.no-padding .list-group {
  margin-bottom: 0;
}
.none-mark-list li {
  list-style: none;
}
.sweet-overlay {
  z-index: 2000;
}
.sweet-alert button {
  background-color: #34495e;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}
.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
  background-color: #a1d9f2;
}
.sweet-alert button:active {
  background-color: #81ccee;
}
.sweet-alert button.cancel {
  background-color: #D0D0D0;
}
.sweet-alert button.cancel:hover {
  background-color: #c8c8c8;
}
.sweet-alert button.cancel:active {
  background-color: #b6b6b6;
}
.sweet-alert p {
  font-size: 14px;
  font-weight: 400;
}
.sweet-alert h2 {
  font-size: 26px;
}
.sweet-alert {
  z-index: 2500;
  padding: 25px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
}
.badge {
  vertical-align: middle;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 100px;
  font-weight: normal;
  color: #ffffff;
  font-size: 13px;
}
.badge.badge-default {
  background-color: #656a70;
  border-color: #656a70;
  color: #FFFFFF ;
}
.badge.badge-primary {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF ;
}
.badge.badge-primary2 {
  background-color: #f69023;
  border-color: #f69023;
  color: #FFFFFF ;
}
.badge.badge-info {
  background-color: #62cb31;
  border-color: #62cb31;
  color: #FFFFFF ;
}
.badge.badge-success {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF ;
}
.badge.badge-warning {
  background-color: #ffb606;
  border-color: #ffb606;
  color: #FFFFFF ;
}
.badge.badge-warning2 {
  background-color: #f69023;
  border-color: #f69023;
  color: #FFFFFF ;
}
.badge.badge-danger {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #FFFFFF ;
}
.badge.badge-danger2 {
  background-color: #f0717e;
  border-color: #f0717e;
  color: #FFFFFF ;
}
.badge.badge-sm {
  font-size: 0.8em;
}
.badge.badge-lg {
  padding: 0.35em 0.7em;
  font-size: 1.2em;
}
.badge.badge-xlg {
  padding: 0.35em 0.7em;
  font-size: 1.35em;
}
/* Buttons */
.button {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  padding: 6px 20px;
  transition: 0.2s all ease-in, 0s display;
  white-space: nowrap;
  cursor: pointer;
}
.button.has-more {
  padding: 6px 20px;
}
.button.ng-hide {
  transition: 0s;
}
.btn-primary {
  color: #fff !important;
  background: #FF6647;
  box-shadow: 0px 5px 10px #00000011;
}
.btn-primary:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.btn-primary-line {
  background: #fff;
  color: #FF6647 !important;
  font-weight: 700;
  box-shadow: none;
  border: 1px solid #FF6647;
}
.btn-primary-line:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.btn-primary-gray {
  background: #fff;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 700;
  box-shadow: none;
  border: 1px solid #e0e0e0;
}
.btn-primary-gray:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.btn-primary-text {
  background: transparent;
  color: #FF6647 !important;
  font-weight: 700;
  box-shadow: none;
}
.btn-primary-text.underline {
  text-decoration: underline;
}
.btn-primary-text:hover {
  background: rgba(255, 102, 71, 0.2);
}
.btn-primary-w {
  height: 40px;
  margin-right: 8px;
  padding: 0 48px;
}
.btn-primary-w:first-child {
  margin-left: 0;
}
.btn-primary-w.w2 {
  padding: 0 36px;
}
.btn-secondary {
  color: #fff;
  background: #FFAD36;
  box-shadow: 0px 5px 10px #00000011;
}
.btn-secondary:hover {
  color: #fff;
  box-shadow: 0px 5px 10px #00000055;
}
.btn-secondary-line {
  background: #fff;
  color: #FFAD36 !important;
  font-weight: 500;
  box-shadow: none;
  border: 1px solid #FFAD36;
}
.btn-secondary-line:hover {
  background: rgba(255, 173, 54, 0.2);
}
.btn-secondary-line.button-wrap {
  display: flex;
  padding: 0;
}
.btn-secondary-line.button-wrap:hover {
  background: #fff;
}
.btn-secondary-text {
  background: transparent;
  color: #FFAD36 !important;
  font-weight: 700;
  box-shadow: none;
}
.btn-secondary-text:hover {
  background: rgba(255, 173, 54, 0.2);
}
.btn-solid {
  color: #fff !important;
  background: #584c35;
  box-shadow: 0px 5px 10px #00000011;
}
.btn-solid:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.btn-solid-line {
  background: #fff;
  color: #584c35 !important;
  font-weight: 500;
  box-shadow: none;
  font-size: inherit;
  border: 1px solid #584c35;
}
.btn-solid-line:hover {
  background: rgba(109, 93, 65, 0.51);
}
.btn-solid-line.button-wrap {
  display: flex;
  padding: 0;
}
.btn-solid-line.button-wrap:hover {
  background: #fff;
}
.btn-solid-text {
  background: transparent;
  color: #584c35 !important;
  font-size: inherit;
  font-weight: 700;
  box-shadow: none;
}
.btn-solid-text:hover {
  background: rgba(109, 93, 65, 0.51);
}
.btn-disabled-bg {
  color: #fff;
  background: #C8C8C8 !important;
  font-size: inherit;
  font-weight: 700;
  box-shadow: none;
  box-shadow: none !important;
}
.btn-disabled {
  color: #fff;
  background: #C8C8C8 !important;
  font-weight: 700;
  box-shadow: none;
  pointer-events: none;
  box-shadow: none !important;
}
.btn-disabled.btn-primary {
  color: #EBEBEB !important;
  background: #C8C8C8 !important;
  font-weight: 700;
  box-shadow: none;
  pointer-events: none;
  box-shadow: none !important;
}
.btn-disabled-line {
  background: #fff !important;
  color: #C8C8C8 !important;
  font-weight: 700;
  box-shadow: none;
  pointer-events: none;
  border: 1px solid #C8C8C8 !important;
}
.btn-disabled-text {
  background: transparent;
  color: #C8C8C8 !important;
  font-weight: 700;
  box-shadow: none;
  pointer-events: none;
}
.btn-danger-text {
  color: #EC2E2E;
  font-size: inherit;
  font-weight: 700;
  box-shadow: none;
  background: transparent;
}
.btn-round-option {
  padding: 0 13px;
  height: 35px;
  border-radius: 20px;
  background: #fff;
  line-height: 35px;
}
.btn-round-option i {
  margin-right: 5px;
}
.btn-text {
  color: #ccc;
  font-size: inherit;
  font-weight: 700;
  box-shadow: none;
  background: transparent;
}
.btn-text:hover {
  color: #fff;
}
.btn-option-text {
  padding: 0;
  color: #C8C8C8;
}
.btn-option-text:hover {
  text-decoration: underline;
}
.btn-option-text.active {
  color: #FFAD36;
}
.btn-black {
  background: #333;
  color: #fff;
  padding: 7px 20px;
  margin: 0;
}
.btn-black:hover {
  color: #fff;
}
.dropdown {
  width: fit-content;
  display: inline-block;
}
.btn-primary-more {
  color: #FF6647;
  background: transparent;
  padding: 8px;
  display: inline-block;
}
.btn-primary-more:hover {
  background: rgba(255, 102, 71, 0.2);
}
.btn-secondary-more {
  color: #FFAD36;
  background: transparent;
  padding: 4px;
  font-size: 30px;
  width: 35px;
  height: 100%;
  display: inline-block;
}
.btn-secondary-more span {
  position: absolute;
  top: 0;
  left: 0;
}
.btn-secondary-more:hover {
  background: rgba(255, 173, 54, 0.2);
}
.btn-node {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #584c35;
  border: none;
  margin: 3px 0;
  width: 100%;
}
.btn-node.btn-speak {
  background: #DDFF94;
}
.btn-node.btn-carousel {
  background: #d1d1e0;
}
.btn-node.btn-slot {
  background: #DAC4FF;
}
.btn-node.btn-split {
  background: #EBD2A5;
}
.btn-node.btn-sleep {
  background: #D3B8AE;
}
.btn-node.btn-knowledge {
  background: #81c784;
}
.btn-node.btn-api {
  background: #FFB2D9;
}
.btn-node.btn-function {
  background: #B2CCFF;
}
.btn-node.btn-function:hover .badge {
  color: #f69023;
}
.btn-node.btn-parameter {
  background: #FFA4A2;
}
.icon-btn {
  width: 25px;
  height: 25px;
  padding: 0;
  position: absolute;
  background: transparent;
  border-radius: 100%;
}
.icon-btn:hover {
  background: #fff;
}
.btn-filter {
  position: relative;
  background: #fff;
  width: fit-content;
  border: 1px solid #C8C8C8;
  cursor: pointer;
  padding: 6px 20px;
}
.btn-filter .monthpicker-btn {
  background: transparent;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.btn-filter span {
  white-space: nowrap;
  color: #584c35;
}
.btn-filter:hover {
  background: rgba(255, 173, 54, 0.2);
}
.btn-filter.filtered {
  background: #FFAD36;
}
.btn-filter.filtered * {
  color: #fff;
}
.btn {
  border-radius: 2px;
  transition: 0.2s all ease-in;
}
.btn span {
  color: inherit;
}
.float-e-margins .btn {
  margin-bottom: 5px;
}
.btn.btn-outline {
  background: #ffffff;
}
.btn.btn-select {
  background: #ffffff;
  border-color: #f68f1e;
  color: #f8ac59;
}
.old-ibox .btn-secondary,
.old-ibox .btn-primary,
.old-ibox .btn-solid {
  color: #000;
}
.old-btn-primary.btn-outline {
  color: #293846;
}
.old-btn-primary2.btn-outline {
  color: #f69023;
}
.old-btn-success.btn-outline {
  color: #1ab394;
}
.old-btn-info.btn-outline {
  color: #62cb31;
}
.old-btn-warning.btn-outline {
  color: #ffb606;
}
.old-btn-warning2.btn-outline {
  color: #f69023;
}
.old-btn-danger.btn-outline {
  color: #ed5565;
}
.old-btn-danger2.btn-outline {
  color: #c40452;
}
.old-btn-primary.btn-outline:hover,
.old-btn-success.btn-outline:hover,
.old-btn-info.btn-outline:hover,
.old-btn-warning.btn-outline:hover,
.old-btn-danger.btn-outline:hover {
  color: #fff;
}
.old-btn-primary {
  background-color: #f8ac59;
  border-color: #f68f1e;
  color: #FFFFFF ;
}
.old-btn-primary:hover,
.old-btn-primary:focus,
.old-btn-primary:active,
.old-btn-primary.active,
.old-btn-primary.active:hover,
.open .dropdown-toggle.old-btn-primary .old-btn-primary:active:hover,
.old-btn-primary:active:focus {
  background-color: #f9bb76;
  color: #FFFFFF ;
}
.old-btn-primary:active,
.old-btn-primary.active,
.open .dropdown-toggle.old-btn-primary {
  background-image: none;
}
.old-btn-primary.disabled,
.old-btn-primary.disabled:hover,
.old-btn-primary.disabled:focus,
.old-btn-primary.disabled:active,
.old-btn-primary.disabled.active,
.old-btn-primary[disabled],
.old-btn-primary[disabled]:hover,
.old-btn-primary[disabled]:focus,
.old-btn-primary[disabled]:active,
.old-btn-primary.active[disabled],
fieldset[disabled] .old-btn-primary,
fieldset[disabled] .old-btn-primary:hover,
fieldset[disabled] .old-btn-primary:focus,
fieldset[disabled] .old-btn-primary:active,
fieldset[disabled] .old-btn-primary.active {
  background-color: #5b5d64;
  border-color: #5b5d64;
}
.old-btn-primary2 {
  background-color: #f69023;
  border-color: #f69023;
  color: #FFFFFF ;
}
.old-btn-primary2:hover,
.old-btn-primary2:focus,
.old-btn-primary2:active,
.old-btn-primary2.active,
.old-btn-primary2.active:hover,
.open .dropdown-toggle.old-btn-primary2 {
  background-color: #f79f40;
  border-color: #f79f40;
  color: #FFFFFF ;
}
.old-btn-primary2:active,
.old-btn-primary2.active,
.open .dropdown-toggle.old-btn-primary2 {
  background-image: none;
}
.old-btn-primary2.disabled,
.old-btn-primary2.disabled:hover,
.old-btn-primary2.disabled:focus,
.old-btn-primary2.disabled:active,
.old-btn-primary2.disabled.active,
.old-btn-primary2[disabled],
.old-btn-primary2[disabled]:hover,
.old-btn-primary2[disabled]:focus,
.old-btn-primary2[disabled]:active,
.old-btn-primary2.active[disabled],
fieldset[disabled] .old-btn-primary2,
fieldset[disabled] .old-btn-primary2:hover,
fieldset[disabled] .old-btn-primary2:focus,
fieldset[disabled] .old-btn-primary2:active,
fieldset[disabled] .old-btn-primary2.active {
  background-color: #f1810a;
  border-color: #f1810a;
}
.old-btn-success {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF ;
}
.old-btn-success:hover,
.old-btn-success:focus,
.old-btn-success:active,
.old-btn-success.active,
.old-btn-success.active:hover,
.open .dropdown-toggle.old-btn-success {
  background-color: #1eceaa;
  border-color: #1eceaa;
  color: #FFFFFF ;
}
.old-btn-success:active,
.old-btn-success.active,
.open .dropdown-toggle.old-btn-success {
  background-image: none;
}
.old-btn-success.disabled,
.old-btn-success.disabled:hover,
.old-btn-success.disabled:focus,
.old-btn-success.disabled:active,
.old-btn-success.disabled.active,
.old-btn-success[disabled],
.old-btn-success[disabled]:hover,
.old-btn-success[disabled]:focus,
.old-btn-success[disabled]:active,
.old-btn-success.active[disabled],
fieldset[disabled] .old-btn-success,
fieldset[disabled] .old-btn-success:hover,
fieldset[disabled] .old-btn-success:focus,
fieldset[disabled] .old-btn-success:active,
fieldset[disabled] .old-btn-success.active {
  background-color: #16987e;
  border-color: #16987e;
}
.old-btn-info {
  background-color: #62cb31;
  border-color: #62cb31;
  color: #FFFFFF ;
}
.old-btn-info:hover,
.old-btn-info:focus,
.old-btn-info:active,
.old-btn-info.active,
.old-btn-info.active:hover,
.open .dropdown-toggle.old-btn-info {
  background-color: #74d348;
  border-color: #74d348;
  color: #FFFFFF ;
}
.old-btn-info:active,
.old-btn-info.active,
.open .dropdown-toggle.old-btn-info {
  background-image: none;
}
.old-btn-info.disabled,
.old-btn-info.disabled:hover,
.old-btn-info.disabled:focus,
.old-btn-info.disabled:active,
.old-btn-info.disabled.active,
.old-btn-info[disabled],
.old-btn-info[disabled]:hover,
.old-btn-info[disabled]:focus,
.old-btn-info[disabled]:active,
.old-btn-info.active[disabled],
fieldset[disabled] .old-btn-info,
fieldset[disabled] .old-btn-info:hover,
fieldset[disabled] .old-btn-info:focus,
fieldset[disabled] .old-btn-info:active,
fieldset[disabled] .old-btn-info.active {
  background-color: #56b22b;
  border-color: #56b22b;
}
.old-btn-default {
  background-color: #dcdcdc;
  border-color: #999;
  color: #3b434f;
}
.old-btn-default:hover,
.old-btn-default:focus,
.old-btn-default:active,
.old-btn-default.active,
.old-btn-default.active:hover,
.open .dropdown-toggle.old-btn-default {
  background-color: #fff;
  color: #323943;
  box-shadow: 0px 5px 10px #00000055;
}
.old-btn-default:active,
.old-btn-default.active,
.open .dropdown-toggle.old-btn-default {
  background-image: none;
}
.btn-trans {
  box-shadow: none !important;
  background: transparent;
  border: none;
  color: inherit;
  padding: 0;
}
.btn-trans:hover,
.btn-trans:focus,
.btn-trans:active,
.btn-trans.active,
.btn-trans.active:hover,
.open .dropdown-toggle.btn-trans {
  box-shadow: none;
}
.btn-trans:active,
.btn-trans.active,
.open .dropdown-toggle.btn-trans {
  box-shadow: none;
}
.btn-trans.disabled,
.btn-trans.disabled:hover,
.btn-trans.disabled:focus,
.btn-trans.disabled:active,
.btn-trans.disabled.active,
.btn-trans[disabled],
.btn-trans[disabled]:hover,
.btn-trans[disabled]:focus,
.btn-trans[disabled]:active,
.btn-trans.active[disabled],
fieldset[disabled] .btn-trans,
fieldset[disabled] .btn-trans:hover,
fieldset[disabled] .btn-trans:focus,
fieldset[disabled] .btn-trans:active,
fieldset[disabled] .btn-trans.active {
  box-shadow: none;
  background: transparent;
  opacity: 0.5;
}
.old-btn-warning {
  background-color: #ffb606;
  border-color: #ffb606;
  color: #FFFFFF ;
}
.old-btn-warning:hover,
.old-btn-warning:focus,
.old-btn-warning:active,
.old-btn-warning.active,
.old-btn-warning.active:hover,
.open .dropdown-toggle.old-btn-warning {
  background-color: #ffbf25;
  border-color: #ffbf25;
  color: #FFFFFF ;
}
.old-btn-warning:active,
.old-btn-warning.active,
.open .dropdown-toggle.old-btn-warning {
  background-image: none;
}
.old-btn-warning.disabled,
.old-btn-warning.disabled:hover,
.old-btn-warning.disabled:focus,
.old-btn-warning.disabled:active,
.old-btn-warning.disabled.active,
.old-btn-warning[disabled],
.old-btn-warning[disabled]:hover,
.old-btn-warning[disabled]:focus,
.old-btn-warning[disabled]:active,
.old-btn-warning.active[disabled],
fieldset[disabled] .old-btn-warning,
fieldset[disabled] .old-btn-warning:hover,
fieldset[disabled] .old-btn-warning:focus,
fieldset[disabled] .old-btn-warning:active,
fieldset[disabled] .old-btn-warning.active {
  background-color: #e6a300;
  border-color: #e6a300;
}
.old-btn-warning2 {
  background-color: #f69023;
  border-color: #f69023;
  color: #FFFFFF ;
}
.old-btn-warning2:hover,
.old-btn-warning2:focus,
.old-btn-warning2:active,
.old-btn-warning2.active,
.old-btn-warning2.active:hover,
.open .dropdown-toggle.old-btn-warning2 {
  background-color: #f79f40;
  border-color: #f79f40;
  color: #FFFFFF ;
}
.old-btn-warning2:active,
.old-btn-warning2.active,
.open .dropdown-toggle.old-btn-warning2 {
  background-image: none;
}
.old-btn-warning2.disabled,
.old-btn-warning2.disabled:hover,
.old-btn-warning2.disabled:focus,
.old-btn-warning2.disabled:active,
.old-btn-warning2.disabled.active,
.old-btn-warning2[disabled],
.old-btn-warning2[disabled]:hover,
.old-btn-warning2[disabled]:focus,
.old-btn-warning2[disabled]:active,
.old-btn-warning2.active[disabled],
fieldset[disabled] .old-btn-warning2,
fieldset[disabled] .old-btn-warning2:hover,
fieldset[disabled] .old-btn-warning2:focus,
fieldset[disabled] .old-btn-warning2:active,
fieldset[disabled] .old-btn-warning2.active {
  background-color: #f1810a;
  border-color: #f1810a;
}
.old-btn-danger {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #FFFFFF ;
  margin-top: 10px;
}
.old-btn-danger:hover,
.old-btn-danger:focus,
.old-btn-danger:active,
.old-btn-danger.active,
.old-btn-danger.active:hover,
.open .dropdown-toggle.old-btn-danger {
  background-color: #f0717e;
  border-color: #f0717e;
  color: #FFFFFF ;
}
.old-btn-danger:active,
.old-btn-danger.active,
.open .dropdown-toggle.old-btn-danger {
  background-image: none;
}
.old-btn-danger.disabled,
.old-btn-danger.disabled:hover,
.old-btn-danger.disabled:focus,
.old-btn-danger.disabled:active,
.old-btn-danger.disabled.active,
.old-btn-danger[disabled],
.old-btn-danger[disabled]:hover,
.old-btn-danger[disabled]:focus,
.old-btn-danger[disabled]:active,
.old-btn-danger.active[disabled],
fieldset[disabled] .old-btn-danger,
fieldset[disabled] .old-btn-danger:hover,
fieldset[disabled] .old-btn-danger:focus,
fieldset[disabled] .old-btn-danger:active,
fieldset[disabled] .old-btn-danger.active {
  background-color: #ea394c;
  border-color: #ea394c;
}
.old-btn-danger2 {
  background-color: #c40452;
  border-color: #c40452;
  color: #FFFFFF ;
}
.old-btn-danger2:hover,
.old-btn-danger2:focus,
.old-btn-danger2:active,
.old-btn-danger2.active,
.old-btn-danger2.active:hover,
.open .dropdown-toggle.old-btn-danger2 {
  background-color: #e2055f;
  border-color: #e2055f;
  color: #FFFFFF ;
}
.old-btn-danger2:active,
.old-btn-danger2.active,
.open .dropdown-toggle.old-btn-danger2 {
  background-image: none;
}
.old-btn-danger2.disabled,
.old-btn-danger2.disabled:hover,
.old-btn-danger2.disabled:focus,
.old-btn-danger2.disabled:active,
.old-btn-danger2.disabled.active,
.old-btn-danger2[disabled],
.old-btn-danger2[disabled]:hover,
.old-btn-danger2[disabled]:focus,
.old-btn-danger2[disabled]:active,
.old-btn-danger2.active[disabled],
fieldset[disabled] .old-btn-danger2,
fieldset[disabled] .old-btn-danger2:hover,
fieldset[disabled] .old-btn-danger2:focus,
fieldset[disabled] .old-btn-danger2:active,
fieldset[disabled] .old-btn-danger2.active {
  background-color: #a60345;
  border-color: #a60345;
}
.btn-link {
  color: #3b434f;
  background: #e7ecf1;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.active:hover,
.open .dropdown-toggle.btn-link {
  color: #3b434f;
  text-decoration: none;
  background: #dae1e9;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  background: #e7ecf1;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  color: #485261;
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-xs {
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.5;
  padding: 1px 7px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-xs {
  width: 20px;
  height: 20px;
  padding: 4px 8px;
  border-radius: 25px;
  font-size: 10px;
  line-height: 1;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.btn-group-end i {
  width: 13px;
}
.db-person-btn {
  height: 35px;
}
/* FULLCALENDAR */
.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: inherit;
  text-shadow: none;
}
.fc-state-default {
  border: 1px solid;
}
.fc-button {
  color: inherit;
  border: 1px solid #999;
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}
.fc-state-active {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #ffffff;
}
.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}
.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
  border-color: #999;
  font-weight: normal;
}
.fc-border-separate tbody {
  background-color: #F8F8F8;
}
.fc-state-highlight {
  background: none repeat scroll 0 0 #fafbfc;
}
.external-event {
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 5px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-radius: 2px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  border-width: 1px;
  border-style: solid;
  color: #3b434f;
  padding: 4px 6px;
}
.fc-event:hover,
.fc-agenda .fc-event-time:hover,
.fc-event a:hover {
  color: #3b434f;
}
.fc-event-time,
.fc-event-title {
  color: #717171;
  padding: 0 1px;
}
.fc-event-style-default {
  background-color: #ffffff;
  border-color: #fef5ec;
}
.fc-event-style-default:hover {
  background-color: #fffaf6;
  border-color: #fde9d3;
}
.fc-event-style-info {
  background-color: #cef0bf;
  border-color: #bfebaa;
}
.fc-event-style-info:hover {
  background-color: #c5edb3;
  border-color: #afe696;
}
.fc-event-style-success {
  background-color: #91efdc;
  border-color: #7aecd5;
}
.fc-event-style-success:hover {
  background-color: #83edd8;
  border-color: #64e8ce;
}
.fc-event-style-warning {
  background-color: #ffeab8;
  border-color: #ffe39f;
}
.fc-event-style-warning:hover {
  background-color: #ffe6a9;
  border-color: #ffdb85;
}
.fc-event-style-danger {
  background-color: #fef6f7;
  border-color: #fcdfe2;
}
.fc-event-style-danger:hover {
  background-color: #fde9eb;
  border-color: #f9c8cd;
}
.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
  color: #3b434f;
}
.fc-highlight {
  background: #f8ac59;
  opacity: 0.5;
}
.fc-unthemed .fc-today {
  background: #f7f7f7;
}
.fc-view-container {
  padding: 0 15px;
}
.fc-view-container .fc-widget-header {
  background: #ffffff;
}
.fc-widget-header .fc-day-header {
  padding: 6px 0;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: center;
}
.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
  padding: 6px;
}
.fc-day-grid-event {
  margin: 2px 6px 0;
}
.fc-time-grid-event .fc-resizer:after {
  text-shadow: 1px 1px #ddd;
}
.fc-toolbar {
  padding: 14px 15px 0;
  background: #fafbfc;
}
.fc-toolbar h2 {
  font-size: 24px;
  line-height: 30px;
}
.fc-toolbar .fc-center {
  vertical-align: middle;
}
.fc-event-style-00 {
  background-color: #dddddd;
  border: 1px solid #d0d0d0;
}
.fc-event-style-00:hover {
  background-color: #e2e2e2;
  border-color: #dddddd;
}
.fc-event-style-01 {
  background-color: #f1c8c3;
  border: 1px solid #ecb5ae;
}
.fc-event-style-01:hover {
  background-color: #f3d0cb;
  border-color: #f1c8c3;
}
.fc-event-style-02 {
  background-color: #f9bb99;
  border: 1px solid #f8ab81;
}
.fc-event-style-02:hover {
  background-color: #fac1a3;
  border-color: #f9bb99;
}
.fc-event-style-03 {
  background-color: #ffcbaf;
  border: 1px solid #ffba96;
}
.fc-event-style-03:hover {
  background-color: #ffd2b9;
  border-color: #ffcbaf;
}
.fc-event-style-04 {
  background-color: #ffe1d3;
  border: 1px solid #ffd0b9;
}
.fc-event-style-04:hover {
  background-color: #ffe8dd;
  border-color: #ffe1d3;
}
.fc-event-style-05 {
  background-color: #f9e4d1;
  border: 1px solid #f6d7ba;
}
.fc-event-style-05:hover {
  background-color: #fae9da;
  border-color: #f9e4d1;
}
.fc-event-style-06 {
  background-color: #f9daa8;
  border: 1px solid #f7d090;
}
.fc-event-style-06:hover {
  background-color: #fadeb2;
  border-color: #f9daa8;
}
.fc-event-style-07 {
  background-color: #fdd784;
  border: 1px solid #fdcf6b;
}
.fc-event-style-07:hover {
  background-color: #fdda8e;
  border-color: #fdd784;
}
.fc-event-style-08 {
  background-color: #ffe99e;
  border: 1px solid #ffe384;
}
.fc-event-style-08:hover {
  background-color: #ffeba8;
  border-color: #ffe99e;
}
.fc-event-style-09 {
  background-color: #fff4c9;
  border: 1px solid #ffefaf;
}
.fc-event-style-09:hover {
  background-color: #fff6d3;
  border-color: #fff4c9;
}
.fc-event-style-10 {
  background-color: #feffa8;
  border: 1px solid #feff8e;
}
.fc-event-style-10:hover {
  background-color: #feffb2;
  border-color: #feffa8;
}
.fc-event-style-11 {
  background-color: #eaffd2;
  border: 1px solid #deffb8;
}
.fc-event-style-11:hover {
  background-color: #efffdc;
  border-color: #eaffd2;
}
.fc-event-style-12 {
  background-color: #eff6ae;
  border: 1px solid #eaf397;
}
.fc-event-style-12:hover {
  background-color: #f1f7b7;
  border-color: #eff6ae;
}
.fc-event-style-13 {
  background-color: #e3ef9a;
  border: 1px solid #ddec84;
}
.fc-event-style-13:hover {
  background-color: #e5f0a3;
  border-color: #e3ef9a;
}
.fc-event-style-14 {
  background-color: #dff0ce;
  border: 1px solid #d2eaba;
}
.fc-event-style-14:hover {
  background-color: #e4f2d6;
  border-color: #dff0ce;
}
.fc-event-style-15 {
  background-color: #e8f5e9;
  border: 1px solid #d6edd8;
}
.fc-event-style-15:hover {
  background-color: #eff8f0;
  border-color: #e8f5e9;
}
.fc-event-style-16 {
  background-color: #d7f1e2;
  border: 1px solid #c4ead4;
}
.fc-event-style-16:hover {
  background-color: #dff4e7;
  border-color: #d7f1e2;
}
.fc-event-style-17 {
  background-color: #e0f2f1;
  border: 1px solid #ceeae9;
}
.fc-event-style-17:hover {
  background-color: #e7f5f4;
  border-color: #e0f2f1;
}
.fc-event-style-18 {
  background-color: #d3f7fb;
  border: 1px solid #bcf3f9;
}
.fc-event-style-18:hover {
  background-color: #dcf9fc;
  border-color: #d3f7fb;
}
.fc-event-style-19 {
  background-color: #c7edff;
  border: 1px solid #ade5ff;
}
.fc-event-style-19:hover {
  background-color: #d1f0ff;
  border-color: #c7edff;
}
.fc-event-style-20 {
  background-color: #d8ebf8;
  border: 1px solid #c2e0f4;
}
.fc-event-style-20:hover {
  background-color: #e1effa;
  border-color: #d8ebf8;
}
.fc-event-style-21 {
  background-color: #cde5ef;
  border: 1px solid #badbe9;
}
.fc-event-style-21:hover {
  background-color: #d5e9f1;
  border-color: #cde5ef;
}
.fc-event-style-22 {
  background-color: #d0dff2;
  border: 1px solid #bcd1ec;
}
.fc-event-style-22:hover {
  background-color: #d8e4f4;
  border-color: #d0dff2;
}
.fc-event-style-23 {
  background-color: #d4e5ff;
  border: 1px solid #bbd6ff;
}
.fc-event-style-23:hover {
  background-color: #deebff;
  border-color: #d4e5ff;
}
.fc-event-style-24 {
  background-color: #e1e4fa;
  border: 1px solid #cbd0f6;
}
.fc-event-style-24:hover {
  background-color: #eaecfb;
  border-color: #e1e4fa;
}
.fc-event-style-25 {
  background-color: #d8d1fb;
  border: 1px solid #c4baf9;
}
.fc-event-style-25:hover {
  background-color: #e0dafc;
  border-color: #d8d1fb;
}
.fc-event-style-26 {
  background-color: #edcdf3;
  border: 1px solid #e6b8ee;
}
.fc-event-style-26:hover {
  background-color: #f0d5f5;
  border-color: #edcdf3;
}
.fc-event-style-27 {
  background-color: #ffdafc;
  border: 1px solid #ffc1fa;
}
.fc-event-style-27:hover {
  background-color: #ffe4fd;
  border-color: #ffdafc;
}
.fc-event-style-28 {
  background-color: #f9d9e6;
  border: 1px solid #f6c3d8;
}
.fc-event-style-28:hover {
  background-color: #fae2ec;
  border-color: #f9d9e6;
}
.fc-event-style-29 {
  background-color: #f7b9dd;
  border: 1px solid #f4a2d2;
}
.fc-event-style-29:hover {
  background-color: #f8c2e1;
  border-color: #f7b9dd;
}
.fc-event-style-30 {
  background-color: #fec5c5;
  border: 1px solid #feacac;
}
.fc-event-style-30:hover {
  background-color: #fecfcf;
  border-color: #fec5c5;
}
/* jquery ui */
/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
  font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa /*{borderColorContent}*/;
  background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
  color: #222222 /*{fcContent}*/;
}
.ui-widget-content a {
  color: #222222 /*{fcContent}*/;
}
.ui-widget-header {
  border: 1px solid #aaaaaa /*{borderColorHeader}*/;
  background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
  color: #222222 /*{fcHeader}*/;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222 /*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
  background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #555555 /*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555 /*{fcDefault}*/;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999 /*{borderColorHover}*/;
  background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #212121 /*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121 /*{fcHover}*/;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa /*{borderColorActive}*/;
  background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #212121 /*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121 /*{fcActive}*/;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
  background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
  color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636 /*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a /*{borderColorError}*/;
  background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
  color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
  opacity: 0.3 /*{opacityOverlay}*/;
  filter: alpha(opacity=30) /*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
  margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
  padding: 8px /*{thicknessShadow}*/;
  background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
  opacity: 0.3 /*{opacityShadow}*/;
  filter: alpha(opacity=30) /*{opacityFilterShadow}*/;
  border-radius: 8px /*{cornerRadiusShadow}*/;
}
.datetime-picker-dropdown > li.date-picker-menu div > table {
  outline: none;
}
.datetime-picker-dropdown > li.date-picker-menu div > table .old-btn-default {
  border: 0;
  outline: none;
}
.datetime-picker-dropdown > li.date-picker-menu div > table .old-btn-info.active:hover .text-info {
  color: #fff;
}
.datetime-picker-dropdown > li.date-picker-menu div > table td[ng-if=showWeeks] {
  color: #999;
}
.datetime-picker-dropdown > li[ng-if=showButtonBar] .old-btn-info {
  background-color: transparent;
  border: none;
  color: #62cb31;
}
.datetime-picker-dropdown > li[ng-if=showButtonBar] .old-btn-danger {
  background-color: transparent;
  border: none;
  color: #ed5565;
}
.datetime-picker-dropdown > li[ng-if=showButtonBar] .old-btn-success {
  background-color: #dcdcdc;
  border-color: #999;
  color: #3b434f;
  background: #fff;
}
.full button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}
.partially button span {
  background-color: orange;
  border-radius: 32px;
  color: black;
}
.dropdown-menu.hdropdown {
  padding: 0;
  z-index: 1060;
}
.dropdown-menu.hdropdown .title {
  padding: 12px 12px;
  text-align: center;
  border-bottom: 1px solid #999;
}
.dropdown-menu.hdropdown li {
  padding: 6px 12px;
  text-align: left;
  background: #ffffff;
  border-bottom: 1px solid #999;
}
.dropdown-menu.filedropdown li {
  padding: 6px 6px;
  text-align: left;
  background: #ffffff;
  border-bottom: 1px solid #999;
}
.dropdown-menu.filedropdown li i {
  margin-right: 10px;
}
.dropdown-menu.hdropdown.notification li {
  padding: 12px 12px;
}
.dropdown-menu.hdropdown.notification li .label {
  margin-right: 10px;
}
.dropdown-menu.hdropdown li > a:hover,
.dropdown-menu.filedropdown li > a:hover {
  background: inherit;
}
.dropdown-menu.hdropdown li:hover,
.dropdown-menu.filedropdown li:hover {
  background: #fafbfc;
}
.dropdown-menu.hdropdown li.summary {
  padding: 6px 12px;
  text-align: center;
  background: #fff;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
  color: inherit;
  background: #ffffff;
  border-bottom: 1px solid #999;
}
.dropdown-menu {
  font-size: 13px;
  border-radius: 3px;
  width: inherit;
}
.dropdown-menu ul {
  padding-left: 10px;
  list-style: none;
  padding-top: 10px;
}
.dropdown-menu ul li {
  line-height: 1.5;
}
.dropdown-menu ul li input {
  padding: 10px;
}
.dropdown-example {
  display: inline-block;
  margin: 0px 10px 10px 10px;
}
.dropdown-example .dropdown-menu {
  position: static;
  display: block;
}
.db-dropdown {
  position: relative;
}
.db-dropdown .db-dropdown-box {
  position: absolute;
  top: 37px;
  left: 0;
  background: white;
  border: 5px solid #999;
  height: 206px;
  overflow-y: auto;
}
.db-dropdown .db-dropdown-box ul {
  padding: 10px;
}
/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url('../img/icheck/db-checkbox.png') no-repeat;
  border: none;
  cursor: pointer;
}
.icheck-inverse .icheckbox_square-green,
.icheck-inverse .iradio_square-green {
  background-image: url('../img/icheck/db-checkbox-inverse.png');
}
.icheckbox_square-green {
  background-position: 0 0;
  margin-right: 5px;
}
.icheckbox_square-green.hover {
  background-position: -24px 0;
}
.icheckbox_square-green.checked {
  background-position: -48px 0;
}
.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-green {
  background-position: -120px 0;
}
.iradio_square-green.hover {
  background-position: -144px 0;
}
.iradio_square-green.checked {
  background-position: -168px 0;
}
.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}
label .icheckbox_square-green,
label .iradio_square-green {
  top: -1px;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url('../img/icheck/sgs-checkbox@2x.png');
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
  .icheck-inverse .icheckbox_square-green,
  .icheck-inverse .iradio_square-green {
    background-image: url('../img/icheck/sgs-checkbox-inverse@2x.png');
  }
}
.icons-box {
  padding: 20px;
}
.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.icons-box .infont {
  text-align: center;
  margin-bottom: 25px;
}
.icons-box .infont i {
  font-size: 35px;
  display: block;
  color: #676a6c;
}
.icons-box .infont span {
  color: #a6a8a9;
}
.icons-box .infont span {
  margin: 1px;
  display: block;
}
.modal-backdrop.in {
  z-index: 1300 !important;
}
.modal-open .modal {
  z-index: 1350 !important;
  background: rgba(0, 0, 0, 0.4);
  display: flex !important;
  align-items: center;
  overflow: hidden;
}
.h-modal-icon {
  font-size: 66px;
}
.inmodal .color-line {
  border-radius: 4px 4px 0 0;
}
.modal-backdrop.in {
  opacity: 0.4;
}
.modal-backdrop {
  position: fixed;
  bottom: 0;
}
.modal-dialog {
  margin: auto;
}
.modal-dialog.modal-full {
  width: 80%;
  height: auto;
  margin: 0px auto;
  padding: 0;
}
.modal-dialog.modal-full .splash {
  border-radius: 4px;
  background: #7d8899;
}
.modal-dialog.modal-full .la-timer {
  color: #fff;
}
.modal-dialog.modal-full .splash-title {
  color: #fff;
}
.modal-title {
  font-size: 24px;
  font-weight: 300;
}
.modal-header {
  padding: 10px 20px;
  font-family: "Noto Sans KR", sans-serif;
  background: #fff;
  border-radius: 4px 4px 0 0;
  display: flex;
  color: #2f3b46;
  height: 60px;
}
.modal-header h4 {
  line-height: 40px;
  font-size: 20px;
  width: 100%;
  color: #666;
  font-weight: 700;
  margin: 0;
}
.modal-header .close {
  font-weight: 100;
  font-size: 28px;
  opacity: .6;
  text-shadow: none;
  line-height: 15px;
}
.modal-header .close:hover {
  opacity: .8;
}
.modal-header .modal-back {
  width: 20px;
  top: 20px;
  display: block;
  background-image: url(../img/wizard/back.png);
  background-size: contain;
  background-position: center;
  padding: 15px;
  margin-right: 10px;
}
.modal-body {
  min-height: 140px;
  padding: 20px;
  max-height: 730px;
  overflow: auto;
  width: 100%;
  overflow-x: hidden;
}
.modal-body.db-nlu-log-popup,
.modal-body.db-chatflow-log-popup {
  overflow-x: hidden;
}
.modal-body h3 span {
  font-weight: normal;
  font-size: 14px;
  margin-left: 6px;
}
.modal-body.max-h290 {
  max-height: 290px;
  overflow-y: auto;
}
.modal-header small {
  color: #677589;
}
.modal-footer {
  padding: 12px 20px;
  border-radius: 0 0 4px 4px;
  text-align: right;
  background: #f7f9fa;
}
.hmodal-info .color-line {
  background: #62cb31;
}
.hmodal-warning .color-line {
  background: #ffb606;
}
.hmodal-success .color-line {
  background: #1ab394;
}
.hmodal-danger .color-line {
  background: #c40452;
}
.hmodal-info h4.modal-title {
  color: #62cb31;
}
.hmodal-warning h4.modal-title {
  color: #ffb606;
}
.hmodal-success h4.modal-title {
  color: #1ab394;
}
.hmodal-danger h4.modal-title {
  color: #c40452;
}
.sgs-modal-header-sort {
  position: absolute;
  right: 20px;
  top: 6px;
}
.sgs-modal-header-sort .ui-select-container {
  width: 120px;
}
.sgs-modal-header-sort .ui-select-container .form-control {
  height: 28px;
  padding: 3px 12px;
  background: #f79f40;
  border-color: #f1810a !important;
  color: #fff;
}
.sgs-modal-header-sort .ui-select-container .form-control span {
  color: inherit;
  opacity: 0.8;
}
.sgs-modal-header-sort .ui-select-container .form-control i {
  opacity: 0.8;
}
.sgs-modal-header-sort .dropdown-menu {
  min-width: 120px;
  background: #f79f40;
  border-color: #f1810a !important;
}
.sgs-modal-header-sort .dropdown-menu a {
  color: #fff;
}
.sgs-modal-header-sort .dropdown-menu a div {
  color: inherit;
  opacity: 0.8;
}
.sgs-modal-header-sort .ui-select-bootstrap .ui-select-choices-row.active > a {
  background: #f69023;
  color: #fff;
}
.inmodal .modal-title {
  font-size: 26px;
  color: #293846;
}
/* modal list field */
.db-popup-list-field {
  border: 1px solid #999;
  margin-top: 10px;
}
.db-popup-list-field .db-popup-list {
  max-height: 300px;
  overflow-y: auto;
}
.db-popup-list-field .db-popup-list .db-popup-elem {
  padding-left: 15px;
  line-height: 37px;
}
.db-popup-list-field .db-popup-list .db-popup-elem:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.db-popup-list-field .db-popup-list .db-popup-elem.db-click-elem {
  background: #f2f2f2;
}
/* right change modal */
.db-change {
  text-align: center;
}
.db-change .db-change-info {
  font-size: 48px;
  color: #f8ac59;
  /*height: 60px;*/
  padding-top: 10px;
  margin-bottom: 0;
}
.db-change .db-change-title {
  font-size: 15px;
  font-weight: 500;
  color: #293846;
}
.db-change .db-change-content {
  font-size: 14px;
}
.db-change .db-close-btn {
  position: absolute;
  top: 0;
  right: 12px;
}
.db-change .db-close-btn:hover {
  cursor: pointer;
}
#toast-container > div.toast {
  background-image: none !important;
}
#toast-container > .toast-info {
  background-image: none;
}
#toast-container > .toast-wait {
  background-image: none;
}
#toast-container > .toast-error {
  background-image: none;
}
#toast-container > .toast-success {
  background-image: none;
}
#toast-container > .toast-warning {
  background-image: none;
}
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303 !important;
}
.toast-success {
  background-color: #51a351 !important;
}
.toast-error {
  background-color: #bd362f !important;
}
.toast-info,
.toast-wait {
  background-color: #2f96b4 !important;
}
.toast-warning {
  background-color: #f89406 !important;
}
#toast-container > .toast:before {
  position: relative;
  top: 50%;
  transform: translateY(0);
}
/* Progress bar */
.progress {
  border-radius: 2px;
  margin-bottom: 10px;
}
.progress-bar {
  background-color: #fafbfc;
  text-align: right;
  padding-right: 10px;
  color: #3b434f;
}
.progress-small,
.progress-small .progress-bar {
  height: 10px;
}
.progress-bar-primary {
  border-right: 4px solid #f7a041;
}
.progress-bar-success {
  border-right: 4px solid #179d82;
}
.progress-bar-info {
  border-right: 4px solid #58b62c;
}
.progress-bar-warning {
  border-right: 4px solid #eba600;
}
.progress-bar-danger {
  border-right: 4px solid #eb3e50;
}
.full .progress-bar-primary {
  background-color: #f8ac59;
  border-right: 4px solid #f7a041;
}
.full .progress-bar-success {
  background-color: #1ab394;
  border-right: 4px solid #179d82;
}
.full .progress-bar-info {
  background-color: #62cb31;
  border-right: 4px solid #58b62c;
}
.full .progress-bar-warning {
  background-color: #ffb606;
  border-right: 4px solid #eba600;
}
.full .progress-bar-danger {
  background-color: #ed5565;
  border-right: 4px solid #eb3e50;
}
.full .progress-bar {
  color: #ffffff;
}
.note-editor {
  border: 1px solid #999;
}
.note-editor .note-toolbar {
  border-bottom: 1px solid #999;
}
.note-editor .old-btn-default {
  border-color: #999;
}
.tooltip-inner {
  white-space: pre-wrap;
}
/* 오렌지색 마음에 안들어서 원복함 2018-12-19
.tooltip-inner {
  background-color: @color-primary;
}

.tooltip.top .tooltip-arrow {
  border-top-color: @color-primary;
}
.tooltip.right .tooltip-arrow {
  border-right-color: @color-primary;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: @color-primary;
}
.tooltip.left .tooltip-arrow {
  border-left-color: @color-primary;
}
*/
.tour-backdrop {
  opacity: 0.5;
}
.db-carousel-wrapper {
  width: 100%;
  overflow: auto;
}
.db-carousel-wrapper .db-carousel-container {
  width: 300%;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box {
  background: #f7f7f7;
  border: 1px solid #aaa;
  width: 375px;
  padding: 0;
  margin: 20px 10px;
  float: left;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.34);
  /* 아이템별 */
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem {
  position: relative;
  border: 1px solid #aaa;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem p {
  position: relative;
  height: 40px;
  font-size: 16px;
  padding: 7px 10px;
  text-align: center;
  font-weight: bold;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem p i {
  float: right;
  margin: 5px;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  right: 0px;
  padding-left: 50px;
  padding-right: 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem p i.text-left {
  float: left;
  right: 25px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-image-editor-img {
  height: 200px;
  width: 100%;
  position: relative;
  margin-top: 10px;
  text-align: center;
  line-height: 200px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-image-editor-img img {
  vertical-align: middle;
  height: 100%;
  margin: 0 auto;
  width: auto;
  right: 0;
  display: block;
  left: 0;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-image-editor-img i {
  color: #aaa;
  font-size: 24px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-header {
  height: 37px;
  padding: 5px 10px;
  background: #f7f7f7;
  border-bottom: 0.5px solid #00000044;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-header span {
  position: relative;
  top: 1px;
  font-size: 16px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img {
  position: relative;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img span.db-mouse-over {
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 16px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy,
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url,
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image {
  width: 100%;
  position: relative;
  background: #f3f3f3;
  overflow: hidden;
  border-top: 0.5px solid #00000044;
  border-bottom: 0.5px solid #00000044;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy {
  text-align: center;
  padding: 2px;
  color: #b0b0b0;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy h2 {
  font-size: 18px;
  margin-top: 15px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy span {
  font-weight: normal;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container {
  display: flex;
  width: 100%;
  padding: 5px 5px 15px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .add-image-split {
  width: 10%;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .add-image-split .split-line {
  width: 1px;
  display: block;
  height: 40%;
  margin: auto;
  background: #ccc;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-upload {
  width: 100%;
  color: #9f9f9f;
  cursor: pointer;
  padding: 10px 10px 20px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-upload .uploader-img-container {
  background-image: url(../img/chatflow/withImg.png);
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-upload:hover .uploader-img-container {
  background-image: url(../img/chatflow/withImgy.png);
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-upload:hover span {
  color: #f8ac59;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-url {
  width: 100%;
  color: #9f9f9f;
  cursor: pointer;
  padding: 10px 10px 20px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-url .uploader-img-container {
  background-image: url(../img/chatflow/withUrl.png);
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-url:hover .uploader-img-container {
  background-image: url(../img/chatflow/withUrly.png);
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-image-dummy .db-image-add-container .db-image-url:hover span {
  color: #f8ac59;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url {
  display: flex;
  padding: 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url input {
  width: 99%;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url .save-url {
  display: flex;
  width: 30%;
  margin-left: 3px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url .save-url span {
  padding: 4px;
  margin: 0 3px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border-radius: 4px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url .save-url .confirm-save {
  background: #f8ac59;
  color: #fff;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-upload-url .input-url .save-url .cancel-save {
  background: #ccc;
  color: #777;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail {
  padding: 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail .uploaded-file-name {
  font-style: italic;
  color: #9f9f9f;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail .change-image {
  color: #9f9f9f;
  margin-top: 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail .change-image h4 {
  color: #000;
  margin-bottom: 5px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail .change-image .db-image-upload {
  padding: 5px 10px;
  width: auto;
  background: #f8ac59;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-img .db-have-image .image-detail .change-image .db-image-url {
  padding: 5px;
  cursor: pointer;
  width: auto;
  color: #f8ac59;
  text-decoration: underline;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-title {
  height: 60px;
  border-top: 0.5px solid #00000044;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-title input {
  border: none;
  height: 100%;
  padding: 20px;
  font-size: 20px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: bold;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-subtitle {
  margin-bottom: 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-subtitle .subtitle-header {
  height: 40px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-subtitle .subtitle-content textarea {
  border: none;
  font-weight: bold;
  font-size: 13px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-header {
  height: 40px;
  margin-bottom: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-header .db-carousel-elem-arrows {
  display: inline-block;
  float: left;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-header .db-carousel-elem-arrows b {
  position: absolute;
  top: 6px;
  left: 17px;
  font-weight: normal;
  font-size: 13px;
  width: 13px;
  height: 13px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-header .db-carousel-elem-arrows b.fa-rotate-90 {
  top: 19px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content {
  border-top: 1px solid #aaa;
  position: relative;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content .btn-trash {
  position: absolute;
  right: 14px;
  top: 4px;
  font-size: 18px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content select {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  font-size: 14px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content select.db-has-error {
  border-color: red;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content .btn-content-del {
  height: 40px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-add-btn:hover {
  color: #f8ac59;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-add-btn p {
  font-size: 15px;
  padding: 7px 10px;
  margin-bottom: 0;
  border-radius: 10px 10px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-add-btn p .normal-icon {
  float: none;
  font-size: 12px;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-box textarea {
  resize: none;
  resize: both;
  resize: horizontal;
  resize: vertical;
  resize: inherit;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-empty-box {
  float: left;
  width: 300px;
  height: 360px;
  margin: 20px 10px;
  border: 2px dashed #aaa;
  padding: 142px 40px;
  text-align: center;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-empty-box i {
  font-size: 50px;
  font-weight: 100;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-empty-box i:hover {
  color: #f8ac59;
}
.db-carousel-wrapper .db-carousel-container .db-carousel-empty-box span {
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}
@-webkit-keyframes loadinganim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes loadinganim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes loadinganim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes loadinganim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadinganim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sloadinganim {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes sloadinganim {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes sloadinganim {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes sloadinganim {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sloadinganim {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#faq-uploaded-table {
  position: relative;
}
#faq-make-disabled {
  position: absolute;
  z-index: 10;
  width: 100%;
  display: none;
  background: #000000bb;
}
#faq-make-disabled #faq-make-disabled-inner {
  position: absolute;
  color: #fff;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
#faq-make-disabled #faq-make-disabled-inner #make-disabled-title {
  font-size: 30px;
  padding-top: 100px;
  margin-bottom: 30px;
}
#faq-make-disabled #faq-make-disabled-inner #make-disabled-detail {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 50px;
}
.wizard-container {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  font-family: "Noto Sans KR", sans-serif;
}
.wizard-container .wizard-progress {
  height: 6px;
  position: relative;
  display: block;
  z-index: 110;
  width: 100%;
}
.wizard-container .wizard-progress .wizard-progress-bar {
  height: 100%;
  width: 1%;
  transition: 0.5s all ease-in;
  background: #FF6647;
}
.wizard-container .wizard-progress .wizard-progress-label {
  position: absolute;
  padding: 3px 10px;
  color: #fff;
  font-size: 12px;
  background: #FF6647;
  border-radius: 3px;
  transition: 0.5s all ease-in;
  top: 0px;
}
.wizard-container .gif-container {
  position: absolute;
  z-index: 96;
  box-shadow: 0px 0px 22px 0px #00000022;
  pointer-events: none;
  max-height: 83%;
  top: 0;
  bottom: 0;
  right: 180px;
  left: auto;
  margin: auto;
  width: 310px;
  padding: 20px;
  height: fit-content;
  overflow: hidden;
  border-radius: 9px;
  color: #555;
  background: #fff;
}
.wizard-container .gif-container .gif-detail {
  font-size: 13px;
}
.wizard-container .gif-container img {
  height: auto;
  width: 100%;
  margin: auto;
  position: relative;
  display: block;
  margin-top: 30px;
}
.wizard-container .ng-hide.ng-hide-animate {
  display: none !important;
}
.wizard-container .modal-header {
  position: relative;
}
.wizard-container .modal-header .modal-wizard-title {
  font-weight: 300;
  font-size: 24px;
}
.wizard-container .modal-header h4:before {
  content: "";
  background-image: url(../img/wizard/wand.png);
  width: 20px;
  background-size: contain;
  padding: 22px;
  margin-right: 10px;
  background-position-x: center;
  background-position-y: 16px;
  background-repeat: no-repeat;
}
.wizard-container .wizard-header-title {
  width: 50%;
  margin-bottom: 30px;
  height: auto;
  font-size: 24px;
  font-weight: 600;
  color: #584c35;
}
.wizard-container .wizard-header-title .modal-inner-wizard-title {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 600;
}
.wizard-container .wizard-header-title .modal-inner-wizard-title .step {
  font-size: 8px;
  opacity: 0.7;
  display: block;
  letter-spacing: 3px;
  font-weight: 500;
}
.wizard-container .wizard-header-title h4 {
  font-size: 1.7rem;
  margin-top: 5px;
}
.wizard-container .wizard-header-title h4 .total-num {
  font-size: 1rem;
  opacity: 0.5;
}
.wizard-container .modal-exit {
  position: absolute;
  width: 20px;
  top: 20px;
  display: block;
  right: 20px;
  height: 20px;
  cursor: pointer;
  background-size: contain;
  background-image: url(../img/wizard/exit.png);
}
.wizard-container .wizard-load {
  width: 100%;
  overflow: hidden;
  height: calc(50vh + 230px);
  text-align: center;
}
.wizard-container .wizard-load span {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  margin-top: 15vh;
  display: block;
  z-index: 10;
}
.wizard-container .wizard-load .wizard-load-img {
  position: absolute;
  width: 38vh;
  z-index: 2;
  display: block;
  line-height: 55vh;
  height: 55vh;
  margin: 18vh auto 40px;
  font-size: 100px;
  font-weight: bold;
  left: 0;
  right: 0;
  background-size: contain;
  background-position-x: center;
  background-position-y: 13px;
  background-repeat: no-repeat;
  background-image: url(../img/wizard/wand0.png);
  opacity: 1;
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.wizard-container .wizard-load .load-one {
  animation-delay: 2.4s;
  background-image: url(../img/wizard/wand1.png);
  animation-name: loadinganim;
}
.wizard-container .wizard-load .load-two {
  animation-delay: 1.8s;
  background-image: url(../img/wizard/wand2.png);
  animation-name: loadinganim;
}
.wizard-container .wizard-load .load-three {
  animation-delay: 1.2s;
  background-image: url(../img/wizard/wand3.png);
  animation-name: loadinganim;
}
.wizard-container .wizard-load .load-four {
  animation-delay: 0.6s;
  background-image: url(../img/wizard/wand4.png);
  animation-name: loadinganim;
}
.wizard-container .wizard-load .load-five {
  animation-delay: 0s;
  background-image: url(../img/wizard/wand5.png);
  animation-name: loadinganim;
}
.wizard-container .wizard-load .sample-load-img {
  position: absolute;
  width: 38vh;
  z-index: 2;
  display: block;
  line-height: 55vh;
  height: 55vh;
  margin: 18vh auto 40px;
  font-size: 100px;
  font-weight: bold;
  left: 0;
  right: 0;
  background-size: contain;
  background-position-x: center;
  background-position-y: 13px;
  background-repeat: no-repeat;
  opacity: 1;
  animation-fill-mode: forwards;
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-name: sloadinganim;
  transition: 0.2s all linear;
}
.wizard-container .wizard-load .sload-one {
  animation-delay: 0s;
  background-image: url(../img/wizard/copy1.png);
}
.wizard-container .wizard-load .sload-two {
  animation-delay: 0.6s;
  opacity: 0;
  background-image: url(../img/wizard/copy2.png);
}
.wizard-container .wizard-load .sload-three {
  animation-delay: 1.2s;
  opacity: 0;
  background-image: url(../img/wizard/copy3.png);
}
.wizard-container .wizard-stage-container {
  display: flex;
  width: 45%;
  min-width: 550px;
  margin: 20px auto 0;
  align-items: flex-start;
  transition: 0.2s all cubic-bezier(0.73, 0.01, 0.46, 0.99);
}
.wizard-container .wizard-stage-container .single-stage-container {
  min-width: 100px;
  height: auto;
  text-align: center;
}
.wizard-container .wizard-stage-container .single-stage-container .single-stage-num {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  margin: 0 auto 10px;
  font-size: 20px;
  font-weight: 300;
  color: #ccc;
  border: 1px solid #ccc;
  visibility: visible;
}
.wizard-container .wizard-stage-container .single-stage-container .single-stage-num::before {
  background-image: url(../img/wizard/cleared.png);
  content: ' ';
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 30px;
  display: none;
  top: 0;
  margin: 10px auto;
  left: 0;
  visibility: hidden;
}
.wizard-container .wizard-stage-container .single-stage-container .single-stage-num::after {
  content: "";
  width: 50px;
  height: 50px;
  display: none;
  border: 1px solid #FFB546;
  visibility: hidden;
  top: 0;
  border-radius: 100%;
}
.wizard-container .wizard-stage-container .single-stage-container .single-stage-name {
  color: #ccc;
}
.wizard-container .wizard-stage-container .stage-line {
  width: 100%;
  height: 1px;
  margin: 25px 0px 0;
  background: #ccc;
}
.wizard-container .stage-one {
  transform: translate(41%);
}
.wizard-container .stage-one .single-stage-container:first-child .single-stage-num {
  color: #FFB546;
  border: 1px solid #FFB546;
}
.wizard-container .stage-one .single-stage-container:first-child .single-stage-name {
  color: #FFB546;
}
.wizard-container .stage-two {
  transform: translate(0%);
}
.wizard-container .stage-two .single-stage-container:first-child {
  opacity: 0.4;
}
.wizard-container .stage-two .single-stage-container:first-child .single-stage-num {
  visibility: hidden;
}
.wizard-container .stage-two .single-stage-container:first-child .single-stage-num::before {
  visibility: visible;
  display: block;
}
.wizard-container .stage-two .single-stage-container:first-child .single-stage-num::after {
  visibility: visible;
  display: block;
  position: absolute;
}
.wizard-container .stage-two .single-stage-container:not(:last-child) .single-stage-num {
  color: #FFB546;
  border: 1px solid #FFB546;
}
.wizard-container .stage-two .single-stage-container:not(:last-child) .single-stage-name {
  color: #FFB546;
}
.wizard-container .stage-two .stage-line:nth-child(2) {
  background: #FFB546;
}
.wizard-container .stage-three {
  transform: translate(-43%);
}
.wizard-container .stage-three .single-stage-container:not(:last-child) {
  opacity: 0.4;
}
.wizard-container .stage-three .single-stage-container:not(:last-child) .single-stage-num {
  visibility: hidden;
}
.wizard-container .stage-three .single-stage-container:not(:last-child) .single-stage-num::before {
  visibility: visible;
  display: block;
}
.wizard-container .stage-three .single-stage-container:not(:last-child) .single-stage-num::after {
  visibility: visible;
  display: block;
  position: absolute;
}
.wizard-container .stage-three .single-stage-container .single-stage-num {
  color: #FFB546;
  border: 1px solid #FFB546;
}
.wizard-container .stage-three .single-stage-container .single-stage-name {
  color: #FFB546;
}
.wizard-container .stage-three .stage-line {
  opacity: 0.4;
  background: #FFB546;
}
.wizard-container .choose-copy-method {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  height: auto;
  text-align: center;
}
.wizard-container .choose-copy-method .choose-title {
  width: 100%;
  font-size: 40px;
  margin: 30px auto 0;
  height: 50px;
  line-height: 50px;
  font-weight: 900;
}
.wizard-container .choose-copy-method .choose-subtitle {
  width: 40%;
  font-size: 18px;
  margin: 30px auto 0;
  color: #444;
  min-width: 400px;
}
.wizard-container .choose-copy-method .copy-btn-container {
  display: flex;
  width: 100%;
  position: relative;
  height: auto;
  padding: 60px 0;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem {
  width: 50%;
  height: auto;
  padding-bottom: 40px;
  cursor: pointer;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-icon,
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-title,
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-detail {
  transition: 0.1s all ease-in;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-icon {
  width: 60%;
  min-width: 400px;
  height: 400px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  background-size: contain;
  background-position: center;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn {
  background-image: url(../img/wizard/copy.png);
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .wizard-btn {
  background-image: url(../img/wizard/wand.png);
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-title {
  font-size: 30px;
  color: #666;
  font-weight: 700;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem .copy-btn-detail {
  font-size: 15px;
  color: #666;
  font-weight: 500;
  width: 60%;
  margin: 20px auto 0;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem:hover .copy-btn-icon,
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem:hover .copy-btn-title,
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem:hover .copy-btn-detail {
  color: #FFB546;
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem:hover .copy-btn {
  background-image: url(../img/wizard/copyy.png);
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-elem:hover .wizard-btn {
  background-image: url(../img/wizard/wandy.png);
}
.wizard-container .choose-copy-method .copy-btn-container .copy-btn-split {
  width: 1px;
  height: inherit;
  background: #ccc;
}
.wizard-container .wizard-one,
.wizard-container .wizard-two,
.wizard-container .wizard-three {
  width: 100%;
  display: block;
  position: relative;
  text-align: left;
  height: auto;
  padding-top: 40px;
}
.wizard-container .wizard-one .disabled-btn,
.wizard-container .wizard-two .disabled-btn,
.wizard-container .wizard-three .disabled-btn {
  background: #ccc;
  cursor: not-allowed;
}
.wizard-container .wizard-one .disabled-btn:hover,
.wizard-container .wizard-two .disabled-btn:hover,
.wizard-container .wizard-three .disabled-btn:hover {
  opacity: 0.5;
}
.wizard-container .wizard-title {
  font-size: 30px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  overflow: hidden;
  height: auto;
  height: 55px;
  margin: 55px auto 0;
}
.wizard-container .wizard-title .wizard-q {
  display: block;
  font-size: 15px;
  color: #999;
  margin-top: 10px;
}
.wizard-container .wizard-title .wizard-q .wizard-q-y {
  color: #FFB546;
  text-decoration: underline;
  font-weight: bold;
}
.wizard-container .wizard-sim {
  position: absolute;
  left: 56.5%;
  width: 18%;
  transform: translateX(0px);
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.wizard-container .wizard-sim.ng-hide {
  opacity: 0;
  transform: translateX(-20px);
  /* transform: scale(0.8); */
}
.wizard-container .wizard-sim .wizard-user-sim {
  max-width: 50%;
  background: #888;
  padding: 10px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  text-align: left;
  clear: both;
}
.wizard-container .wizard-sim .wizard-bot-sim {
  max-width: 180px;
  background: #888;
  padding: 12px;
  color: #fff;
  border-radius: 10px;
  text-align: left;
  display: inline-block;
  clear: both;
  float: left;
}
.wizard-container .wizard-sim .wizard-bot-sim:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 16px solid #888;
  border-left: 20px solid transparent;
  left: -11px;
  top: 0;
  position: absolute;
}
.wizard-container .wizard-sim .wizard-bot-sim .wizard-bot-sim-pic {
  margin: 0 auto 10px;
  cursor: pointer;
  width: 150px;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 1px;
  background: #888;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.wizard-container .wizard-sim .wizard-bot-sim .wizard-bot-sim-pic:hover {
  color: #FFB546;
  background: #fff;
}
.wizard-container .wizard-sim .wizard-bot-sim .wizard-bot-sim-talk {
  font-size: 15px;
}
.wizard-container .wizard-workspace {
  width: 100%;
}
.wizard-container .wizard-workspace .select-items {
  top: 43px;
  height: 160px;
}
.wizard-container .wizard-workspace .scrolled-header {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 60px;
  padding: 10px 70px;
  z-index: 100;
  border-bottom: 0.5px solid #00000088;
  box-shadow: 0 8px 10px #00000033;
  color: #584c35;
  opacity: 0;
  transition: 0.1s all ease-in;
}
.wizard-container .wizard-workspace .scrolled-header h4 {
  font-size: 0.9rem;
  margin-top: 6px;
}
.wizard-container .wizard-workspace .scrolled-header h4 .total-num {
  font-size: 0.9rem;
  font-weight: 400;
}
.wizard-container .wizard-workspace .db-profile {
  text-align: left;
}
.wizard-container .wizard-workspace .db-profile .db-plus {
  text-align: center;
  margin-left: 0;
  left: 0;
}
.wizard-container .wizard-workspace .db-profile .db-profileBtn.db-minus {
  margin-left: -18px;
  left: initial;
  right: initial;
}
.wizard-container .wizard-workspace .wizard-workspace-inner {
  width: 100%;
  min-width: 600px;
  margin: 0 auto;
  display: block;
  padding: 40px;
  position: relative;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .db-plus {
  opacity: 0.6;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .db-plus:hover {
  opacity: 1;
  background-position: initial;
}
.wizard-container .wizard-workspace .wizard-workspace-inner::-webkit-scrollbar {
  width: 4px;
}
.wizard-container .wizard-workspace .wizard-workspace-inner::-webkit-scrollbar-track {
  background: #fff;
}
.wizard-container .wizard-workspace .wizard-workspace-inner::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 10px;
  cursor: pointer;
  background: #888;
}
.wizard-container .wizard-workspace .wizard-workspace-inner::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .hinting {
  position: fixed;
  bottom: 82px;
  width: 43%;
  min-width: 493px;
  pointer-events: none;
  height: 70px;
  background-image: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0));
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input {
  width: 55%;
  min-width: 400px;
  margin: 0 auto 0 0;
  height: auto;
  padding-bottom: 40px;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input.full {
  width: 100%;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input .check-style label {
  display: flex !important;
  width: fit-content;
  margin-bottom: 10px;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input .check-style label .module-ele-titledetail a {
  color: #FFAD36;
  vertical-align: baseline;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input .custom-made-select {
  font-size: 15px;
  height: 45px;
  border-radius: 0;
  min-width: 200px;
  width: 55%;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input .custom-made-select .select-selected {
  padding: 10px;
  font-size: 16px;
  line-height: 1.4;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input .custom-made-select .select-selected:after {
  top: 10px;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #584c35;
  position: relative;
  text-align: left;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-title .wizard-input-title-sub {
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  color: #aaa;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-title .wizard-input-title-detail {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 0px;
  display: block;
  opacity: 0.7;
  /*white-space: nowrap;*/
  font-weight: 400;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form {
  width: 100%;
  margin-top: 10px;
  text-align: left;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form input {
  width: 100%;
  font-size: 15px;
  padding: 10px;
  height: 45px;
  border: 0.5px solid #C8C8C8;
  min-width: 350px;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form input::placeholder {
  font-style: normal;
  font-weight: 300;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form .half {
  width: 60%;
  min-width: 0;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form textarea {
  width: 99%;
  max-width: 850px;
  font-size: 15px;
  padding: 10px;
  border: 0.5px solid #C8C8C8;
  min-width: 350px;
  line-height: 1.6;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form textarea:focus {
  border: 1px solid #fb7533 !important;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input-form textarea::placeholder {
  font-style: normal;
  font-weight: 300;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-table-scroll {
  overflow: scroll;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .wizard-table-scroll table thead tr th {
  width: fit-content;
  white-space: nowrap;
}
.wizard-container .wizard-workspace .wizard-workspace-inner .module-table-ele .module-ele-title {
  min-width: 400px;
  margin-top: 20px;
}
.wizard-container .module-button-wrapper button {
  width: 300px;
  margin: 0 0 0 70px;
  margin-bottom: 30px;
  border-radius: 6px;
}
.wizard-container .wizard-two .wizard-q-y {
  text-decoration: none !important;
  font-weight: normal !important;
  cursor: initial;
}
.wizard-container .wizard-two .module-option-ele:nth-child(1) {
  transition: 0.1s all ease-in;
}
.wizard-container .wizard-two .module-option-ele:nth-child(1) .module-option-icon {
  background-image: url(../img/wizard/upload.png);
}
.wizard-container .wizard-two .module-option-ele:nth-child(1):hover {
  opacity: 1;
  color: #FFAD36;
}
.wizard-container .wizard-two .module-option-ele:nth-child(1):hover .module-option-icon {
  background-image: url(../img/wizard/upload_y.png);
}
.wizard-container .wizard-two .module-option-ele:nth-child(2) {
  transition: 0.1s all ease-in;
}
.wizard-container .wizard-two .module-option-ele:nth-child(2) .module-option-icon {
  background-image: url(../img/wizard/self_make.png);
}
.wizard-container .wizard-two .module-option-ele:nth-child(2):hover {
  opacity: 1;
  color: #FFAD36;
}
.wizard-container .wizard-two .module-option-ele:nth-child(2):hover .module-option-icon {
  background-image: url(../img/wizard/self_make_y.png);
}
.wizard-container .wizard-three .wizard-workspace {
  padding: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
  margin: 20px auto 10px;
  padding: 10px 0;
}
.wizard-container .wizard-three .frogue-sim-container {
  min-width: 330px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  background: #dfdfdf;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0px 0px 10px #00000033;
  margin-top: -150px;
}
.wizard-container .wizard-three .frogue-sim-code {
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.wizard-container .wizard-three .frogue-sim-code h2 {
  margin-top: 5%;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr {
  height: 40%;
  display: flex;
  flex-direction: column;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .wizard-title {
  font-size: 30px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  overflow: hidden;
  height: auto;
  height: 55px;
  margin: 0;
  text-align: left;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-code-line {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-code-line .frogue-sim-qr-wrap {
  width: 180px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-code-line .frogue-sim-qr-wrap .frogue-qr {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 10px;
  background: #ccc;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-code-line .frogue-sim-qr-wrap .btn {
  font-size: 13px;
  display: block;
  text-align: center;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn {
  width: 100%;
  margin: 0 10px;
  font-size: 13px;
  text-align: left;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  background: transparent !important;
  text-align: center;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn button,
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn a {
  height: 37px;
  font-size: 13px;
  margin-bottom: 8px;
  display: block;
  font-weight: 400;
  text-align: center;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn button {
  margin-left: auto;
  height: 37px;
  margin: 0 0 10px;
  width: auto;
  margin-right: 10px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn a {
  width: 100%;
  margin-right: auto;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn .tooltip {
  background: none;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn .tooltip .tooltip-inner {
  background: #000;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-qr-btn .tooltip div {
  width: auto;
  height: auto;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js {
  height: 55%;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js h2 {
  margin-top: 0px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js .frogue-sim-code-title {
  height: 40%;
  display: block;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js .frogue-sim-code-title span {
  display: block;
  margin-bottom: 15px;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js .frogue-sim-code-line {
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
}
.wizard-container .wizard-three .frogue-sim-code .frogue-sim-js .frogue-sim-code-line pre {
  text-align: left;
  height: 100%;
}
.wizard-container .wizard-three .wizard-title {
  height: 55px;
}
.wizard-container .wizard-three .wizard-btn {
  display: flex;
  width: 44%;
  min-width: 500px;
  margin: 0 auto;
}
.wizard-container .wizard-three .wizard-btn button {
  width: 50%;
  margin-left: 10px;
  min-width: 0;
}
.wizard-container .wizard-three .wizard-btn .edit-stage-two {
  background: #7D7D7D;
}
.wizard-container .wizard-three .wizard-btn .edit-stage-two:hover {
  background: #3d3d3d;
}
.confirm-abort {
  z-index: 10;
  width: 300px;
  height: 320px;
  position: absolute;
  left: 0;
  top: 9%;
  background: #fff;
  box-shadow: 0px 0px 10px #000000aa;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  font-size: 20px;
  line-height: 1.55;
  border-radius: 7px;
}
.confirm-abort .confirm-abort-img {
  background-image: url(../img/wizard/really.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin: 30px auto 20px;
  background-position: center;
  opacity: 0.4;
}
.confirm-abort .confirm-abort-btn {
  display: flex;
  width: calc(100% - 40px);
  position: absolute;
  bottom: 20px;
  text-align: center;
  font-size: 20px;
}
.confirm-abort .confirm-abort-btn button {
  width: 50%;
  display: block;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 15px;
  margin: 0 5px;
  border: 1px solid #f99348;
  background: #fff;
}
.confirm-abort .confirm-abort-btn .btn-ok {
  color: #fff;
  background: #f99348;
}
.congrats {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -13%;
  left: -58%;
  pointer-events: none;
  z-index: 10;
}
.wizard-workspace-inner .module-table-ele .module-table-content tbody tr td {
  padding: 10px;
  text-align: left;
}
.wizard-workspace-inner .module-table-ele + .table-explain div {
  text-align: left;
}
.wizard-workspace-inner .module-table-ele {
  margin-top: 0;
}
.wizard-workspace-inner .module-table-ele .module-ele-title .another-method {
  font-weight: 400;
  font-size: 0.9em;
  padding: 8px 2px;
  margin-bottom: 15px;
  display: inline-block;
}
.wizard-workspace-inner .list {
  padding: 20px !important;
}
.wizard-workspace-inner .list .input-wrapper {
  width: 88%;
  display: flex;
  align-items: center;
}
.wizard-workspace-inner .list .open-list {
  bottom: auto;
  pointer-events: auto;
  cursor: pointer;
  top: 30px;
  transform: rotate(180deg);
}
.wizard-workspace-inner .list .delete-btn {
  bottom: auto;
  top: 30px;
  right: 20px;
}
.wizard-workspace-inner .list .btn-secondary-line span {
  padding-top: 1px;
}
.wizard-workspace-inner .list .btn-secondary-line span:after {
  content: '';
  background-image: url(../img/common/link.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: -1px;
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
.wizard-workspace-inner .list .faq-content {
  display: flex;
  padding-top: 30px;
}
.wizard-workspace-inner .list .faq-content .faq-left {
  width: 65%;
  padding-right: 20px;
  border-right: 0.5px solid #C8C8C8;
}
.wizard-workspace-inner .list .faq-content .faq-left .faq-answer {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #584c35;
  position: relative;
}
.wizard-workspace-inner .list .faq-content .faq-left .faq-answerarea {
  height: 49%;
  width: 100%;
  min-height: 150px;
  padding: 10px;
  border: 0.5px solid rgba(109, 93, 65, 0.51) !important;
}
.wizard-workspace-inner .list .faq-content .faq-left .input-wrapper .faq-btn {
  border: 0.5px solid #C8C8C8;
  display: inline-block;
}
.wizard-workspace-inner .list .faq-content .faq-left .switch {
  width: 100px;
}
.wizard-workspace-inner .list .faq-content .faq-left .switch input {
  display: none;
}
.wizard-workspace-inner .list .faq-content .faq-left .switch .slider {
  margin-left: 10px;
  width: 49px;
  height: 28px;
}
.wizard-workspace-inner .list .faq-content .faq-left .switch .slider:before {
  height: 20px;
  width: 20px;
}
.wizard-workspace-inner .list .faq-content .faq-left .switch input[sub-value="true"] + .slider:before {
  transform: translateX(20px);
}
.wizard-workspace-inner .list .faq-content .faq-right {
  width: 35%;
  height: 260px;
  padding-left: 20px;
}
.wizard-workspace-inner .list .faq-content .faq-right.faq-right-btn {
  height: 310px;
}
.wizard-workspace-inner .list .faq-content .faq-right .btn-secondary-line {
  width: 65%;
}
.wizard-workspace-inner .list .faq-content .faq-right .faq-preview {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #584c35;
  position: relative;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap {
  width: 100%;
  height: 85%;
  overflow: auto;
  font-size: 0.9rem;
  margin-bottom: 15px;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap .ask-bubble {
  background: #fff;
  width: 65%;
  margin-left: auto;
  margin-bottom: 14px;
  padding: 10px;
  border: 0.5px solid #584c35;
  border-radius: 5px;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap .answer-bubble {
  background: #fff;
  width: 65%;
  white-space: pre-wrap;
  margin-bottom: 5px;
  padding: 10px;
  color: #FFAD36;
  border: 0.5px solid #FFAD36;
  border-radius: 5px;
  font-size: 0.9rem;
  font-family: "Quicksand", "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", Helvetica, Arial, sans-serif;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar {
  width: 8px;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap::-webkit-scroll-track {
  background: #fff;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 10px;
  cursor: pointer;
  background: #aaaaaa;
}
.wizard-workspace-inner .list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.wizard-workspace-inner .list input {
  width: 95%;
  border: 0;
  padding: 10px 5% 10px 10px;
  border-bottom: 0.5px solid #C8C8C8;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wizard-workspace-inner .list input + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  cursor: not-allowed;
}
.wizard-workspace-inner .list input:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  cursor: not-allowed;
  display: none;
}
.wizard-workspace-inner .list textarea {
  width: 95%;
  border: 0;
  padding: 10px;
  vertical-align: middle;
  cursor: pointer;
}
.wizard-workspace-inner .list textarea + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  top: 20px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.wizard-workspace-inner .list textarea:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  top: 20px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
  display: none;
}
.confirm-cancel .confirm,
.confirm-cancel .cancel {
  display: inline-block;
}
.confirm-cancel .confirm {
  min-width: 200px;
}
@media screen and (max-height: 1200px) {
  .wizard-container .wizard-stage-container {
    display: flex;
    width: 45%;
    min-width: 550px;
    margin: 20px auto 0;
    align-items: flex-start;
    transition: 0.2s all cubic-bezier(0.73, 0.01, 0.46, 0.99);
  }
  .wizard-container .wizard-stage-container .single-stage-container {
    min-width: 100px;
    height: auto;
    text-align: center;
  }
  .wizard-container .wizard-stage-container .single-stage-container .single-stage-num {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .wizard-container .wizard-stage-container .single-stage-container .single-stage-num:before {
    margin: 8px auto;
    width: 25px;
    height: 25px;
  }
  .wizard-container .wizard-stage-container .single-stage-container .single-stage-num:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .wizard-container .wizard-title {
    margin-top: 30px;
    font-size: 25px;
  }
  .wizard-container .wizard-workspace {
    margin-top: 0;
    position: relative;
  }
  .wizard-container .wizard-workspace .wizard-scroll-up {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    z-index: 100;
    position: absolute;
    pointer-events: none;
    top: 0;
    background: linear-gradient(180deg, #ffffff 0%, transparent 100%);
  }
  .wizard-container .wizard-workspace .wizard-scroll-down {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    z-index: 100;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    background: linear-gradient(0deg, #ffffff 0%, transparent 100%);
  }
  .wizard-container .wizard-workspace .wizard-workspace-inner {
    padding-bottom: 50px;
  }
  .wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr .frogue-sim-code-title h2 {
    margin-top: 0px;
  }
  .wizard-container .wizard-three .frogue-sim-code .frogue-sim-js {
    height: 55%;
  }
  .wizard-container .wizard-three .frogue-sim-code .frogue-sim-js .frogue-sim-code-title {
    height: 40%;
  }
}
.frogue-customize-wrap {
  padding-right: 20px;
}
.frogue-customize-wrap .customize-ele {
  width: 100%;
  height: auto;
  border-top: 0.5px solid #ccc;
  border-bottom: 0.5px solid #ccc;
}
.frogue-customize-wrap .customize-ele .btn-secondary-text {
  padding: 3px;
}
.frogue-customize-wrap .customize-ele .customize-ele-title {
  padding: 20px 10px;
  font-size: 1rem;
  position: relative;
  font-weight: 900;
  color: #584c35;
}
.frogue-customize-wrap .customize-ele .customize-ele-title .open-list {
  right: 10px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content {
  padding: 0 20px 20px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .moudle-ele-title {
  font-size: 0.9rem;
  color: #584c35;
  padding-bottom: 15px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .module-single-ele {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 0.5px solid #C8C8C8;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .module-single-ele:first-child {
  border-top: 0;
  margin-top: 10px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .switch {
  position: absolute;
  right: 20px;
  width: fit-content;
  font-weight: 0.5rem;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .switch .switch-state {
  width: 65px;
  font-size: 0.65rem;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .switch .slider {
  height: 25px;
  width: 40px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .switch .slider:before {
  width: 16px;
  height: 16px;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .switch input[sub-value="true"] + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.frogue-customize-wrap .customize-ele .customize-ele-content .frogue-launcher-close-icon {
  transform: rotate(0deg);
  width: fit-content;
}
.frogue-customize-wrap .customize-ele .customize-ele-content .upgrade-detail {
  font-size: 0.5rem;
  color: #999;
}
.frogue-icon-preview {
  width: 60px;
  height: 60px;
  text-align: right;
  display: block;
  float: left;
  right: 0;
  position: relative;
}
.frogue-icon-preview .frogue-icon-preview-container {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 6px 6px 0 rgba(79, 98, 114, 0.5) !important;
}
.frogue-icon-preview .frogue-icon-preview-container svg {
  left: 0;
  top: 0;
  position: absolute;
}
.frogue-icon-preview .frogue-custom-icon {
  position: relative;
  text-align: center;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.frogue-icon-preview .frogue-custom-icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.frogue-code-wrap .moudle-ele-title {
  font-size: 0.9rem;
  color: #584c35;
  padding-bottom: 15px;
  font-weight: 600;
}
.frogue-code-wrap .module-single-ele {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 0.5px solid #C8C8C8;
}
.frogue-code-wrap .module-single-ele:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 10px;
}
.faq-close {
  display: none !important;
}
.faq-close + .open-list {
  transform: rotate(0deg) !important;
}
@-o-keyframes addrow {
  0% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
}
@-webkit-keyframes addrow {
  0% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
}
@-moz-keyframes addrow {
  0% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
}
@keyframes addrow {
  0% {
    border: 0.5px solid #C8C8C8;
    background: inherit;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
  }
}
@-o-keyframes addrow2 {
  0% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
}
@-webkit-keyframes addrow2 {
  0% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
}
@-moz-keyframes addrow2 {
  0% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
}
@keyframes addrow2 {
  0% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
  30% {
    border: 0.5px solid #FFAD36;
    background: rgba(255, 173, 54, 0.2);
  }
  80% {
    border: 0.5px solid #C8C8C8;
    background: #fafafa;
  }
}
.module-table-ele .module-table-content-addable .faq-row {
  animation-name: addrow;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.module-table-ele .module-table-content-addable .faq-row:nth-last-child(2n) {
  animation-name: addrow2;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes shownoti {
  0% {
    height: 0px;
  }
  100% {
    height: 70px;
  }
}
#wizard-notify {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0px;
  padding: 20px 70px;
  background: #16E68C;
  color: #fff;
  bottom: 100px;
  font-weight: 600;
  display: none;
  z-index: 2;
}
#wizard-notify.show-anim {
  display: block;
  animation-name: shownoti;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-fill-mode: forwards;
}
#wizard-notify .close-btn {
  color: #fff;
  position: absolute;
  right: 70px;
  top: 20px;
  cursor: pointer;
}
/* Opacity */
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
/* Mixin */
/* Backgrounds */
.db-bulk-house-bg {
  background: url(../img/logo/cell_pattern_2.png);
}
.white-bg {
  background: white;
}
/* Text */
.db-today-res {
  text-align: center;
}
.db-today-res span {
  font-weight: bold;
}
.chatbot-list .chatbot-element {
  border-bottom: 1px solid #e7eaec;
}
.chatbot-list .chatbot-element:first-child {
  margin-top: 0;
}
.db-profile {
  position: relative;
  text-align: center;
}
.db-profile i {
  position: absolute;
  top: 4px;
  left: -13px;
  font-size: 5px;
}
.db-profile i.db-working-text {
  color: #1ab394;
}
.db-profile i.db-standby-text {
  color: #d1dade;
}
/* chatbot */
.chatbot-name a {
  color: #999;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.chatbot-role {
  color: #999;
}
.old-ibox.chatbox .old-ibox-title img {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.db-req-font {
  font-size: 36px;
  text-align: center;
  margin-top: 8px;
}
/* button tab */
.db-btn-tabs {
  background: white;
  border-color: #e5e6e7;
}
.db-btn-tabs:active,
.db-btn-tabs:hover {
  border-bottom: none;
}
.db-btn-tabs .btn-tab {
  background: white;
  border: 1px solid #999;
}
.db-btn-tabs .old-ibox-title {
  border: none;
  height: 39px;
}
img.full-bg {
  min-height: 100%;
  min-width: 1280px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
.full-page-container {
  position: absolute;
  width: 300px;
  padding: 10px;
  top: 20px;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
  background-color: #333333;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.full-page-section {
  padding: 25px 0;
  margin: 25px -10px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.15);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .full-page-container {
    width: 740px;
    top: 120px;
    padding: 20px;
    margin-left: -370px;
  }
  .full-page-section {
    padding: 50px 0;
    margin: 50px -20px;
  }
}
.text-light,
.text-light:hover,
a.text-light,
a.text-light:hover,
a.text-light:focus {
  color: #ffffff;
}
.countdown-con .countdown-num {
  font-size: 56px;
  font-weight: bold;
}
.countdown-con .countdown-info {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.list-group-ico-item {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 10px;
  z-index: 1;
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
  color: #b7bbc4;
  width: 84px;
}
.fa.fa-question-circle {
  color: #9399a6;
}
.animate-show {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  opacity: 1;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  display: inline-block !important;
}
.animate-show.ng-hide {
  opacity: 0;
}
.db-search-component i {
  cursor: pointer;
}
#intentNickInput,
#opIntentIdInput {
  border-top: none;
  border-left: none;
  border-right: none;
}
#intentNickInput:hover,
#opIntentIdInput:hover {
  border-bottom: 1px solid #e6e6e6;
}
#intentNickInput,
#opIntentIdInput {
  padding-left: 0;
}
.sentenceWrapper {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 2px 12px;
  overflow: hidden;
}
.sentenceWrapper input {
  background: transparent;
  border: none;
  padding: 0;
  width: 94%;
}
.sentenceWrapper input:hover,
.sentenceWrapper input:focus {
  border: none !important;
}
.sentenceWrapper button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 18px;
  border-radius: 0;
}
/* 라파추가 - 요소별 안내 아이콘과 툴팁 */
.old-btn-info.btn-circle.help-tooltip,
.old-btn-info.btn-circle.help-tooltip-sm {
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  bottom: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
}
.old-btn-info.btn-circle.help-tooltip .fa,
.old-btn-info.btn-circle.help-tooltip-sm .fa {
  padding: 0;
}
.help-tooltip .fa,
.help-tooltip-sm .fa {
  font-size: 13px;
  font-weight: normal;
  line-height: 0;
  color: rgba(255, 255, 255, 0.8);
  background: none;
}
.popover-content.ng-binding {
  color: #222;
}
.help-tooltip-sm .fa {
  font-size: 10px;
  position: relative;
  bottom: 3px;
  color: #ffffff;
}
.old-btn-info.btn-circle.help-tooltip-sm {
  width: 14px;
  height: 14px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.4);
}
/* 상단 버튼 떨어지는 문제 해결 */
/* Test Panel tooltip 조정 */
.db-intent-plus {
  position: relative;
}
.db-intent-plus i {
  padding: 5px;
  color: #676a6c;
}
/* arrow size */
.db-nick-arrow {
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: 3px;
}
.db-nick-arrow:hover {
  cursor: pointer;
  color: black;
}
/* 머신 러닝 학습, 의도추론 테스트 디자인 변경 */
.intent-tab #db-scrollArea {
  overflow-y: auto;
}
.intent-tab .tabs-container .nav.nav-tabs {
  height: auto;
  margin: 0 0 -1px 0;
}
.intent-tab .tabs-container .nav.nav-tabs li {
  margin: 0 2px 0 0;
  padding: 0;
}
.intent-tab .tabs-container .nav.nav-tabs li.active {
  margin-left: 0;
  border-left-width: 1px;
}
.intent-tab .tabs-container .nav.nav-tabs li.active > a {
  background: #fff;
  color: #3a3c3d;
  border: 1px solid #d5d5d5;
  border-bottom: none;
  z-index: 5;
  box-shadow: none;
}
.intent-tab .tabs-container .nav.nav-tabs li a {
  background: #f2f2f2;
  color: #bbb;
  margin: 0;
  padding: 5px 18px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.04);
}
.intent-tab .tabs-container .tab-content > .tab-pane h5 {
  font-size: 20px;
  font-weight: 400;
  color: #3a3c3d;
  margin-bottom: 15px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body {
  border: 1px solid #d5d5d5;
  border-radius: 0 5px 5px 5px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul {
  list-style: circle;
  padding-left: 25px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul li {
  margin-bottom: 6px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list {
  list-style: none;
  padding-left: 0;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list > li {
  padding: 14px 24px;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list > li .jFiler-item-assets a {
  padding: 0;
  font-size: 20px;
  line-height: 20px;
  background: transparent;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list > li .fa {
  margin-top: -2px;
  font-size: 24px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list > li .fa.fa-check {
  color: #39e5ba;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body ul.jFiler-items-list > li .fa.fa-times {
  color: #f26130;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .db-list-none .db-list-none-info {
  font-size: 60px;
  margin-bottom: 0;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .db-list-none .db-list-none-title {
  font-size: 32px;
  font-weight: 400;
  color: #3a3c3d;
  margin-bottom: 20px;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .db-list-none .db-list-none-content {
  font-size: 13px;
  margin-top: 0;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-title {
  border-bottom: none;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content {
  border: none;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table {
  border-collapse: initial;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table thead tr {
  background: #626a73;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table thead tr th {
  border-bottom: none;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table tbody {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table tbody tr td:first-child {
  border-left: 1px solid #eee;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table tbody tr td:last-child {
  border-right: 1px solid #eee;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table tbody tr:first-child td {
  border-top: none;
}
.intent-tab .tabs-container .tab-content > .tab-pane .panel-body .old-ibox .old-ibox-content table tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
/* log */
.text-pool-container {
  position: absolute;
}
.text-pool-container:focus {
  outline: 0;
}
.text-pool-container .text-pool {
  position: relative;
  margin: 5px 0px 5px 11px;
  padding: 8px 10px 14px 70px;
  outline: 0;
  background: transparent;
  resize: none;
  border: none;
  width: 40vw;
}
.text-pool-container .text-pool:active {
  border: 0px solid #ffffff;
}
.text-pool-container i {
  position: absolute;
  top: 10px;
  left: 26px;
  font-size: 20px;
}
#text-pool {
  background: transparent;
}
.sel-mid {
  background-color: #f8ac59;
}
.sel-handle {
  cursor: ew-resize;
  color: tomato;
  width: 1px;
  display: inline-block;
  overflow: visible;
  background-color: #1ab394;
  height: 18px;
  vertical-align: top;
  position: relative;
}
.sel-handle:before {
  content: '';
  display: block;
  background-color: #1ab394;
  width: 7px;
  height: 7px;
  position: absolute;
  left: -3px;
  top: -3px;
  border-radius: 100%;
}
/* log */
.db-log {
  position: relative;
}
.db-log .col-xs-12 {
  display: flex;
  align-items: center;
}
.db-log .col-xs-12 strong {
  text-align: center;
  width: 100%;
}
.db-log .db-log-title {
  font-size: 16px;
  font-weight: normal;
  margin-left: 18px;
  word-break: break-all;
  text-overflow: ellipsis;
  width: 53%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.db-log .db-log-intent-cnt {
  font-size: 15px;
  position: absolute;
  right: 425px;
}
.db-log .db-log-date {
  font-size: 15px;
  position: absolute;
  right: 250px;
}
.db-log .db-log-time {
  font-size: 15px;
  position: absolute;
  right: 33px;
}
.db-log .db-log-arrow {
  position: absolute;
  right: 5px;
  top: 2px;
}
@media (min-width: 768px) {
  .db-chatflow-log-name {
    width: 33.3%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.db-log-content {
  vertical-align: middle;
}
.db-log-content .table thead {
  color: white;
  background: #cccccc;
}
.db-log-content .table .BOT {
  text-align: left;
}
.db-log-content .table .USER {
  text-align: right;
}
.db-log-content .table td {
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.db-log-content .table td:last-child {
  border-right: none;
}
.db-log-content .table td.db-slot-param {
  text-align: left;
}
.db-log-content .table td.db-slot-param p {
  position: relative;
  font-weight: bold;
  padding-left: 10px;
}
.db-log-content .table td.db-slot-param p span {
  position: absolute;
  left: 50%;
  font-weight: normal;
}
.db-log-content .table > thead > tr > td,
.db-log-content .table > tbody > tr > td,
.db-log-content .table > tfoot > tr > td {
  line-height: 1.5;
  vertical-align: middle;
  padding: 5px 10px;
}
/* nlu log title */
.db-nlulog-title {
  position: relative;
  padding: 7px 20px;
}
.db-nlulog-title h3 span {
  font-weight: normal;
}
.db-nlulog-title h3 span.db-nlulog-intent-field {
  position: absolute;
  left: 20%;
}
.db-nlulog-title .db-input-sentence,
.db-nlulog-title .db-nlulog-intent-field,
.db-nlulog-title .db-log-date {
  max-width: 90%;
  font-size: 16px;
}
.intentSearch {
  position: relative;
  margin-right: 20px;
  border: none;
  padding: 5px 13px;
  background: #fafafa;
  font-size: 14px;
}
.intentSearch i {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #b3b3b3;
}
.intentSearch i:hover {
  color: #999;
  cursor: pointer;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  25% {
    transform: scale(30, 30);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(65, 65);
  }
}
#wrapper {
  min-height: 100%;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: auto;
}
.landing-page {
  color: #222;
  letter-spacing: -0.025em;
}
.landing-page#db-entire-scrollArea {
  overflow-y: auto;
}
#db-entire-scrollArea {
  height: 98vh;
}
/*브라우저 체크, 가이드 표시*/
.landing-page #noticebar.alert {
  background: #fbf5c6;
  border-radius: 0;
  padding: 16px;
  border-bottom: 1px solid #e0daa8;
  border-left: 1px solid #e0daa8;
  border-right: 1px solid #e0daa8;
  margin: 0px !important;
  color: #232323;
  z-index: 1000000000;
}
.to_landing.infolinkOr {
  top: 85px !important;
}
.to_landing.infolinkAnd {
  top: 110px !important;
}
.landing-page #noticebar.alert a {
  font-weight: bold;
}
.landing-page .loginscreen.middle-box {
  max-width: none;
  width: 780px;
  height: 100%;
  margin: 0 auto;
  padding-top: 200px;
  word-break: keep-all;
}
.landing-page .loginscreen.middle-box .bg-login {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 50px 40px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.landing-page .loginscreen.middle-box .bg-login:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.landing-page .loginscreen.middle-box .bg-login .row {
  margin: 0;
  padding-bottom: 20px;
}
.landing-page .loginscreen.middle-box .bg-login .row .col-sm-6 {
  padding-left: 0;
  padding-right: 40px;
}
.landing-page .loginscreen.middle-box .bg-login .row .col-sm-6:last-child {
  padding-left: 40px;
  padding-right: 0;
  border-left: 1px solid #f0edec;
}
.landing-page .loginscreen.middle-box .bg-login .row .col-sm-6.vertical-middle {
  padding-top: 50px;
  padding-bottom: 50px;
}
.landing-page .loginscreen.middle-box .bg-login .row button {
  width: 100%;
}
.landing-page .loginscreen.middle-box .bg-login .row.m-t-md p {
  position: relative;
  top: 11px;
}
.landing-page .loginscreen.middle-box .bg-login .row ~ .row {
  padding-top: 20px;
  border-top: 1px solid #dfdad7;
}
.landing-page .loginscreen.middle-box .bg-login .row ~ .row .col-sm-6:first-child {
  padding-right: 0;
}
.landing-page .loginscreen.middle-box .bg-login .row ~ .row .col-sm-6:last-child {
  border-left: none;
}
.landing-page .loginscreen.middle-box .bg-login h2 {
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: 600;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper {
  position: relative;
  background: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 6px;
  height: 45px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner {
  position: relative;
  background: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 6px;
  height: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 5px;
  overflow: hidden;
  height: 45px;
  color: #aaa;
  cursor: pointer;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner.active-ask {
  height: auto;
  overflow: inherit;
  border: 1px solid #FFAD36;
  z-index: 100;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner.active-ask .select-items {
  transform: scaleY(1);
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner select {
  display: none;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner .select-selected {
  height: 100%;
  line-height: 45px;
  padding: 0 22px;
  border-radius: 5px 5px 0px 0px;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner .select-items {
  height: auto;
  line-height: 45px;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
  transform: scaleY(0);
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner .select-selected:hover {
  background-color: #ededed;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner .select-items div {
  color: #ffffff;
  padding: 0px 22px;
  color: #555;
  border: 1px solid transparent;
  background-color: #f7f7f7;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  height: 45px;
  user-select: none;
}
.landing-page .loginscreen.middle-box .bg-login .ask-wrapper .ask-inner .select-items div:hover {
  background-color: #FFAD36;
  color: #fff;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 {
  position: relative;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 7px 0;
  margin-bottom: 6px;
  height: 45px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2.focus {
  background: #ededed;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2.failed {
  background: #f1e3dd;
  height: 65px;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2.failed input {
  color: #ed5565;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2.failed small {
  opacity: 1;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 img {
  position: absolute;
  top: 16px;
  left: 25px;
  z-index: 1;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 i {
  position: absolute;
  top: 18px;
  right: 25px;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 i.fa-check {
  color: #1ab394;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 i.fa-exclamation {
  color: #ed5565;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 input {
  border: none;
  background: transparent;
  padding-left: 55px;
  margin: 0;
  position: absolute;
  top: 7px;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #f7f7f7 inset;
}
.landing-page .loginscreen.middle-box .bg-login .input-wrapper2 small {
  position: absolute;
  bottom: 2px;
  left: 54px;
  opacity: 0;
  text-align: left;
  width: 100%;
}
.landing-page .loginscreen.middle-box .bg-login .clear-float a {
  font-size: 12px;
  color: #806a60;
  text-decoration: none;
  margin-top: 14px;
}
.landing-page .loginscreen.middle-box .bg-login .clear-float a:hover {
  font-weight: 500;
}
.landing-page .loginscreen.middle-box .bg-login .clear-float .btn {
  width: 50%;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button {
  display: block;
  position: relative;
  background: #fff;
  color: #fff;
  border: none;
  border-radius: 4px;
  width: 100%;
  height: 48px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button.facebook {
  background: #3b5998;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button.google {
  color: #666;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button.google:after {
  background: rgba(251, 117, 51, 0.1);
}
.landing-page .loginscreen.middle-box .bg-login .oauth button.naver {
  background: #1ec800;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button.github {
  background: #464f59;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button:last-child {
  margin-bottom: 0;
}
.landing-page .loginscreen.middle-box .bg-login .oauth button img {
  position: absolute;
  top: 14px;
  left: 22px;
}
.landing-page .loginscreen.middle-box .bg-login .oauth.clear-float {
  margin-left: -20px;
  margin-right: -20px;
}
.landing-page .loginscreen.middle-box .bg-login .oauth.clear-float .pull-left {
  width: 33.33%;
  text-align: center;
}
.landing-page .loginscreen.middle-box .bg-login .oauth.clear-float .pull-left button {
  display: inline-block;
  width: 48px;
  border-radius: 50%;
}
.landing-page .loginscreen.middle-box .bg-login .oauth.clear-float .pull-left button img {
  position: inherit;
  top: inherit;
  left: inherit;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row {
  padding-bottom: 0;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row .col-sm-6:first-child {
  padding-top: 50px;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row .col-sm-6:last-child h2 {
  margin-bottom: 15px;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row .col-sm-6:last-child p {
  margin-bottom: 60px;
  line-height: 1.7;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row .col-sm-6 > img {
  margin: 15px 0;
}
.landing-page .loginscreen.middle-box .bg-login .db-step2 .row .col-sm-6 p {
  font-size: 14px;
  margin-bottom: 40px;
}
.landing-page .help-block {
  text-align: center;
  color: #806a60;
  font-size: 12px;
  margin-top: 30px;
}
.landing-page .help-block a {
  color: #FFAD36;
  font-weight: 600;
  text-decoration: none;
}
.landing-page .corp-name {
  text-align: center;
  letter-spacing: 0;
}
.landing-page .loginscreen .btn {
  position: relative;
  display: block;
  overflow: hidden;
  height: 48px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.landing-page .loginscreen .btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.09);
  opacity: 0;
  border-radius: 50%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.landing-page .loginscreen .btn:hover:not(:active)::after {
  animation: ripple 0.9s ease-out;
}
.landing-page .loginscreen .btn:focus:not(:active)::after {
  animation: ripple 0.9s ease-out;
}
.landing-page .loginscreen .btn:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.landing-page .loginscreen .btn.old-btn-primary {
  background: #FFAD36;
  border: none;
  color: #fff;
  line-height: 0;
}
.landing-page .loginscreen .btn.old-btn-primary:after {
  background: rgba(255, 255, 255, 0.2);
}
.landing-page .loginscreen .btn.old-btn-primary:disabled,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:hover,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:focus,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:active {
  background-color: #fdba99;
  color: #feece4;
  border: none;
  box-shadow: none;
}
.landing-page .loginscreen .btn.old-btn-primary:disabled:after,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:hover:after,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:focus:after,
.landing-page .loginscreen .btn.old-btn-primary [disabled]:active:after {
  background: rgba(0, 0, 0, 0.05);
}
.landing-page .loginscreen .btn.old-btn-primary.btn-trans {
  background: transparent;
  border: 2px solid #FFAD36;
  color: #FFAD36;
  width: 100%;
}
.landing-page .loginscreen .btn.old-btn-primary.btn-trans:after {
  background: rgba(251, 117, 51, 0.1);
}
/* 로고 Background처리 */
.landing-page .loginscreen .danbee-logo {
  width: 300px;
  background: url(../img/login/logo-login.svg) no-repeat left top;
  background-size: contain;
  height: 60px;
  display: inline-block;
}
.landing-page .loginscreen .danbee-logo > span {
  display: none;
}
@media (max-width: 768px) {
  .landing-page .loginscreen .danbee-logo {
    width: 200px;
    height: 50px;
  }
}
/*
@media (max-width: 400px) {
    .landing-page .loginscreen{
        .danbee-logo{
            width: 280px;
            height: 70px;
            background-size: 250px;
        }
    }
}
*/
/* Alliance 서비스를 위한 로그인 CSS 정의 */
.landing-page .loginscreen.alliance .danbee-logo {
  float: right;
  vertical-align: bottom;
  width: 200px;
  background: url(../img/login/logo-login.svg) no-repeat left bottom;
  background-size: contain;
  height: 60px;
}
.landing-page .loginscreen.alliance .danbee-logo > span {
  display: none;
}
.landing-page .loginscreen.alliance .alliance-badge {
  float: left;
  background: url(../img/alliance/alliance_badge.png) no-repeat left bottom;
  width: 90px;
  height: 70px;
  display: none;
  background-size: 85px;
  margin-left: 9px;
}
.landing-page .loginscreen.alliance .alliance-badge > span {
  display: none;
}
.landing-page .loginscreen.alliance .alliance-logo {
  float: left;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 220px;
  vertical-align: bottom;
  height: 60px;
  background-size: contain;
  margin-right: 35px;
}
.landing-page .loginscreen.alliance .alliance-logo > span {
  display: none;
}
@media (max-width: 768px) {
  .landing-page .loginscreen.alliance .danbee-logo {
    width: 180px;
    margin-right: 5px;
  }
  .landing-page .loginscreen.alliance .alliance-badge {
    /* background: url(../img/alliance/x.png) no-repeat left bottom; */
    width: 69px;
    height: 48px;
    background-size: 62px;
    margin-left: 9px;
  }
  .landing-page .loginscreen.alliance .alliance-badge > span {
    display: none;
  }
  .landing-page .loginscreen.alliance .alliance-logo {
    width: 200px;
    margin: 0 5px;
  }
}
@media (max-width: 400px) {
  .landing-page .loginscreen.alliance .danbee-logo {
    width: 140px;
    height: 40px;
  }
  .landing-page .loginscreen.alliance .danbee-logo > span {
    display: none;
  }
  .landing-page .loginscreen.alliance .alliance-badge {
    background: url(../img/alliance/x.png) no-repeat center bottom;
    width: auto;
    height: 45px;
    background-size: 50px;
  }
  .landing-page .loginscreen.alliance .alliance-badge > span {
    display: none;
  }
  .landing-page .loginscreen.alliance .alliance-logo {
    width: 140px;
    height: 40px;
  }
  .landing-page .loginscreen.alliance .alliance-logo > span {
    display: none;
  }
}
.inmodal .modal-header {
  padding: 15px 40px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid #e5e5e5;
}
.inmodal .modal-header h4 {
  font-size: 20px;
  font-weight: 400;
  color: #333;
}
.inmodal .modal-header small {
  font-size: 12px;
  font-weight: 400;
}
.inmodal .modal-header .close {
  opacity: .6;
  margin: 7px -10px 0 0;
}
.inmodal .modal-body {
  color: #565656;
  padding: 20px 40px;
}
.inmodal .modal-body * {
  word-break: keep-all;
}
.inmodal .modal-body h4 {
  margin-top: 20px;
}
.inmodal .modal-body h5 {
  margin-bottom: 5px;
}
.inmodal .modal-body ol,
.inmodal .modal-body ul {
  padding-left: 30px;
}
.inmodal .modal-body ul li {
  margin-bottom: 4px;
}
.inmodal .modal-body > div > h5 {
  padding-left: 14px;
}
.inmodal .modal-body > div > p {
  padding-left: 14px;
}
.inmodal .modal-body table {
  font-size: 13px;
  width: 100%;
}
.inmodal .modal-body table th,
.inmodal .modal-body table td {
  padding: 4px 8px;
}
.inmodal .modal-body table th {
  font-weight: 600;
}
@media (max-width: 768px) {
  html {
    overflow: hidden;
  }
  .landing-page .loginscreen.middle-box {
    width: 100%;
    padding: 150px 0 0 0;
  }
  .landing-page .loginscreen.middle-box .bg-login {
    width: 100%;
    padding: 20px 40px 40px;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:first-child {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 20px;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:first-child .col-sm-6 {
    padding: 20px 0;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:first-child .col-sm-6:last-child {
    border: none;
    padding: 20px 0;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:last-child .col-sm-6 {
    padding: 0;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:last-child .col-sm-6 p {
    margin-bottom: 20px;
  }
  .landing-page .loginscreen.middle-box .bg-login .row:last-child .col-sm-6.p-l-xl {
    padding-left: 0 !important;
  }
  .landing-page .inmodal .modal-header,
  .landing-page .inmodal .modal-body {
    padding: 15px 20px;
  }
}
.modal.inmodal {
  background: rgba(47, 64, 80, 0.4);
}
.inmodal .modal-header,
.inmodal .modal-footer {
  background: #fff;
}
.modal-body.termPolicyContainer {
  overflow-y: auto;
}
.linkSpan {
  color: #337ab7;
  cursor: pointer;
}
/* account화면쪽 */
.tabs-container .nav.nav-tabs li.active {
  border-left: none;
  margin-left: 10px;
}
.tabs-container .nav-tabs {
  border: none;
  height: 40px;
  margin: 2px;
}
.old-ibox-title {
  border-width: 1px 0 0;
}
.control-label {
  margin-bottom: 4px;
}
.formTitle {
  padding: 4px 0;
  border-bottom: 1px solid #ddd;
}
.bugReportArea {
  width: 100%;
  height: 200px;
  overflow: auto;
}
/* Chatbot List쪽 */
.chatbotStatistics {
  font-weight: normal;
  color: #333;
  line-height: 24px;
  margin-bottom: 12px;
  font-size: 14px;
}
.chatbotStatistics span {
  display: block;
  text-align: left;
}
.chatbotStatistics span span {
  display: inline;
  font-size: 8px;
  margin-right: 20px;
  text-align: right;
  float: right;
  margin-top: 5px;
}
.chatbotStatistics a.db-link {
  color: white;
  font-weight: normal;
  cursor: pointer;
  font-size: 12px;
}
.toast-warning {
  background-color: rgba(92, 184, 92, 0.9);
}
.information {
  padding: 3px 4px 5px 4px;
  border: 1px solid #c1c1c1;
  background: #dfdfdf;
  border-radius: 25px;
  color: black;
}
.information ul {
  padding: 3px 4px 5px 42px;
}
.information ul li {
  list-style: none;
  line-height: 18px;
  text-align: left;
}
.help-block a {
  text-decoration: underline;
}
#mscreen_body {
  background: white url(../img/demo/uplus/bg_danbee_demo.png) no-repeat top center;
  word-break: keep-all;
  height: 915px;
}
body.mom {
  background: white url(../img/demo/lge/bg2.png) no-repeat top center;
}
#mscreen {
  background: #111;
  width: 474px;
  height: 788px;
  position: relative;
  left: 50%;
  top: 2px;
  margin-left: -230px;
}
#backFrame {
  width: 474px;
  height: 665px;
  position: absolute;
  left: 50%;
  top: 147px;
  margin-left: -237px;
  z-index: 20;
}
#mcontainer {
  position: relative;
}
#mcontainer #btn_toggle {
  position: absolute;
  border-radius: 18px;
  top: 9px;
  right: 10px;
}
#mcontainer #btn_toggle img {
  opacity: 0.8;
  margin-right: 5px;
}
#mcontainer #btn_toggle .old-btn-default {
  background-color: transparent;
}
#mcontainer #btn_toggle .toggle.btn {
  border: none;
}
#mcontainer #btn_toggle .toggle.btn.old-btn-primary .old-btn-default.toggle-handle {
  background: #ffc17f;
  box-shadow: -2px 0 0 rgba(0, 0, 0, 0.12);
}
#mcontainer #btn_toggle .toggle.btn.off .toggle-handle {
  background: #888;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.12);
}
#mcontainer #btn_toggle .toggle.btn .old-btn-primary {
  border: none;
}
#mcontainer #btn_toggle .toggle.btn .old-btn-primary {
  background: #f8ac59;
  color: #fff;
  font-weight: bold;
}
#mcontainer #btn_toggle .toggle.btn .old-btn-default {
  border: none;
  box-shadow: none;
  background-color: #222;
  color: #bbb;
}
#mcontainer #btn_toggle.active {
  background: #f8ac59;
}
#mcontainer h1 {
  height: 50px;
  font-size: 28px;
  color: white;
  text-align: center;
  line-height: 50px;
  margin-top: 5px;
  margin-bottom: 0px;
}
#mcontainer h1.b2b {
  background: #333;
}
#mcontainer h1.b2c {
  background: #666;
}
#mcontainer #btn_prev {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 17px;
  top: 17px;
  background: url(../img/demo/lge/btn_prev.png) no-repeat left top;
  cursor: pointer;
}
/* 대화 스크롤 영역 */
#mcontainer #mdialogContainer {
  background: url(../img/demo/uplus/bg_chat_demo.png);
  background-size: cover;
  height: 665px;
  overflow: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
#mcontainer #mdialogContainer.style2 {
  background: url(../img/demo/uplus/chat_bg2.jpg);
}
/* bot 프로필사진과 말풍선 */
#mcontainer #mdialogContainer {
  /* 사용자 말풍선 영역 */
}
#mcontainer #mdialogContainer .botTalk {
  padding-bottom: 10px;
  position: relative;
}
#mcontainer #mdialogContainer .botTalk .tmb_profile {
  width: 45px;
  height: 40px;
  margin-left: 12px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 3px solid #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.14);
}
#mcontainer #mdialogContainer .botTalk .tmb_profile.officePlusBot {
  background: url(../img/demo/lge/bot_lge_captain.png) no-repeat left bottom;
}
#mcontainer #mdialogContainer .botTalk .tmb_profile.momBot {
  background: url(../img/demo/lge/bot_mom.png) no-repeat left bottom;
}
#mcontainer #mdialogContainer .botTalk .tmb_profile.danbee {
  background: url(../img/demo/danbee/bot_danbee.png) no-repeat left bottom;
}
#mcontainer #mdialogContainer .botTalk .bloon {
  display: inline-block;
  border-radius: 3px;
  background: #fff;
  padding: 8px 8px 4px 0px;
  max-width: 300px;
  font-size: 19px;
  line-height: 27px;
  position: relative;
  margin-left: 64px;
  font-weight: bold;
  color: black;
}
#mcontainer #mdialogContainer .botTalk .bloon .comment {
  padding: 0 0px 0 9px;
  white-space: pre-line;
  word-wrap: break-word;
}
#mcontainer #mdialogContainer .botTalk .bloon .comment a {
  text-decoration: underline;
  color: #1f9cdd;
  font-style: italic;
}
#mcontainer #mdialogContainer .botTalk .bloon .tail {
  background: url(../img/demo/lge/botBloonTail.png) no-repeat left bottom;
  width: 12px;
  height: 13px;
  position: absolute;
  left: -6px;
  bottom: -3px;
}
#mcontainer #mdialogContainer .botTalk .bloon .shadow {
  background: url(../img/demo/lge/px_shadow.png) repeat-x left bottom;
  height: 4px;
  position: relative;
  left: 6px;
  bottom: -8px;
}
#mcontainer #mdialogContainer .userTalk {
  padding-bottom: 10px;
  text-align: right;
  position: relative;
}
#mcontainer #mdialogContainer .userTalk .bloon {
  display: inline-block;
  border-radius: 3px;
  background: #f8ac59;
  padding: 8px 8px 4px 0px;
  max-width: 300px;
  font-size: 19px;
  font-weight: bold;
  line-height: 22px;
  position: relative;
  margin-right: 15px;
  color: black;
}
#mcontainer #mdialogContainer .userTalk .bloon .comment {
  padding: 0 0 0 8px;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
#mcontainer #mdialogContainer .userTalk .bloon .tail {
  background: url(../img/demo/lge/userBloonTail.png) no-repeat left bottom;
  width: 12px;
  height: 13px;
  position: absolute;
  right: -6px;
  bottom: -3px;
}
#mcontainer #mdialogContainer .userTalk .bloon .shadow {
  background: url(../img/demo/lge/px_shadow.png) repeat-x left bottom;
  height: 4px;
  position: relative;
  right: -2px;
  bottom: -8px;
}
#mrecommendAnswer {
  height: 42px;
  text-align: center;
}
#mrecommendAnswer div {
  display: inline-block;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #d8d8d8;
  padding: 6px 14px;
  cursor: pointer;
  margin-top: 5px;
}
#minputbox {
  padding: 10px;
  position: relative;
  background: #333;
  color: #fff;
}
#minputbox input {
  display: block;
  height: 22px;
  width: 100%;
  text-align: left;
  font-family: 'NanumGothic', 'MalgunGothic';
  font-size: 17px;
  padding: 20px;
  border: 2px solid #888;
  background: #444;
  border-radius: 22px;
}
#minputbox input::-webkit-input-placeholder {
  color: #999;
}
#minputbox input:-moz-placeholder {
  color: #999;
  opacity: 1;
}
#minputbox input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#minputbox input:-ms-input-placeholder {
  color: #999;
}
#minputbox #send {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f8ac59;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
#minputbox #send .wrapper {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../img/demo/uplus/icon_mic.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  padding: 0;
  opacity: 0.9;
}
#minputbox #send:hover {
  background-color: #ffc17f;
}
#minputbox #send:hover .wrapper {
  opacity: 1;
}
#minputbox #send.disable {
  background-color: #b38452;
  cursor: initial;
}
#minputbox #send.disable .wrapper {
  opacity: 0.3;
}
/* 20161005 로그 컨테이너 추가 */
.logContainer {
  position: absolute;
  left: 10px;
  top: 132px;
  background: black;
  width: 260px;
  height: 220px;
  overflow: auto;
}
.logContainer .logHead {
  border-bottom: 1px solid #5f5f5f;
  font-size: 10px;
  font-weight: bold;
  color: #dbdbdb;
  padding: 1px 1px 1px 21px;
  text-align: left;
  vertical-align: middle;
  line-height: 18px;
  height: 18px;
  background: url(../img/demo/lge/icon_message.png) no-repeat 3px 2px;
}
.logContainer .logBody {
  font-size: 11px;
  font-weight: normal;
  font-family: dotum;
  color: #00f91d;
  padding: 4px;
  line-height: 14px;
}
/* 20161005 메모리 컨테이너 추가 */
.memoryContainer {
  position: absolute;
  left: 10px;
  top: 400px;
  background: black;
  width: 260px;
  height: 220px;
  overflow: auto;
}
.memoryContainer .logHead {
  border-bottom: 1px solid #5f5f5f;
  font-size: 10px;
  font-weight: bold;
  color: #dbdbdb;
  padding: 1px 1px 1px 21px;
  text-align: left;
  vertical-align: middle;
  line-height: 18px;
  height: 18px;
  background: url(../img/demo/lge/icon_memory.png) no-repeat 3px 2px;
}
.memoryContainer .logBody {
  font-size: 11px;
  font-weight: normal;
  font-family: dotum;
  color: #00f91d;
  padding: 4px;
  line-height: 14px;
}
.black-bg #page-wrapper {
  background: black;
}
.chbotanswer,
.db-chatbot-answer,
.chbotanswerpopup {
  position: relative;
  margin-top: 3px;
  padding: 6px 12px;
  background: #ffa705;
  background: -moz-linear-gradient(-70deg, #f99348 0%, #fd8f1b 100%);
  background: -webkit-linear-gradient(-70deg, #f99348 0%, #fd8f1b 100%);
  background: linear-gradient(110deg, #f99348 0%, #fd8f1b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f99348', endColorstr='#fa7d3e', GradientType=1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
}
.chbotanswer:hover,
.db-chatbot-answer:hover,
.chbotanswerpopup:hover {
  background: #FFAD36;
  color: white;
  font-weight: 600;
}
.chbotanswer:hover i,
.db-chatbot-answer:hover i,
.chbotanswerpopup:hover i {
  color: white;
  background: #665a4b;
}
.db-chatbot-answer.db-link-btn {
  background: #ffa705;
}
.db-chatbot-answer.db-link-btn:hover {
  background: #e69500;
  color: white;
}
.db-chatbot-answer i {
  font-size: 12px;
  color: white;
  padding: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}
.db-chatbot-answer.db-intent-answer {
  background: #999;
  border: none;
  color: #665a4b;
}
.db-chatbot-answer.db-intent-answer:hover {
  color: white;
  background: #888;
}
.db-chatbot-answer.db-intent-answer:active {
  color: #f8ac59;
}
.slick-prev:before,
.slick-next:before {
  font-size: 25px;
  opacity: 1;
}
.slick-next {
  right: -42px;
}
.slick-prev {
  left: -42px;
}
.chbotanswer .chbotanswerpopup {
  background: #fff;
  text-align: center;
  padding: 5px;
  margin-top: 4px;
  color: #f8ac59;
  cursor: pointer;
}
.chbotanswerpopup:hover {
  background: #f8ac59;
  font-weight: bold;
}
.chbotanswerpopup:active {
  background: #c4c3c3;
  font-weight: bold;
}
.intentanswer {
  position: relative;
  margin-top: 3px;
  padding: 6px 12px;
  background: #ffa705;
  background: -moz-linear-gradient(-70deg, #f99348 0%, #fd8f1b 100%);
  background: -webkit-linear-gradient(-70deg, #f99348 0%, #fd8f1b 100%);
  background: linear-gradient(110deg, #f99348 0%, #fd8f1b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f99348', endColorstr='#fa7d3e', GradientType=1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
  border-radius: 4px;
}
.intentanswer:hover {
  background: #FFAD36;
  color: white;
  font-weight: 600;
}
.intentanswer:active {
  background: #e69500;
  font-weight: bold;
}
/* 모바일 데모 스타일 */
.demoMobile#mscreen_body {
  background: none;
  padding: 0;
  height: 100%;
  margin-top: 0;
}
.demoMobile #mscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  margin: 0;
  left: 0;
  top: 0;
}
.demoMobile #mscreen h1 {
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.demoMobile #mscreen #minputbox {
  padding: 8px 90px 8px 8px ;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background: black;
}
.demoMobile #mscreen #minputbox input {
  width: 100%;
}
.demoMobile #mscreen #minputbox #send {
  right: 10px;
  top: 16px;
}
.demoMobile #mscreen #mcontainer {
  height: 100%;
}
.demoMobile #mscreen #mcontainer #btn_prev {
  z-index: 101!important;
}
.demoMobile #mscreen #mcontainer #mdialogContainer {
  height: 100%;
  padding-top: 65px;
  padding-bottom: 65px;
}
/* STT Voice Button 추가 */
.demoMobile #minputbox #voiceButton {
  background: #ffa705;
  width: 30px;
  height: 30px;
  right: 50px;
  top: 16px;
  position: relative;
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
}
.demoMobile #minputbox #voiceButton .fa.fa-microphone {
  color: #fff;
  line-height: 33px;
  font-size: 18px;
}
.gray-lge {
  background: #B0B0AD;
}
/* mobile demo */
.db-mobile-input-area {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background: black;
  padding: 11px 180px 8px 8px;
}
.db-mobile-input-area .db-input {
  width: 100%;
  display: block;
  height: 22px;
  text-align: left;
  font-family: 'NanumGothic', 'MalgunGothic';
  font-size: 16px;
  padding: 20px 8px;
  border-radius: 10px;
}
.db-mobile-input-area .db-mobile-btn {
  position: absolute;
  background: #ffa705;
  width: 77px;
  height: 43px;
  cursor: pointer;
  border-radius: 6px;
  top: 11px;
}
.db-mobile-input-area .db-mobile-btn.db-sendBtn {
  right: 10px;
}
.db-mobile-input-area .db-mobile-btn.db-sendBtn i {
  left: 27px;
}
.db-mobile-input-area .db-mobile-btn.db-voiceBtn {
  right: 95px;
}
.db-mobile-input-area .db-mobile-btn i {
  position: absolute;
  left: 31px;
  top: 13px;
  font-size: 20px;
  color: white;
}
.db-mobile-input-area .db-mobile-btn:hover {
  background: #e69500;
}
.db-btn-left-side {
  position: absolute;
  left: 9px;
  display: inline-block;
  top: 50%;
  margin-top: -10px;
}
.db-btn-right-side {
  display: inline-block;
  width: 80%;
  padding-left: 8px;
  margin-left: 18px;
}
.todo-list.small-list {
  word-break: break-all;
}
/* carousel */
.db-carousel-desc {
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  word-break: break-all;
  color: #665a4b;
  line-height: 1.2;
  border-bottom: 1px dashed #665a4b;
}
.db-carousel-title {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 3px;
  border-left: 2px solid #665a4b;
  background: rgba(255, 255, 255, 0.8);
  max-width: 200px;
  max-width: 100%;
  line-height: 20px;
  font-weight: 900;
}
.slick-prev:before,
.slick-next:before {
  margin: -13px;
  color: #665a4b !important;
}
/* refresh btn */
#tab-Test {
  position: relative;
}
#clearChatBtn {
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 200;
  color: #f8ac59;
}
/* chatflow */
.canvasDraggable,
.canvasDraggable #svg {
  cursor: grab !important;
}
.chatflow-options {
  background: #fff;
  z-index: 100;
  position: absolute;
  box-shadow: 0px 3px 10px 0px #00000011;
  border-radius: 5px;
}
.chatflow-options .chatflow-optionsb-inner {
  transition: 0.1s all ease-in;
  height: 0px;
  overflow: hidden;
}
.chatflow-options .chatflow-options-inner {
  transition: 0.1s all ease-in;
  height: 0px;
  overflow: hidden;
}
.chatflow-options a {
  padding: 15px;
  display: block;
  color: #999;
  width: 200px;
  transition: 0.2s all ease-in;
}
.chatflow-options a:hover {
  color: #555;
}
.chatflow-buttons {
  display: none;
  position: fixed;
  top: 112px;
  left: 750px;
  box-shadow: 0px 3px 10px 0px #00000011;
  border-radius: 5px;
  background: #000;
  z-index: 100;
}
.chatflow-buttons.line {
  top: 75px;
  left: 300px;
}
.chatflow-buttons-node:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid black;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: translateX(-50%);
  margin: 10px auto;
}
.chatflow-buttons .chatflow-buttons-inner {
  display: flex;
  overflow: hidden;
  transition: 0.1s all ease-in;
}
.chatflow-buttons .chatflow-buttons-inner .chatflow-button {
  position: relative;
  color: #fff;
  width: auto;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  transition: 0.2s all ease-in;
  padding: 8px 14px;
}
.chatflow-button-node .chatflow-buttons-inner .chatflow-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #5F5F5F;
}
.chatflow-button-node .chatflow-buttons-inner .chatflow-button:first-child:before {
  background: transparent;
}
#svg {
  cursor: crosshair;
}
.db-node-title {
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
  color: #666;
}
/* chatflow test-panel */
.chat-view .old-ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 5px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
  border-radius: 25px;
}
.chat-discussion .chat-message.right .message-avatar {
  display: none;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}
.message .message-content {
  white-space: pre-line;
  word-wrap: break-word;
}
.chat-discussion .chat-message.left .message-date {
  float: right;
}
.chat-discussion .chat-message.right .message-date {
  float: left;
}
.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-left: 55px;
  background: #f8ac59;
  color: white;
}
.message-date {
  font-size: 10px;
  color: white;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: calc(100vh - 360px);
  overflow-y: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}
#small-chat {
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 100000000;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
#small-chat.is-open {
  right: 410px;
}
@media (max-width: 768px) {
  #small-chat {
    right: 40px !important;
  }
}
#small-chat .badge {
  position: absolute;
  top: -3px;
  right: -4px;
}
#small-chat .open-small-chat {
  height: 68px;
  width: 68px;
  display: block;
  position: relative;
  background: #FFAD36;
  background: -moz-linear-gradient(-70deg, #f99348 0%, #fb7533 100%);
  background: -webkit-linear-gradient(-70deg, #f99348 0%, #fb7533 100%);
  background: linear-gradient(110deg, #f99348 0%, #fb7533 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f99348', endColorstr='#fb7533', GradientType=1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  padding: 14px 5px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
#small-chat .open-small-chat:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
#small-chat .open-small-chat:hover {
  color: white;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.24);
}
#small-chat .open-small-chat i {
  font-size: 18px;
}
#small-chat .open-small-chat span {
  font-size: 11px;
}
#small-chat .open-small-chat:after {
  -webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 7px 12px;
  position: absolute;
  width: auto;
  min-width: 140px;
  max-width: 300px;
  word-wrap: break-word;
  z-index: 9999;
  opacity: 0;
  left: -9999px;
  top: 90%;
  content: attr(data-tooltip-text);
}
#small-chat .open-small-chat:hover:after {
  top: 20px;
  left: -150px;
  opacity: 1;
}
#modal-small-chat .open-small-chat img {
  width: 90%;
  margin-left: -1px;
}
.small-chat-box {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 75px;
  background: #fff;
  border: 1px solid #e7eaec;
  width: 230px;
  height: 320px;
  border-radius: 4px;
}
.small-chat-box.ng-small-chat {
  display: block;
}
.body-small .small-chat-box {
  bottom: 70px;
  right: 20px;
}
.small-chat-box.active {
  display: block;
}
.small-chat-box .heading {
  background: #2f4050;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
.small-chat-box .chat-date {
  opacity: 0.6;
  font-size: 10px;
  font-weight: normal;
}
.small-chat-box .content {
  padding: 15px 15px;
}
.small-chat-box .content .author-name {
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 11px;
}
.small-chat-box .content > div {
  padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 14px;
  max-width: 80%;
  background: #f3f3f4;
  margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
  background: #1ab394;
  color: #fff;
}
.small-chat-box .content .left {
  text-align: left;
  clear: both;
}
.small-chat-box .content .left .chat-message {
  float: left;
}
.small-chat-box .content .right {
  text-align: right;
  clear: both;
}
.small-chat-box .content .right .chat-message {
  float: right;
}
.small-chat-box .form-chat {
  padding: 10px 10px;
}
/* popup */
.db-panel-func-btns {
  position: relative;
  clear: both;
}
.db-panel-func-btns span {
  margin-right: 3px;
}
.db-panel-func-btns #paramCollectors {
  position: absolute;
  top: 30px;
  left: 0;
}
/* paramList */
#paramCollectors,
.node-param {
  background: whitesmoke;
  position: absolute;
  padding: 2px;
  border: 5px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 white;
  max-height: 242px;
  z-index: 9000;
  margin-right: 20px;
  width: 300px;
  overflow-y: auto;
}
#paramCollectors ul,
.node-param ul {
  margin: 0 auto;
  padding: 0;
  max-height: 166px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 5px 0 5px;
  border-left: none;
  border-right: none;
  background: white;
}
#paramCollectors ul p,
.node-param ul p {
  height: 152px;
}
#paramCollectors li,
.node-param li {
  list-style: none;
  padding: 2px 15px 2px 7px;
  margin-bottom: 5px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 3px;
  font-size: 15px;
}
#paramCollectors li .icheckbox_square-green,
.node-param li .icheckbox_square-green {
  margin-right: 10px;
}
#paramCollectors li:hover,
.node-param li:hover {
  color: white;
  background: #f8ac59;
}
#paramCollectors li .search-addon,
.node-param li .search-addon {
  border-top: 1px solid #9daccc;
}
#paramCollectors span,
.node-param span {
  display: block;
  border-radius: 0 0 5px 5px;
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
}
#paramCollectors select,
.node-param select {
  width: 120px;
  margin-left: 230px;
  margin-top: -45px;
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 7.5px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#paramCollectors select:focus,
.node-param select:focus,
#paramCollectors #query:focus,
.node-param #query:focus {
  border: 1px solid #FFD32E;
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.1);
  outline: none;
}
/* chatflow log */
.db-chatflow-input-group-wrapper > .input-group {
  width: 100%;
}
/* chatflow error report */
#modal-small-chat {
  position: fixed;
  top: -38px;
  right: 0;
  height: 33px;
  width: 33px;
  display: block;
  padding: 7px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #FFAD36;
  background: -moz-linear-gradient(-70deg, #f99348 0%, #fb7533 100%);
  background: -webkit-linear-gradient(-70deg, #f99348 0%, #fb7533 100%);
  background: linear-gradient(110deg, #f99348 0%, #fb7533 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f99348', endColorstr='#fb7533', GradientType=1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
}
/* function node */
#conditionFunctionPanelSet ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
#conditionFunctionPanelSet ::-webkit-scrollbar-track {
  background-color: #ddd;
  border-left: 1px solid #ccc;
}
#conditionFunctionPanelSet ::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
#conditionFunctionPanelSet ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#fuScript {
  background: black;
  width: 100%;
  color: #f8ac59;
  max-width: 100%;
  font-size: 20px;
  padding: 20px;
}
/* chatflow log */
.old-ibox-content td span.conversation {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 5px 16px;
  border-radius: 15px;
  max-width: 85%;
  max-width: -webkit-calc(100% - 35px);
  max-width: -moz-calc(100% - 35px);
  max-width: calc(100% - 35px);
}
.old-ibox-content td span.conversation:before,
.old-ibox-content td span.conversation:after {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 20px;
  bottom: 0;
  content: "";
}
.old-ibox-content td.USER span.conversation {
  background: #F8AC59;
  color: #fff;
}
.old-ibox-content td.USER span.conversation:after {
  right: -5px;
  background: url(../img/chatflow/img_chat_tail_user.png) no-repeat center;
}
.old-ibox-content td.BOT span.conversation {
  background: #fff;
}
.old-ibox-content td.BOT span.conversation:before {
  left: -5px;
  background: url(../img/chatflow/img_chat_tail_bot.png) no-repeat center;
}
.slotbtnText,
.slotbtnVal {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*@font-color: #676a6c; */
.db-b-l {
  border-right: 1px solid #dcdcdc;
}
.b-l-none {
  border-left: none!important;
}
.b-r-none {
  border-right: none!important;
}
.b-t-none {
  border-top: none!important;
}
.b-b-none {
  border-bottom: none!important;
}
.b-none {
  border: none!important;
}
.db-border {
  border: 1px solid #dcdcdc;
}
.b-t {
  border-top: 1px dashed #f8ac59;
}
.b-b {
  border-bottom: 1px solid #999;
}
.r-none {
  resize: none;
}
.nav-header {
  padding: 11px 25px;
}
.nav-header span.clear {
  margin-top: 10px;
}
.menu-footer {
  position: sticky;
  bottom: 0px;
  background: white;
}
.menu-footer > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.menu-footer li > a {
  border-radius: 3px;
  color: inherit;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: normal;
  color: #333;
}
.menu-footer li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.menu-footer li > a span[class*="icon_"] {
  position: relative;
  top: 2px;
  margin: 0 10px 0 -8px !important;
  font-size: 16px;
}
* {
  font-family: "Quicksand", "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", Helvetica, Arial, sans-serif;
}
html,
body {
  height: 100%;
  word-break: keep-all;
  font-size: 16px;
  word-wrap: break-word;
}
body.landing-page {
  background: #f8f8f8;
}
body.landing-page .old-btn-primary {
  font-size: 14px;
}
body.landing-page small {
  font-size: 11px;
}
body h2 {
  font-size: 24px;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
input[type="text"],
input[type="email"] {
  color: #121212;
}
input[type="text"].underline,
input[type="email"].underline {
  border-width: 0;
  border-bottom-width: 1px;
  padding-left: 0;
  background: none;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
input[type="text"].underline:read-only,
input[type="email"].underline:read-only {
  background: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:-moz-read-only {
  /* For Firefox */
  background-color: #fffcd4;
}
input:read-only {
  background-color: #fffcd4;
}
/*placeholder 스타일 */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b5b8bd;
  font-style: italic;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b5b8bd;
  font-style: italic;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b5b8bd;
  font-style: italic;
}
.iCheck-helper {
  min-width: 25px;
}
.fa-asterisk.db-mendatory {
  color: #e3943f;
}
.inline {
  display: inline-block;
}
.text-warning {
  color: #ff8a12;
}
.light-pipe {
  color: #d4d4d4;
  margin-left: 4px;
  margin-right: 4px;
}
@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 16s linear infinite;
  -moz-animation: rotating 16s linear infinite;
  -ms-animation: rotating 16s linear infinite;
  -o-animation: rotating 16s linear infinite;
  animation: rotating 16s linear infinite;
}
.clear-float:after {
  content: "";
  display: block;
  clear: both;
}
.text-danbee {
  color: #f8ac59;
}
.row {
  left: 0;
  margin-left: 0;
}
#page-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 0 0 220px;
  height: 100%;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
}
#page-wrapper .full-height-subwrap {
  height: 100%;
  margin: auto;
  width: 100%;
}
#page-wrapper .full-height-subwrap .chatbot-sample-wrap {
  height: 100%;
}
.db-badge-primary {
  background-color: #FFAD36;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  line-height: 20px;
  margin-left: 10px;
}
.row.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media (max-width: 1200px) {
  .row.row-eq-height {
    display: inline-block;
  }
  .plan-box.suggest-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .additional-content .centerBox {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 20px 0 10px 0;
    padding: 0px 15px 20px 15px;
  }
}
/*-- progress --*/
.pace .pace-progress {
  height: 2px;
  background: #f8ac59;
}
/*-- icon --*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pulse {
  display: inline-block;
  -webkit-animation: spin 1s infinite steps(8);
  animation: spin 1s infinite steps(8);
}
.transition {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/*-- header --*/
.navbar {
  min-height: 58px;
}
/*-- side menu --*/
.navbar-default {
  position: absolute;
  width: 220px;
  height: 100%;
  z-index: 2001;
  border: none;
  background: #2f4050;
  left: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.navbar-default .sidebar-collapse {
  background: #2f4050;
  height: 100%;
}
.navbar-default #side-menu {
  background: #21313f;
  padding: 0;
  height: calc(100% - 435px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  bottom: 0;
  left: 0;
  width: 218px;
  /* side menu scrollbar*/
}
.navbar-default #side-menu.shorter {
  height: calc(100% - 541px);
}
.navbar-default #side-menu.groupOpened {
  height: calc(100% - 567px);
}
.navbar-default #side-menu.shorter.groupOpened {
  height: calc(100% - 677px);
}
.navbar-default #side-menu .side-nav-foot {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.navbar-default #side-menu .side-nav-foot a,
.navbar-default #side-menu .side-nav-foot .terms {
  color: #999;
}
.navbar-default #side-menu > li > a {
  font-size: 13px;
  font-weight: 500;
  color: #a7b1c2;
}
.navbar-default #side-menu > li > a .arrow_carrot-left {
  float: right;
  line-height: 2;
}
.navbar-default #side-menu > li .nav li a:hover,
.navbar-default #side-menu > li .nav li a:focus {
  background: none;
  color: #fff;
  font-weight: bold;
}
.navbar-default #side-menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.navbar-default #side-menu::-webkit-scrollbar-track {
  background: #23303d;
  border: none;
}
.navbar-default #side-menu::-webkit-scrollbar-thumb {
  background-color: #67778a;
  border-radius: 3px;
  box-shadow: none;
}
.navbar-default #side-menu::-webkit-scrollbar-thumb:hover {
  background-color: #718296;
}
.navbar-default #side-menu::-webkit-scrollbar-thumb:active {
  background-color: #4b5663;
}
.navbar-default .button-group {
  display: flex;
  background: #2f4050;
  border-top: 2px solid #21313f;
  padding-top: 5px;
  position: fixed;
  width: 218px;
  bottom: 0px;
  padding-bottom: 10px;
}
/*-- side menu --*/
.navbar-static-side #side-menu ul.changeAuth {
  padding: 0 15px;
  margin: 20px 0 10px;
  list-style: none;
}
.navbar-static-side #side-menu ul.changeAuth li {
  width: 48%;
  text-align: center;
  display: inline-block;
}
.navbar-static-side #side-menu ul.changeAuth li a {
  display: block;
  background: #293846;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  color: #8e99a9;
  width: 100%;
  padding: 6px 0;
}
.navbar-static-side #side-menu ul.changeAuth li a.active {
  background: #4a5868;
  box-shadow: none;
  color: #f8ac59;
  font-weight: bold;
}
.navbar-static-side #side-menu ul.changeAuth li:first-child {
  margin: 0 -3px 0 3px;
}
.navbar-static-side #side-menu ul.changeAuth li:first-child a {
  border-radius: 4px 0 0 4px;
}
.navbar-static-side #side-menu ul.changeAuth li:last-child a {
  border-radius: 0 4px 4px 0;
}
.navbar-static-side #side-menu h4 {
  font-size: 12px;
  color: #fff;
  margin: 20px 0 10px 0;
  padding: 0 15px;
}
.navbar-static-side #side-menu > li {
  padding: 0 15px;
}
.navbar-static-side #side-menu > li.active {
  border-left: none;
}
.navbar-static-side #side-menu > li.active > a,
.navbar-static-side #side-menu > li.active a:hover,
.navbar-static-side #side-menu > li.active a:focus,
.navbar-static-side #side-menu > li.active i,
.navbar-static-side #side-menu > li.active span[class*="icon_"] {
  color: #f8ac59;
  opacity: 1;
}
.navbar-static-side #side-menu > li > a {
  position: relative;
  width: 100%;
  padding: 8px 0;
  line-height: 12px;
}
.navbar-static-side #side-menu > li > a:hover,
.navbar-static-side #side-menu > li > a:focus {
  background: none;
  color: #b8c7d9;
}
.navbar-static-side #side-menu > li > a span[class*="icon_"] {
  position: relative;
  top: 3px;
  margin-right: 8px;
  font-size: 18px;
  opacity: .5;
}
.navbar-static-side #side-menu > li > a i {
  color: #c5cddb;
}
.navbar-static-side #side-menu > li.tagbeta:after {
  content: "beta";
  position: absolute;
  color: #f8ac59;
  font-weight: bold;
  font-size: 10px;
  top: 8px;
  left: 108px;
}
.navbar-static-side #side-menu > li .nav-second-level {
  margin: 0 -15px;
  line-height: 8px;
}
.navbar-static-side #side-menu > li .nav-second-level li {
  padding: 0;
}
.navbar-static-side #side-menu > li .nav-second-level li.active a,
.navbar-static-side #side-menu > li .nav-second-level li.active a:hover,
.navbar-static-side #side-menu > li .nav-second-level li.active a:focus {
  background: #6e573e;
  color: #fff;
}
.navbar-static-side #side-menu > li .nav-second-level li a {
  padding: 9px 5px 9px 29px;
  font-size: 12px;
  font-weight: 300;
  color: #b8c7d9;
}
.navbar-static-side #side-menu > li .nav-second-level li a:hover,
.navbar-static-side #side-menu > li .nav-second-level li a:focus {
  color: #b8c7d9;
}
.navbar-static-side #side-menu > li .nav-second-level li a span:last-child {
  font-size: 11px;
  font-weight: 500;
  opacity: .7;
  margin-left: 2px;
}
.navbar-static-side #side-menu > li.document > a {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #405263;
}
.conflict-popup {
  margin-bottom: 100px;
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 225px;
  right: 0;
  z-index: 100;
  margin: auto;
  height: fit-content;
  width: 80%;
  box-shadow: 0px 0px 0px 10000px #000000aa;
}
.conflict-popup .conflict-title {
  padding: 10px 0;
  font-size: 21px;
}
.conflict-popup .faq-content {
  height: 400px;
  padding-top: 40px;
}
.conflict-popup .faq-content .faq-left,
.conflict-popup .faq-content .faq-right {
  position: relative;
  height: 100% !important;
}
.conflict-popup .faq-content .faq-left button,
.conflict-popup .faq-content .faq-right button {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0px;
  padding: 20px;
}
.conflict-popup .faq-content .faq-date {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFAD36;
  margin-bottom: 15px;
}
.conflict-popup .faq-content .faq-q {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 25px;
}
.conflict-popup .faq-content .faq-a {
  line-height: 1.55;
  font-size: 0.9rem;
}
.newpopup {
  z-index: 30001;
  width: 50px;
  height: 25px;
  padding-left: 10px;
  border-radius: 5px;
  position: absolute;
  color: #fa7d3e;
  box-shadow: 0px 0px 5px #00000033;
  top: 10px;
  left: 10px;
  font-weight: 600;
}
.newpopup.top:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 12px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 45%;
  top: 2px;
  position: absolute;
}
.newpopup.left:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-right: 12px solid #fff;
  border-bottom: 5px solid transparent;
  left: -11px;
  top: 7px;
  position: absolute;
}
.newFeature {
  width: 680px;
  height: fit-content;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 3000;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 0px 10000px #000000aa;
  padding: 30px;
}
.newFeature .feature-date {
  color: #ccc;
  font-size: 12px;
}
.newFeature ul {
  padding: 0;
}
.newFeature img {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.newFeature h1:first-child {
  margin-top: 0px;
}
.newFeature h1 {
  margin-bottom: 20px;
  font-weight: 900;
}
.newFeature li {
  margin-bottom: 20px;
  margin-left: 20px;
}
.newFeature .more-ok-btn {
  text-align: right;
}
.newFeature .more-ok-btn a {
  padding-right: 10px;
}
.newFeature button {
  border: 0;
  margin-top: 20px;
  border-radius: 10px;
  padding: 7px 20px;
  width: 100px;
  background: #FFAD36;
  color: #fff;
}
.list.chabotdetail-list {
  padding: 20px !important;
}
.list.chabotdetail-list .open-list {
  bottom: auto;
  top: 20px;
}
.list.chabotdetail-list .btn-secondary-line span {
  padding-top: 1px;
}
.list.chabotdetail-list .btn-secondary-line span:after {
  content: '';
  background-image: url(../img/common/link.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: -1px;
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
.list.chabotdetail-list .faq-content {
  display: flex;
  padding-top: 30px;
}
.list.chabotdetail-list .faq-content .faq-left {
  width: 65%;
  padding-right: 20px;
  border-right: 0.5px solid #C8C8C8;
}
.list.chabotdetail-list .faq-content .faq-left .faq-answer {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #584c35;
  position: relative;
}
.list.chabotdetail-list .faq-content .faq-left .faq-answerarea {
  height: 49%;
  width: 100%;
  padding: 10px;
  border: 0.5px solid rgba(109, 93, 65, 0.51) !important;
}
.list.chabotdetail-list .faq-content .faq-left .input-wrapper .faq-btn {
  border: 0.5px solid #C8C8C8;
  display: inline-block;
}
.list.chabotdetail-list .faq-content .faq-left .switch {
  width: 100px;
}
.list.chabotdetail-list .faq-content .faq-left .switch input {
  display: none;
}
.list.chabotdetail-list .faq-content .faq-left .switch .slider {
  margin-left: 10px;
  width: 49px;
  height: 28px;
}
.list.chabotdetail-list .faq-content .faq-left .switch .slider:before {
  height: 20px;
  width: 20px;
}
.list.chabotdetail-list .faq-content .faq-left .switch input[sub-value="true"] + .slider:before {
  transform: translateX(20px);
}
.list.chabotdetail-list .faq-content .faq-right {
  width: 35%;
  height: 300px;
  padding-left: 20px;
}
.list.chabotdetail-list .faq-content .faq-right .btn-secondary-line {
  width: 65%;
}
.list.chabotdetail-list .faq-content .faq-right .faq-preview {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #584c35;
  position: relative;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap {
  width: 100%;
  height: 85%;
  overflow: auto;
  font-size: 0.9rem;
  margin-bottom: 15px;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap .ask-bubble {
  background: #fff;
  width: 65%;
  margin-left: auto;
  margin-bottom: 14px;
  padding: 10px;
  border: 0.5px solid #584c35;
  border-radius: 5px;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap .answer-bubble {
  background: #fff;
  width: 65%;
  margin-bottom: 5px;
  padding: 10px;
  color: #FFAD36;
  border: 0.5px solid #FFAD36;
  border-radius: 5px;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar {
  width: 4px;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap::-webkit-scroll-track {
  background: #fff;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 10px;
  cursor: pointer;
  background: #ffffff;
}
.list.chabotdetail-list .faq-content .faq-right .bubble-wrap::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.list.chabotdetail-list input {
  width: 95%;
  border: 0;
  padding: 10px;
  border-bottom: 0.5px solid #C8C8C8;
  vertical-align: middle;
  cursor: pointer;
}
.list.chabotdetail-list input + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  cursor: not-allowed;
}
.list.chabotdetail-list input:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  cursor: not-allowed;
  display: none;
}
.list.chabotdetail-list textarea {
  width: 95%;
  border: 0;
  padding: 10px;
  vertical-align: middle;
  cursor: pointer;
}
.list.chabotdetail-list textarea + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  top: 20px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.list.chabotdetail-list textarea:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  top: 20px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
  display: none;
}
.callflow-select {
  width: 87%;
  margin-right: 3px;
  position: relative;
  display: inline-block;
}
.callflow-select.carousel-callflow-select {
  width: 100% !important;
}
.callflow-select.carousel-callflow-select .form-control {
  width: 100% !important;
}
.callflow-select.carousel-callflow-select #selectCollectors {
  width: 100% !important;
}
.callflow-select .dropdown-toggle {
  box-shadow: none;
  padding: 6px;
  background: transparent !important;
}
.callflow-select .dropdown-toggle:hover {
  background: transparent !important;
  box-shadow: none !important;
}
.callflow-select form {
  width: 100%;
}
.callflow-select .show-special-title {
  background: transparent !important;
  box-shadow: none;
  padding: 5px;
}
.callflow-select .show-special-title:hover {
  background: transparent !important;
  box-shadow: none;
}
.callflow-select .dropdown-menu {
  top: 0;
  background: 0;
  box-shadow: none;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  background: #f5f5f5;
}
.callflow-select .dropdown-menu .bs-searchbox {
  padding: 0;
  border: 0;
}
.callflow-select .dropdown-menu .bs-searchbox input {
  border: 0;
  height: 30px;
  background: transparent;
}
.callflow-select .dropdown-menu .inner {
  border: 0.5px solid #ccc !important;
}
.callflow-select .dropdown-menu .inner li {
  margin: 1px !important;
}
.callFlow-input {
  width: 11% !important;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -48px;
}
.callFlow-input .callflow-param {
  width: 30px;
  height: 32px;
  border: 0;
  position: relative;
  background: transparent;
  cursor: pointer;
}
.callFlow-input .callflow-param:hover {
  fill: #FFAD36;
}
.callFlow-input input {
  display: none;
}
.callFlow-input input:placeholder {
  display: none !important;
}
/*-- button --*/
.btn {
  position: relative;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  border: none;
  padding: 8px 12px;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  z-index: -1;
}
.btn:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}
.btn.old-btn-primary {
  background: rgba(41, 56, 70, 0.8);
}
.btn.old-btn-primary:hover {
  background-color: rgba(41, 56, 70, 0.7);
}
.btn.old-btn-primary:focus {
  background: #293846;
}
.btn.btn-white,
.btn.old-btn-default {
  background: #fff;
}
.btn.btn-white:hover,
.btn.old-btn-default:hover {
  background: #fdfdfd;
}
.btn.btn-white:disabled,
.btn.old-btn-default:disabled {
  background: #fbfbfb;
  color: #aaa;
}
.btn.btn-gray {
  background: #757575;
  color: #fff;
  box-shadow: none;
}
.btn.btn-gray:hover {
  box-shadow: 0px 2px 5px #00000055;
}
.btn.btn-gray-line {
  background: #fff;
  color: #555;
  border: 1px solid #757575;
  box-shadow: none;
}
.btn.btn-gray-line:hover {
  box-shadow: 0px 2px 5px #00000055;
}
.btn.btn-white-gray {
  background: #EAEAEA;
  color: #555;
  box-shadow: none;
  border: 1px solid #CDCDCD;
}
.btn.btn-white-gray:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.btn.btn-black-gray {
  background: #818181;
  color: #fff;
  box-shadow: none;
  border: 1px solid #6F6F6F;
}
.btn.btn-ghost {
  border: 1px solid #f8ac59;
  background: none;
  color: #FFAD36;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.btn-ghost:hover {
  color: #fff;
  background: #f8ac59;
}
.btn.btn-ghost:active {
  color: #fff;
  background: #FFAD36;
  border-color: #FFAD36;
}
.btn.btn-ghost:visited {
  border: 2px solid #f8ac59;
  background: none;
  color: #FFAD36;
}
.btn.btn-ghost:focus {
  color: #fff;
  background: #FFAD36;
  border-color: #FFAD36;
}
.btn.btn-ghost span[class*="icon_"],
.btn.btn-ghost span[class*="arrow_"] {
  margin-right: 0;
  vertical-align: middle;
}
.btn.btn-trans:after {
  display: none;
}
.btn.btn-trans span[class*="icon_"],
.btn.btn-trans span[class*="arrow_"] {
  font-size: 16px;
  margin: 0 3px;
}
.btn.btn-trans i {
  margin: 0;
}
.btn.btn-trans.btn-xs span[class*="icon_"],
.btn.btn-trans.btn-xs span[class*="arrow_"] {
  font-size: 13px;
}
.btn.dropdown-toggle span[class*="arrow_"] {
  margin-right: 0;
}
.btn.btn-link {
  background: none;
  color: #ffffff;
  text-decoration: underline;
  box-shadow: none;
  font-size: 12px;
  border: none;
  border-radius: unset;
  padding: 0;
  font-weight: 200;
  display: inline-block;
}
.btn.btn-link.btn-link-dark {
  color: #06f;
}
.btn.btn-link:after {
  box-shadow: none;
  border: none;
  border-radius: unset;
}
.btn i {
  margin-right: 3px;
}
.btn span[class*="icon_"],
.btn span[class*="arrow_"] {
  position: relative;
  top: 1px;
  font-size: 15px;
}
.btn.btn-sm span[class*="icon_"],
.btn.btn-sm span[class*="arrow_"] {
  font-size: 10px;
  top: -1px;
}
.btn.btn-xs {
  padding: 1px 6px;
  font-size: 12px;
}
.btn.icon-only span[class*="icon_"],
.btn.icon-only span[class*="arrow_"] {
  margin: 0 !important;
}
/*-- old-ibox --*/
.old-ibox {
  position: relative;
  border-radius: 10px;
  clear: both;
  margin: 0 0 25px;
  padding: 0;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.04);
  /*z-index:1;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.old-ibox:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  z-index: -1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
.old-ibox .old-ibox-title {
  border-radius: 10px 10px 0 0;
  background: #fff;
  padding: 20px 20px 8px;
  height: auto;
  min-height: 52px;
  width: 100%;
}
.old-ibox .old-ibox-title .pull-left {
  width: 100%;
}
.old-ibox .old-ibox-title h3,
.old-ibox .old-ibox-title h4,
.old-ibox .old-ibox-title h5 {
  display: inline-block;
  margin: 0;
  font-size: 1rem;
  padding: 0;
  text-overflow: ellipsis;
  color: #584c35;
  position: relative;
}
.old-ibox .old-ibox-title .description {
  width: 80%;
  word-break: keep-all;
}
.old-ibox .old-ibox-content {
  background: transparent;
  padding: 10px 20px 1px;
  border: none;
  border-radius: 10px;
  line-height: 18px;
  position: relative;
}
.old-ibox .old-ibox-content.old-ibox-content-table {
  padding: 0;
}
.old-ibox .old-ibox-content h3 .description {
  font-weight: normal;
}
.old-ibox .old-ibox-content h3 .description:before {
  content: "|";
  margin-right: 6px;
  margin-left: 3px;
}
.old-ibox .old-ibox-content h4 {
  font-size: 13px;
  margin-bottom: 5px;
}
.old-ibox .old-ibox-content h4 .description {
  font-weight: normal;
}
.old-ibox .old-ibox-content h4 .description:before {
  content: "|";
  margin-right: 6px;
  margin-left: 3px;
}
.old-ibox .old-ibox-content .inline ~ .text-warning {
  font-size: 12px;
  margin-left: 5px;
}
.old-ibox .old-ibox-content .inner-row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.old-ibox .old-ibox-content .search-result:last-child {
  border-bottom: none;
}
.old-ibox .old-ibox-content .old-ibox {
  box-shadow: none;
}
.old-ibox .old-ibox-content > table {
  border-collapse: inherit;
  border: none;
}
.old-ibox .old-ibox-content > table thead th,
.old-ibox .old-ibox-content > table thead td {
  border-left-width: 1px;
}
.old-ibox .old-ibox-content > table tbody tr td {
  border-top: none;
  border-bottom: 1px solid #f0f0f0;
  border-right: none;
  padding: 2px 8px;
}
.old-ibox .old-ibox-content > table.border {
  border-collapse: collapse;
}
.old-ibox .old-ibox-content > table.border thead tr th {
  border: 1px solid #999;
}
.old-ibox .old-ibox-content > table.border tbody tr td {
  border: 1px solid #c5c6c7;
}
.old-ibox .old-ibox-content > table.table-bordered tbody tr td:last-child {
  border-right: 1px solid #e6e6e6;
}
.old-ibox .old-ibox-content #apiJsonTree {
  border: 1px solid #eee;
}
.old-ibox .old-ibox-content .en {
  font-weight: 400;
}
.old-ibox .old-ibox-footer {
  padding: 10px 20px;
  background: #fbfbfb;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 10px 10px;
}
/* plan-box */
.plan-box {
  word-break: keep-all;
  background-color: #fff;
  padding: 15px 20px 30px 15px;
  border: none;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  margin: 0 0 20px 0;
}
.plan-box .warning {
  color: #f39c24;
}
.plan-box .info {
  color: #047504;
}
.plan-box.green-light {
  border: 1px solid #efefef;
  border-left: 3px solid #008952;
  font-size: 18px;
  padding: 15px;
  line-height: 28px;
}
.plan-box.red-light {
  border: 1px solid #efefef;
  border-left: 3px solid #ff9000;
  font-size: 18px;
  padding: 15px;
  line-height: 28px;
}
.plan-box .plan-box-title {
  text-align: center;
}
.plan-box .plan-box-title h1 {
  font-weight: 400;
}
.plan-box .plan-box-content {
  text-align: center;
}
.plan-box .plan-box-content h1 {
  text-align: center;
  font-size: 60px;
}
.plan-box .plan-box-content h1 .additional-info {
  font-size: 20px;
  font-weight: bold;
}
.plan-box .plan-box-content h1 .additional-info .en {
  font-weight: 700;
}
.plan-box .plan-box-content h2 {
  font-weight: 500;
}
.plan-box .plan-box-content h2 .en {
  font-weight: 600;
}
.plan-box .plan-box-content .additional-Info {
  font-size: 16px;
}
.plan-box .plan-box-content p {
  font-size: 18px;
  text-align: center;
  margin: 20px 10px 10px 10px;
}
.plan-box .plan-box-content ul {
  font-size: 16px;
  text-align: left;
  width: 40%;
  margin-left: 26%;
}
.plan-box .plan-box-content ul li {
  list-style: none;
  margin-bottom: 10px;
}
.plan-box .plan-box-content ul li:before {
  content: '✓ ';
}
.plan-box .plan-box-content .btn-call-on {
  font-size: 20px;
}
.plan-box .plan-box-content .energy-bar {
  position: relative;
  height: 55px;
  padding-left: 40px;
  padding-top: 4px;
  padding-right: 40px;
  margin-top: 16px;
}
.plan-box .plan-box-content .energy-bar .left-word {
  position: absolute;
  left: 40px;
  top: 0;
  font-weight: bold;
  font-size: 14px;
}
.plan-box .plan-box-content .energy-bar .right-word {
  position: absolute;
  right: 40px;
  top: 0;
  font-weight: bold;
  font-size: 14px;
}
.plan-box .plan-box-content .energy-bar .gray-bar {
  background: #e2e2e2;
  margin-top: 18px;
}
.plan-box .plan-box-content .energy-bar .gray-bar .color-bar {
  background: linear-gradient(to right, #FFAD36 0%, #FFAD36 100%);
}
.plan-box .plan-box-content .energy-bar .gray-bar .color-bar span {
  display: none;
}
.plan-box .plan-box-content .payment-amount {
  font-size: 20px;
}
.input-group-email .input-email-address-select {
  line-height: 24px;
  height: 24px;
}
/* suggest-box*/
.plan-box.suggest-box {
  word-break: keep-all;
  text-align: left;
  border-left: 1px solid #d0d0d0;
}
.plan-box.suggest-box h1,
.plan-box.suggest-box h2 {
  text-align: left;
}
.plan-box.suggest-box h2 {
  margin-bottom: 4px;
}
.plan-box.suggest-box .call-on-box {
  position: relative;
  padding: 0;
  text-align: left;
}
.plan-box.suggest-box .description-call-on {
  display: inline-block;
  padding-right: 200px;
}
.plan-box.suggest-box .description-call-on ul {
  font-size: 16px;
  text-align: left;
  padding: 8px 0 0 20px;
}
.plan-box.suggest-box .description-call-on ul li {
  list-style: none;
}
.plan-box.suggest-box .btn-call-on {
  position: absolute;
  right: 10px;
  bottom: 16px;
  display: inline-block;
  width: 180x;
  text-align: center;
}
.plan-box.suggest-box .btn-call-on .en {
  font-weight: 700;
}
.plan-box.suggest-box .btn-call-on .price {
  font-size: 22px;
}
.plan-box.suggest-box .btn-call-on .description {
  margin: 2px 0 10px 0;
}
.plan-box.suggest-box .btn-call-on button {
  font-size: 16px;
}
/* additional-content : Plan Overview에 배너형태로 나오는 박스 */
.additional-content {
  background-color: #fff;
  padding: 15px 20px 30px 15px;
  border: none;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  margin: 0 0 20px 0;
  font-size: 18px;
}
.additional-content:after {
  clear: both;
}
.additional-content .centerBox {
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}
.additional-content h2 {
  font-weight: 500;
  margin-left: 10px;
}
.additional-content h2 .en {
  font-weight: 700;
}
.additional-content p {
  margin-left: 10px;
}
.additional-content ul {
  padding: 0 5px 15px 20px;
  margin: 0 0 5px 10px;
  font-size: 16px;
}
.additional-content ul li {
  margin-bottom: 5px;
}
.additional-content button.btn {
  text-align: right;
  margin-left: 10px;
  font-size: 16px;
}
/* card : 가격정책에 사용됨*/
.card {
  position: relative;
  border-radius: 10px;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  margin: 0 10px 20px 0;
  /*z-index:1;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.card:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.card:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
.card .card-title {
  border-radius: 10px 10px 0 0;
  background: #fafbfc;
  padding: 10px 20px 8px;
  border-bottom: 1px solid #edeeef;
  min-height: 48px;
}
.card .card-title h3,
.card .card-title h4,
.card .card-title h5 {
  display: inline-block;
  font-size: 16px;
  margin: 7px 0;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
  color: #2f4050;
}
.card .card-title h3 span.badge,
.card .card-title h4 span.badge,
.card .card-title h5 span.badge {
  font-size: 11px;
  padding-top: 4px;
  margin-top: -3px;
  letter-spacing: -0.025em;
}
.card .card-title .fullwidth {
  width: 100%;
  margin: 7px 0;
}
.card .card-title .description {
  font-size: 12px;
  color: #2f4050;
  opacity: .75;
  margin-bottom: 4px;
}
.card .card-title .description:before {
  display: none;
}
.card .card-title .old-btn-default {
  background: #fff;
  border: 1px solid #dee1e3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.card .card-title .old-btn-default i {
  margin-right: 5px;
}
.card .card-title .old-btn-info.btn-circle.help-tooltip {
  top: 0;
}
.card .card-title .form-group {
  margin: 0;
}
.card .card-title .pull-right {
  margin-top: 5px;
}
.card .card-title .toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -17px;
  border-radius: 16px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  width: 68px;
  height: 30px;
  min-width: auto;
  min-height: auto;
}
.card .card-title .toggle.old-btn-primary .toggle-handle {
  right: 17px;
}
.card .card-title .toggle.old-btn-default .toggle-handle {
  left: 16px;
}
.card .card-title .toggle .toggle-group > label {
  border: none;
  box-shadow: none;
  font-size: 11px;
  padding: 6px 26px 0 26px;
}
.card .card-title .toggle .toggle-group .old-btn-primary {
  position: inherit;
  background-color: #f8ac59;
  padding-left: 5px;
}
.card .card-title .toggle .toggle-group .old-btn-primary:after {
  display: none;
}
.card .card-title .toggle .toggle-group .toggle-off {
  position: inherit;
  border: none;
  background: none;
  color: #fff;
  font-weight: 100;
  padding-left: 30px;
  margin-top: 0;
}
.card .card-title .toggle .toggle-group .toggle-handle {
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  top: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  padding: 0;
}
.card .card-content {
  padding: 15px 20px;
  border: none;
}
.card .card-content.card-content-table {
  padding: 0;
}
.card .card-content h1 > .additional-info {
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 400;
}
.card .card-content h1 > .additional-info .en {
  font-weight: 600;
}
.card .card-content h3 .description {
  font-weight: normal;
}
.card .card-content h3 .description:before {
  content: "|";
  margin-right: 6px;
  margin-left: 3px;
}
.card .card-content h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.card .card-content h4 .description {
  font-weight: normal;
}
.card .card-content h4 .description:before {
  content: "|";
  margin-right: 6px;
  margin-left: 3px;
}
.card .card-content p {
  font-size: 16px;
}
.card .card-content .inline ~ .text-warning {
  font-size: 12px;
  margin-left: 5px;
}
.card .card-content .inner-row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.card .card-content .search-result:last-child {
  border-bottom: none;
}
.card .card-content ul {
  list-style: none;
  padding: 0;
  font-size: 16px;
}
.card .card-content ul li {
  padding-bottom: 5px;
}
.card .card-content ul li:before {
  content: '✓ ';
}
.card .card-content ul li.notSupport:before {
  content: '✗ ';
}
.card .card-content ul li.notSupport {
  color: #666;
}
.card .card-content > table {
  border-collapse: inherit;
  border: none;
}
.card .card-content > table thead th,
.card .card-content > table thead td {
  border-left-width: 1px;
}
.card .card-content > table tbody tr td {
  border-top: none;
  border-bottom: 1px solid #f0f0f0;
  border-right: none;
  padding: 2px 8px;
}
.card .card-content > table.table-bordered tbody tr td:last-child {
  border-right: 1px solid #e6e6e6;
}
.card .card-content #apiJsonTree {
  border: 1px solid #eee;
}
.card .card-content .btn {
  font-size: 16px;
}
.card .card-footer {
  padding: 10px 20px;
  background: #fbfbfb;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 10px 10px;
}
#page-wrapper {
  margin: 0 0 0 220px;
}
#page-wrapper label + label {
  margin-left: 10px;
}
#page-wrapper .db-board {
  border: none;
}
#page-wrapper .db-board .board-header {
  border-top: 1px solid #333;
  border-bottom: 2px solid #333;
}
#page-wrapper .db-board .board-content {
  border-top: none;
}
#page-wrapper .db-board .board-footer {
  border: none;
}
#page-wrapper .db-board table {
  box-shadow: none;
}
#page-wrapper .db-board table td {
  border-bottom: none;
}
#page-wrapper #apiJsonTree {
  border: 1px solid #eee;
}
#page-wrapper.old-ibox-content-table table thead th,
#page-wrapper.old-ibox-content-table table thead td {
  background: #f5f5f5;
  color: #333;
  border-left: 1px solid #e7e7e7;
}
#page-wrapper .old-ibox-title ~ .old-ibox-content {
  border-radius: 0 0 10px 10px;
}
/*-- form --*/
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}
.form-control {
  background-color: #fff;
  background-image: none;
  border-radius: 1px;
  padding: 6px;
  font-size: 14px;
  box-shadow: none;
}
.form-control[disabled] {
  background-color: #00000019 !important;
}
.btn-danger {
  right: 20px;
  top: 10px;
  font-size: 0.85rem;
  color: #fff;
  background: #EC2E2E;
}
.btn-danger:hover {
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.35);
}
.db-datetimerangepicker span[class*="icon_"] {
  position: relative;
  top: 2px;
  font-size: 16px;
  opacity: .8;
}
.db-entity-name-input {
  border: 0;
  border-bottom: 0.5px solid transparent;
  border-color: transparent;
  text-align: center;
  background: transparent;
  transition: 0.2s all ease-in;
  color: #584c35 !important;
  font-size: 18px;
  width: 100%;
  cursor: pointer;
}
.db-entity-name-input + .edit-btn {
  width: 17px;
  height: 16px;
  opacity: 0.2;
  top: 14px;
  position: absolute;
  right: 34px;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.db-entity-name-input:hover {
  border-bottom: 0.5px solid #C8C8C8;
}
.db-entity-name-input:focus,
.db-entity-name-input:active {
  cursor: text;
  border: 0.5px solid #a0a0a0;
}
.db-entity-name-input:focus + .edit-btn,
.db-entity-name-input:active + .edit-btn {
  opacity: 0;
  width: 17px;
  height: 16px;
  top: 31px;
  position: absolute;
  right: 34px;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
}
/*-- table --*/
.table.table-bordered {
  border: 1px solid #ebebeb;
}
.table.table-bordered thead tr:first-child th {
  border-top: 1px solid #ddd;
}
.table.table-bordered thead tr th {
  background: #f5f5f6;
  border-bottom-width: 1px;
  border-right: none;
}
.table.table-bordered thead tr th:first-child .icheckbox_squard-green {
  margin-right: 0;
}
.table.table-bordered thead tr th:last-child {
  border-right: 1px solid #ddd;
}
.table.table-bordered tbody tr:last-child td {
  border-bottom-color: #d2d2d2;
}
.table.table-bordered tbody tr td:first-child .icheckbox_square-green {
  margin-right: 0;
}
.table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fbfbfb;
}
.table.table-striped > tbody > tr:nth-of-type(odd):hover {
  background-color: #f6f6f6;
}
.table th,
.table td {
  padding: 8px;
}
.table.table-detail {
  border-bottom: 1px solid #ddd;
}
.table.table-detail th {
  text-align: right;
  background-color: #f5f5f6;
}
.table.table-detail td {
  text-align: left;
  padding-left: 14px;
}
/*-- label --*/
.label {
  background: #ddd;
  color: #555;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: none;
}
.label.label-primary {
  background: #23c6c8;
  color: #fff;
}
/* slider */
.irs-bar {
  border: none;
  background: #e2e2e2;
}
.irs-bar::before {
  content: 'Reconfirm';
  position: absolute;
  left: 50%;
  margin-left: -28px;
  top: -23px;
  font-size: 12px;
  font-weight: 600;
}
.irs-line {
  background: #ededed;
  border: none;
}
.irs-bar-edge {
  border-color: #f8ac59;
  background: #f8ac59;
  background: linear-gradient(to top, #f69023 0%, #f8ac59 100%);
  /* W3C */
}
.nlu-slider .irs-line {
  background: #FFAD36;
  background: -moz-linear-gradient(left, #FFAD36 0%, #FFAD36 100%);
  background: -webkit-linear-gradient(left, #FFAD36 0%, #FFAD36 100%);
  background: linear-gradient(to right, #FFAD36 0%, #FFAD36 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@db-secondary', endColorstr='@db-secondary', GradientType=1);
  border: none;
}
.nlu-slider .irs-slider {
  background: #fff;
  border: none;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.nlu-slider .irs-slider:hover {
  background: #fbfbfb;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.35);
}
.irs-from,
.irs-to,
.irs-single {
  background: #FFAD36;
}
.irs-grid-pol {
  background: #FFAD36;
}
.irs .irs::before {
  content: 'Default Fallback';
  position: absolute;
  left: 0;
  top: 11px;
  font-size: 12px;
  font-weight: 600;
}
.irs .irs::after {
  content: 'Sure';
  position: absolute;
  right: 0;
  top: 11px;
  font-size: 12px;
  font-weight: 600;
}
.irs-min,
.irs-max {
  top: -12px;
}
.irs-from,
.irs-to,
.irs-single {
  top: -13px;
}
/* alert danbee custom */
.alert-warning p {
  margin-bottom: 14px;
}
.alert-warning ul.alert-ul {
  padding-left: 20px;
}
.alert-warning ul.alert-ul li {
  font-size: 13px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  #page-wrapper {
    height: 100%;
  }
  .body-small .navbar-static-side {
    display: block;
    width: 220px;
    left: -220px;
  }
  .body-small .navbar-static-side #side-menu {
    width: 220px;
    left: -220px;
  }
}
/*-- less 파일 통합 --*/
h3.boxTitle {
  margin: -15px -20px 20px -20px;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  color: #333;
}
.dl-horizontal.validation dd {
  position: relative;
}
.dl-horizontal.validation dd input.success {
  background-color: #e8f7f4;
  border-color: #1ab394;
}
.dl-horizontal.validation dd input.alert {
  background-color: #fdeeef;
  border-color: #ed5565;
  margin-bottom: 0;
}
.dl-horizontal.validation dd i {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;
}
.dl-horizontal.validation dd i.fa-check {
  color: #1ab394;
}
.dl-horizontal.validation dd i.fa-exclamation {
  color: #ed5565;
  right: 18px;
}
#wrapper .dark-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 300000;
  background-color: rgba(0, 0, 0, 0.6);
}
#wrapper .tutorial-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3000;
}
#wrapper .tutorial {
  width: 0px;
  height: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 0px 10000px #000000aa;
  z-index: 3000;
  border-radius: 10px;
}
#wrapper .tutorial-follower {
  position: absolute;
  width: 300px;
  z-index: 3001;
  word-break: keep-all;
}
#wrapper .tutorial-detail {
  color: #fff;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 300;
}
#wrapper .tutorial-next {
  border-radius: 5px;
  margin-top: 14px;
  background: #FFAD36;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  height: 40px;
  text-align: center;
  width: 100px;
}
#wrapper.platform-inside {
  overflow-y: hidden;
}
.form-control,
.single-line {
  border-color: #d5d6d7;
}
.form-control::-webkit-input-placeholder {
  color: #bbb;
}
.form-control:-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bbb;
}
.form-control {
  border-color: #c5c6c7;
}
.form-control:hover {
  border-color: #666 !important;
}
textarea {
  resize: none;
}
.btn {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.old-btn-default {
  background: #fff;
}
.old-btn-primary:hover {
  background-color: rgba(41, 56, 70, 0.7);
}
.btn-ghost {
  border: 2px solid #f8ac59;
  background: none;
  color: #FFAD36;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-ghost:hover {
  color: #fff;
  background: #f8ac59;
}
.btn-ghost:active {
  color: #fff;
  background: #FFAD36;
  border-color: #FFAD36;
}
.btn-ghost:visited {
  border: 2px solid #f8ac59;
  background: none;
  color: #FFAD36;
}
.btn-ghost:focus {
  color: #fff;
  background: #FFAD36;
  border-color: #FFAD36;
}
.radio-container {
  display: inline-block;
}
.radio-container .radio-group {
  display: inline;
  font-size: 14px;
  margin-left: 10px;
}
.radio-container .radio-group:first-child {
  margin-left: 0;
}
.radio-container .radio-group:first-child label {
  padding-left: 0;
}
.inner-scroll::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.inner-scroll::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
.inner-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
.inner-scroll::-webkit-scrollbar-track {
  background: #ddd !important;
}
.inner-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
.pointer {
  cursor: pointer;
}
.dbColor {
  color: #f8ac59 !important;
}
label + label {
  margin-left: 10px;
}
label .form-control {
  display: inline-block;
  width: auto;
  margin-left: 5px;
}
.no_result {
  position: relative;
  text-align: center;
  height: 100%;
}
.no_result > div {
  position: relative;
  width: 100%;
  margin-top: 100px;
}
.no_result > div p {
  font-size: 16px;
  margin-top: 10px;
}
/*-- nav-top account --*/
.navbar-static-side #side-top-menu .nav-header {
  padding: 0;
  /* height:70px; */
  background: #2f4050;
}
.navbar-static-side #side-top-menu .nav-header .open > a {
  background: none;
}
.navbar-static-side #side-top-menu .nav-header .group-menu {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 8px;
  font-weight: 700;
  font-size: 15px;
  padding: 0px;
  color: #b8c7d9;
  line-height: 30px;
}
.navbar-static-side #side-top-menu .nav-header .group-menu:hover {
  background: none;
  color: #fff;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info {
  position: relative;
  display: block;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info-top {
  cursor: pointer;
  padding: 5px 13px;
  display: flex;
  color: #fff;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info-top .logo-disabled {
  pointer-events: none;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info-top:hover {
  background: #1a5387;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .logo-wrapper {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
  margin-right: 0px;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .logo-wrapper img {
  float: none;
  display: -webkit-box;
  margin: 0 auto;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .logo-wrapper img.db-logo.alliance-logo {
  width: 40px;
  height: 40px;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info {
  display: inline-block;
  width: 150px;
  padding-left: 10px;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info span {
  padding-left: 0;
  color: #fff;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info span.db-tenant-name {
  font-size: 20px;
  height: 22px;
  display: block;
  line-height: 1;
  position: relative;
}
.navbar-static-side #side-top-menu .nav-header .db-login-info .user-info span.db-user-email {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  padding-top: 10px;
  line-height: 18px;
}
.navbar-static-side #side-top-menu .nav-header .chatbot-list-btn-container {
  padding: 5px 10px;
  border-bottom: 2px solid #161f27;
}
.navbar-static-side #side-top-menu .nav-header .chatbot-list-btn-container .btn-chatbot-list {
  background: none;
  border: none;
  color: #a7b1c2;
  font-size: 15px;
  font-weight: 700;
}
.navbar-static-side #side-top-menu .nav-header .chatbot-list-btn-container .btn-chatbot-list:hover {
  color: #fff;
}
.navbar-static-side #side-top-menu .nav-header .chatbot-list-btn-container .btn-chatbot-list .fa {
  margin-right: 8px;
}
.navbar-static-side #side-top-menu .nav-header .chatbot-list-btn-container .btn-chatbot-list span {
  font-size: 12px;
}
/*-- chatbot list --*/
.navbar-static-side #side-top-menu .db-ChatbotName {
  padding: 0;
}
.navbar-static-side #side-top-menu .db-ChatbotName h4 {
  font-size: 12px;
  color: #fff;
  margin: 20px 0 0 0;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group.btn-chatbot-profile {
  padding: 0 8px;
  border-top: none;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group.btn-chatbot-profile .btn {
  background: none;
  width: 183px;
  padding: 0px 0 15px 0;
  box-shadow: none;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group.btn-chatbot-profile .btn .botNameNav {
  position: relative;
  margin-top: 0px;
  font-weight: bold;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group.btn-chatbot-profile .btn .botNameNav .botProfileImg img {
  width: 30px;
  height: 30px;
  border: 4px solid #243545;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group.btn-chatbot-profile .btn .botNameNav .botNameSpan {
  font-weight: 500;
  color: #e2e9ee;
  margin-left: 2px;
  font-size: 15px;
  overflow: hidden;
  width: 140px;
  top: 6px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.navbar-static-side #side-top-menu .db-ChatbotName .btn-group-addon {
  line-height: 33px;
  color: #d1dde6;
}
.navbar-static-side #side-top-menu .db-ChatbotName:hover,
.navbar-static-side #side-top-menu .db-ChatbotName:active {
  cursor: pointer;
}
.navbar-static-side #side-top-menu .db-ChatbotName:hover .botNameSpan,
.navbar-static-side #side-top-menu .db-ChatbotName:active .botNameSpan {
  color: #fff;
}
.navbar-static-side #side-top-menu .db-ChatbotName:hover .btn-group-addon,
.navbar-static-side #side-top-menu .db-ChatbotName:active .btn-group-addon {
  color: #fff;
}
/*-- content header --*/
.gray-bg {
  background: #f8f8f8;
}
#page-wrapper .row.header-row {
  padding: 0 30px;
  margin: 0;
}
#page-wrapper .navbar-static-top {
  margin: 0;
  padding: 0 30px;
  background: none;
}
/*-- content area --*/
#page-wrapper.channelList .wrapper-content .row,
#page-wrapper .row.noPadding {
  margin: 0 -15px;
}
#db-scrollArea {
  overflow: inherit;
  position: relative;
}
#db-scrollArea::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
#db-scrollArea::-webkit-scrollbar-thumb {
  background-color: #aaa;
  box-shadow: none;
}
#db-scrollArea::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
#db-scrollArea::-webkit-scrollbar-thumb:active {
  background-color: #777;
}
.sbtn-primary {
  position: relative;
  font-size: 14px;
  border: 1px solid #FF6647;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #FF6647;
  color: #fff;
  padding: 8px 12px;
  box-shadow: 0px 1px 4px #00000040;
  text-align: center;
  line-height: 1.3;
  border-radius: 4px;
  font-weight: 400;
}
.sbtn-primary:hover {
  box-shadow: 0px 1px 4px #000000cc;
}
.sbtn-secondary {
  position: relative;
  font-size: 14px;
  border: 1px solid #FFAD36;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #FFAD36;
  color: #fff;
  padding: 8px 12px;
  box-shadow: 0px 1px 4px #00000040;
  text-align: center;
  line-height: 1.3;
  border-radius: 4px;
  font-weight: 400;
}
.sbtn-secondary-line {
  position: relative;
  font-size: 14px;
  z-index: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
  color: #FFAD36;
  border: 1px solid #FFAD36;
  padding: 8px 12px;
  box-shadow: none;
  text-align: center;
  line-height: 1.3;
  border-radius: 4px;
  font-weight: 400;
}
.sbtn-secondary-line:focus {
  color: #FFAD36;
}
.sbtn-secondary-line:hover {
  background: rgba(255, 173, 54, 0.2);
  color: #fff;
  border-color: #fff;
}
@keyframes initSampleList {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.chatbot-list-area {
  height: 100%;
}
.chatbot-list-area .no-sample-mobile {
  display: none;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list h1 {
  font-size: 36px;
  margin-bottom: 12px;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list p {
  font-size: 22px;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .btn-solid {
  display: inline-block;
  width: 180px;
  background: #6a67d6;
  margin: 4px;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .video-wrap {
  max-width: 560px;
  margin: 0 auto;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .video-wrap .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 20px 0 80px;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .video-wrap .video iframe,
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .video-wrap .video object,
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .video-wrap .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .chatbot-sample-list {
  display: block;
  text-align: center;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item {
  max-width: 320px;
  width: 100%;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item img {
  max-width: 180px;
  width: 100% !important;
  height: 100% !important;
}
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item a,
.chatbot-list-area.edu-chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item button {
  display: inline-block;
  margin: 1px;
}
.chatbot-list-area .no-sample-list {
  position: relative;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.chatbot-list-area .no-sample-list .col-lg-12 {
  height: auto;
  position: relative;
  display: flex;
}
.chatbot-list-area .no-sample-list .col-lg-12 .db-list-none {
  margin: auto;
  position: relative;
  width: 100%;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list {
  display: flex;
  width: 80%;
  height: 410px;
  margin: 4vh auto;
  text-align: left;
  max-width: 1060px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item {
  border-radius: 15px;
  opacity: 0;
  transform: translateY(10px);
  background: #fff;
  box-shadow: 0px 0px 25px #0000001f;
  display: inline-block;
  white-space: nowrap;
  width: 31%;
  max-width: 320px;
  padding: 20px;
  margin: 20px auto;
  height: 370px;
  text-align: center;
  animation-name: initSampleList;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item:hover {
  z-index: 20;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item:nth-child(1),
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item:nth-child(3) {
  animation-delay: 0.25s;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top {
  white-space: initial;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top img {
  width: 80px;
  height: 80px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top h2 {
  margin-top: 0;
  font-weight: 600;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top .bot-item-description {
  white-space: initial;
  height: 50px;
  margin-bottom: 20px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item {
  position: relative;
  width: 33.3%;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #FFAD36;
  padding: 8px 0;
  display: inline-block;
  text-align: center;
  border-right: 1px solid #eee;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item:first-child {
  margin-left: auto;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item:last-of-type {
  border-right: 0;
  margin-right: auto;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .next-span {
  color: #FFAD36;
  font-size: 18px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .detail-span {
  display: block;
  font-size: 13px;
  color: #999;
  font-weight: 500;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .detail-span.sample-type-wizard::before,
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .detail-span.sample-type-copy::before {
  margin: 0 auto;
  background-size: contain;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .detail-span.sample-type-wizard:before {
  background-image: url(../img/wizard/wand.png);
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic .stat-item .detail-span.sample-type-copy:before {
  background-image: url(../img/wizard/copy.png);
}
@media screen and (max-height: 880px) {
  .chatbot-list-area .no-sample-list .chatbot-sample-list {
    height: 210px;
  }
  .chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item {
    height: 180px;
  }
  .chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-statistic {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .chatbot-list-area .no-sample-list .db-list-none img {
    margin-bottom: 20px;
  }
  .chatbot-list-area .no-sample-list .chatbot-sample-list {
    width: 100%;
  }
  .chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-description {
    max-height: 500px;
  }
  .chatbot-list-area .no-sample-list .make-own {
    margin: 3% 0 0 0;
    width: 100%;
  }
  .chatbot-list-area .no-sample-list .make-own .db-list-none-description {
    width: 60%;
  }
}
.make-own {
  margin: 0 80px;
  border-top: 0.5px solid #ccc;
  padding: 3% 0 0;
  margin-top: 3%;
}
.make-own .db-list-none-description {
  width: 40%;
  margin: 10px auto;
}
.more-sample {
  font-size: 17px;
  color: #FFAD36;
  display: block;
  border-bottom: 2px solid #FFAD36;
  width: fit-content;
  margin: 0 auto;
}
.more-sample:hover {
  color: #FFAD36;
  border-bottom: 2px solid #FFAD36;
}
/*-- footer --*/
.footer {
  background: #efefef;
  padding: 2px 14px;
  border-top: 1px solid #d9dcde;
  bottom: 0;
  font-size: 12px;
  width: 100%;
  height: 22px;
  line-height: 18px;
  position: fixed;
  z-index: 100;
  font-weight: 400;
  color: #777;
}
.footer.toggled {
  width: calc(100% - 240px);
}
.footer .row {
  margin-right: 0;
}
.footer .col-md-12 {
  display: flex;
  padding: 0;
}
.footer span {
  position: relative;
  display: inline-block;
  padding-left: 6px;
  margin-left: 6px;
}
.footer span:before {
  content: "|";
  position: absolute;
  left: -1px;
  width: 1px;
  color: #d4d4d4;
}
.footer span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.footer span:first-child:before {
  content: "";
}
.footer .backfoot {
  margin-left: auto;
}
.footer .backfoot:before {
  content: "";
}
.footer .light-pipe {
  color: #d4d4d4;
  margin-left: 4px;
  margin-right: 4px;
}
.footer .term {
  color: #777;
  font-weight: 400;
}
.footer.mobile {
  padding: 10px;
  font-size: 10px;
}
/* 스크롤 맨 위로 가는 버튼 */
.goToTop {
  width: 64px;
  background: #fa7f3a;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  border-radius: 19px;
  cursor: pointer;
  color: #fff;
  margin-bottom: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  -moz-opacity: 0.60;
  opacity: .80;
}
.goToTop:hover {
  opacity: 1;
}
/*-- empty page --*/
.emptyPage > div {
  height: 100%;
}
.emptyPage > div .gray-bg {
  height: 100%;
}
#floater {
  float: left;
  height: 50%;
  margin-bottom: -200px;
}
.empty-page {
  position: relative;
  clear: both;
  height: 400px;
}
.empty-page img {
  margin-bottom: 50px;
}
.empty-page h4 {
  font-size: 28px;
}
.empty-page p {
  font-size: 18px;
  margin-top: 20px;
}
.empty-page.chrome-page img {
  width: 300px;
  margin-bottom: 0;
}
.empty-page.chrome-page p {
  font-weight: 900;
}
.empty-page.chrome-page a {
  font-weight: 600;
  color: #FFAD36;
  text-decoration: underline;
}
/*-- component --*/
.popover .popover-content {
  font-size: 13px;
  line-height: 1.5;
  word-break: keep-all;
}
#search {
  margin: -20px 0 0 0;
}
#search .icon_search {
  position: relative;
  top: -2px;
}
.innerScroll {
  overflow-y: auto;
}
.innerScroll::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.innerScroll::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
.innerScroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
.innerScroll::-webkit-scrollbar-track {
  background: #ddd !important;
}
.innerScroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
/*-- qna --*/
.old-ibox-content.manageBbs {
  padding: 15px 40px;
}
.old-ibox-content.manageBbs .search-result-header {
  border-bottom: 2px solid #777;
  font-weight: 600;
  height: auto;
}
.old-ibox-content.manageBbs .search-result.row {
  border-bottom: none;
  border-top: 1px solid #eee;
}
.old-ibox-content.manageBbs .search-result.row:first-child {
  border-top: none;
}
.old-ibox-content.manageBbs .search-result.row:last-child {
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
}
.old-ibox-content.manageBbs .db-board .board-header {
  border-top: none;
  border-bottom: 2px solid #777;
  font-size: 13px;
}
.old-ibox-content.manageBbs .db-board .board-content {
  border: none;
}
/*-- intent list --*/
.intent-search #search {
  position: relative;
}
.intent-search #search:after {
  content: "-";
  color: transparent;
  height: 18px;
  border-right: 1px solid #eee;
  position: absolute;
  top: 29px;
  left: 107px;
}
.intent-search #search select {
  position: absolute;
  left: 36px;
  top: 28px;
  font-size: 14px;
  border: none;
}
.intent-search #search #search-input {
  padding-left: 125px;
}
.list-example {
  font-size: 12px;
  margin-bottom: 20px;
}
.list-example > div {
  display: inline-block;
}
.list-example > div + div {
  margin-left: 10px;
}
.list-example > div span {
  background: #f8ac59;
  color: #fff;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 5px;
  margin-right: 5px;
}
.modal-content {
  background: none;
}
.modal-intent > p {
  margin-bottom: 20px;
}
.modal-intent .old-ibox-title {
  min-height: 50px;
}
.modal-intent .old-ibox-content {
  height: 404px;
}
.modal-intent .old-ibox-content .sentenceWrapper {
  margin-bottom: 0;
}
.modal-intent .old-ibox-content .sentenceWrapper input {
  border: none;
}
.modal-intent .old-ibox-content .sentenceNotice .text-center {
  margin-top: 75px;
}
.modal-intent .old-ibox-content .inner-scroll {
  margin: 20px -20px 0;
  padding: 0 20px;
  max-height: 318px;
  overflow-y: auto;
}
.modal-intent .old-ibox-content .inner-scroll p {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: 0 0 4px 0;
  padding: 10px 30px 12px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-intent .old-ibox-content .inner-scroll p:hover {
  background: #f2f2f2;
}
.modal-intent .old-ibox-content .inner-scroll p button {
  position: absolute;
  top: 3px;
  right: 10px;
}
.modal-intent .old-ibox-content .inner-scroll p button:hover {
  background: transparent;
  color: #333;
}
.modal-intent .old-ibox-content .inner-scroll.answer {
  max-height: 374px;
  margin-top: 0px;
}
.modal-intent .old-ibox-content .simple-answer {
  position: relative;
}
.modal-intent .old-ibox-content .simple-answer .btn {
  position: absolute;
  right: 10px;
  top: 6px;
}
.modal-intent .old-ibox-content .simple-answer ~ .simple-answer:before {
  display: block;
  content: "or";
  padding: 2px 0;
  text-align: center;
}
.modal-intent .old-ibox-content .simple-answer ~ .simple-answer .btn {
  top: 28px;
}
/*-- intent detail --*/
.old-ibox-content #nluScroll {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 15px;
  padding: 0 20px;
}
.old-ibox-content .sentenceWrapper {
  margin-bottom: 20px;
}
.old-ibox-content .keyword h4 {
  display: inline-block;
  top: 10px;
}
.old-ibox-content .keyword input {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #c5c6c7;
  padding-left: 5px;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
}
.simple-answer {
  position: relative;
}
.simple-answer + .simple-answer:before {
  content: "or";
  font-size: 12px;
  display: block;
  padding: 3px 0;
  text-align: center;
}
.simple-answer .btn-trans {
  position: absolute;
  right: 12px;
  top: 29px;
  opacity: 0.75;
}
.simple-answer .btn-trans:hover {
  opacity: 0.9;
}
.simple-answer .btn-trans:active {
  opacity: 1;
}
.search-result.row {
  border-bottom: none;
  border-top: 1px dashed #e6e6e6;
}
.search-result.row:first-child {
  border-top: none !important;
}
.search-result.row h3 {
  width: 100%;
}
.search-result.row h3 a {
  padding-left: 0;
}
.search-result.row .db-nick,
.search-result.row .db-count-component {
  display: inline-block;
  position: inherit;
  top: 0;
  right: auto;
  width: auto;
  max-width: 100%;
}
.search-result.row .db-nick .badge,
.search-result.row .db-count-component .badge {
  margin-left: 0;
  width: auto;
}
.search-result.row .db-nick {
  top: 2px;
  padding: 3px 20px 3px 10px;
}
.search-result.row .db-count-component {
  padding: 0;
}
.search-result.row .intent-status {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-top: 7px;
  margin-left: 8px;
  padding: 0;
  padding-right: 10px;
  border-right: 1px solid #eee;
}
.search-result.row .intent-status:first-child {
  margin-left: 0;
}
.search-result.row .intent-status:last-child {
  padding-right: 0;
  border-right: none;
}
.search-result.row .intent-status > span {
  font-weight: 700;
}
.jFiler-items ul .jFiler-item {
  background: #f8f8f8;
  border: 1px solid #eee;
  border-radius: 4px;
}
.jFiler-items ul .jFiler-item .jFiler-item-others span:first-child {
  padding-left: 0;
}
.jFiler-items ul .jFiler-item-assets a {
  background: transparent;
}
.alert {
  overflow: hidden;
  width: 100%;
}
.alert .close {
  font-weight: 100;
  opacity: 0.5;
  text-shadow: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  margin-top: -5px;
}
.alert .close:hover {
  opacity: 0.8;
}
.alert a {
  display: inline-block;
  color: #FFAD36;
  text-decoration: underline;
}
.login-alert {
  position: fixed;
  top: 0;
}
.login-alert.yellow-alert {
  background: #fbf5c6;
  padding: 16px;
  border: 1px solid #e0daa8;
}
.login-alert.yellow-alert a {
  font-weight: bold;
}
.description:before {
  content: "※";
  margin-right: 3px;
}
.pagination > li.numbers a {
  padding-left: 15px;
  padding-right: 15px;
}
.pagination > li.numbers a:hover {
  background-color: #FFAD36;
  border-color: #FFAD36;
}
.pagination > li > a {
  color: #333;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.pagination > li.disabled > a {
  background: #fbfbfb;
  color: #bbb;
}
.pagination > li.active > a {
  font-weight: bold;
}
.sentenceSearch#inner-search label {
  left: 15px;
}
.sentenceSearch#inner-search #search-input {
  padding-left: 36px;
}
.sentenceBox .sentence-content {
  padding: 10px 0 20px;
}
.sentenceBox .sentence-content .db-intent-table {
  border-collapse: collapse;
  margin-bottom: 10px;
}
.sentenceBox .sentence-content .db-intent-table tr td:first-child {
  padding: 8px 16px;
}
.sentenceBox .sentence-content .db-intent-table .textarea_size {
  width: 100%;
  height: 28px;
  resize: none;
  border: none;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 5px;
}
.iboxes .nlu-log-box {
  background: #fff;
  cursor: pointer;
}
.iboxes .nlu-log-box .db-log {
  padding-top: 5px;
  padding-bottom: 5px;
}
.iboxes .nlu-log-box .db-log > span[class*="arrow_"] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.iboxes .nlu-log-box .old-ibox-title {
  border-radius: 0;
  background: #fff;
  height: 73px;
}
.iboxes .nlu-log-box .old-ibox-footer .selectCollectors {
  padding: 0;
}
.old-ibox.db-dash-box .old-ibox-title {
  height: auto;
  min-height: inherit;
}
.tooltip-underline {
  text-decoration: underline;
}
.old-btn-info.btn-circle.help-tooltip {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: none;
  box-shadow: none;
}
.old-btn-info.btn-circle.help-tooltip:hover {
  background: none;
}
.old-btn-info.btn-circle.help-tooltip:after {
  display: none;
}
.old-btn-info.btn-circle.help-tooltip .icon_question_alt {
  color: #584c35;
  font-size: 14px;
  top: 1px;
}
.tab-content {
  border-radius: 0 0 10px;
}
.db-channel-box {
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.db-channel-box > div {
  border-radius: 4px;
}
.db-profile img {
  border: 2px solid #ddd;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  box-sizing: content-box;
}
.db-intent-table {
  border-collapse: inherit;
}
.db-intent-table > tbody > tr > td {
  vertical-align: baseline;
  border-top: none;
}
.nlu-detail-area table td .icon_trash_alt {
  font-size: 16px;
  opacity: .8;
  cursor: pointer;
}
.nlu-detail-area table td .icon_trash_alt:hover {
  opacity: 1;
}
.nlu-detail-area table.db-intent-table > tbody > tr > td {
  vertical-align: middle;
}
/*-- 학습추천화면 --*/
.recommendedLearning .wrapper-content {
  padding-bottom: 0;
}
.recommendedLearning #listScroll::-webkit-scrollbar,
.recommendedLearning #resultScroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.recommendedLearning #listScroll::-webkit-scrollbar-track,
.recommendedLearning #resultScroll::-webkit-scrollbar-track {
  background-color: #e2e2e2;
  border-left: 1px solid #ccc;
}
.recommendedLearning #listScroll::-webkit-scrollbar-thumb:hover,
.recommendedLearning #resultScroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.recommendedLearning #listScroll::-webkit-scrollbar-track,
.recommendedLearning #resultScroll::-webkit-scrollbar-track {
  background: #ddd;
}
.recommendedLearning #listScroll::-webkit-scrollbar-thumb,
.recommendedLearning #resultScroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.recommendedLearning .panel-body {
  padding-bottom: 0;
}
.recommendedLearning .panel-body .searchArea {
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  margin: 0 -20px 40px;
  padding: 10px 20px 20px;
  margin-bottom: 40px;
}
.recommendedLearning .panel-body .searchArea .ui-datepicker-trigger {
  display: none;
}
.recommendedLearning .panel-body .searchArea i.fa-calendar ~ input[type="text"] {
  width: 220px;
}
.recommendedLearning .panel-body .searchArea .checkbox-inline {
  height: 34px;
  line-height: 34px;
}
.recommendedLearning .panel-body .searchArea .checkbox-inline label {
  margin-bottom: -5px;
  font-size: 10px;
}
.recommendedLearning .panel-body .searchArea .form-group {
  position: relative;
}
.recommendedLearning .panel-body .searchArea .form-group span[class*="icon_"] {
  position: absolute;
  top: 11px;
  left: 11px;
  font-size: 12px;
  opacity: .8;
}
.recommendedLearning .panel-body .searchArea .form-group input[type="text"] {
  padding-left: 28px;
  width: 170px;
}
.recommendedLearning .panel-body .searchArea .form-group button {
  padding-left: 28px;
}
.recommendedLearning .panel-body .recommendList {
  margin-bottom: 40px;
}
.recommendedLearning .panel-body .recommendList .row > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommendedLearning .panel-body .recommendList .checkbox-inline {
  height: 22px;
  line-height: 22px;
}
.recommendedLearning .panel-body .recommendList .checkbox-inline label {
  margin-bottom: 0;
}
.recommendedLearning .panel-body .recommendList .checkbox-inline label:before {
  margin: 0;
}
.recommendedLearning .panel-body .recommendList .headRow {
  font-weight: 600;
  padding: 8px 0;
  margin: 0;
}
.recommendedLearning .panel-body .recommendList .nlu-detail-area {
  margin-right: -20px;
  margin-left: -20px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.recommendedLearning .panel-body .recommendList .nlu-detail-area .row {
  font-size: 13px;
  padding: 15px 0;
  margin-left: 0;
  margin-right: 0;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  margin-bottom: 5px !important;
}
.recommendedLearning .panel-body .recommendList .nlu-detail-area .row a {
  text-decoration: underline;
}
.recommendedLearning .panel-body .recommendList .btn-block {
  font-size: 14px;
  background: none;
  border: 1px solid #ddd;
  box-shadow: none;
}
.recommendedLearning .panel-body .recommendList .btn-block:hover {
  color: #f8ac59;
}
.recommendedLearning .panel-body .recommendList .btn-block:hover:disabled {
  color: #333;
}
.recommendedLearning .panel-body .recommendResult {
  margin: 0 -20px;
  background: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 3px 3px;
  padding: 10px 20px;
}
.recommendedLearning .panel-body .recommendResult .pull-left {
  line-height: 34px;
}
.recommendedLearning .panel-body .recommendResult .pull-left span {
  font-weight: bold;
  color: #f8ac59;
}
.recommendedLearning .panel-body .recommendResult .selectCollectors {
  width: auto;
  bottom: 44px;
}
.recommendedLearning .panel-body .recommendResult .selectCollectors li {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.draggable-input {
  margin-top: -25px;
  margin-bottom: -25px;
}
.halfintent .input-wrapper.simpleA {
  max-width: 1400px;
  width: 100%;
}
.halfintent .input-wrapper.simpleA textarea {
  width: 100%;
  font-size: 18px;
  color: #584c35;
}
@keyframes listadded {
  0% {
    background: initial;
  }
  30% {
    background: rgba(255, 173, 54, 0.2);
  }
  70% {
    background: rgba(255, 173, 54, 0.2);
  }
  100% {
    background: initial;
  }
}
.words-recommendation {
  width: 100%;
  max-width: 1150px;
}
.words-recommendation tr {
  border-top: 0.5px solid #C8C8C8;
}
.words-recommendation tr td {
  border-right: 0 !important;
}
.words-recommendation tr .loading {
  position: relative;
}
.words-recommendation tr .loading:after {
  content: "";
  width: 30px;
  height: 55px;
  display: inline-block;
  position: absolute;
  top: 6px;
  background-image: url(../img/common/loading.gif);
  background-size: contain;
  background-position: center;
}
.words-recommendation tr .recommended-item-list {
  text-align: left;
}
.words-recommendation tr .recommended-item-list .recommended-item {
  margin-right: 6px;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
  margin: 0px 0px 6px 6px;
  border: 1px solid #00695c;
  color: #00695c;
  background: #ffffff;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.words-recommendation tr .recommended-item-list .more-recommendation {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #FF6647;
  color: #FF6647;
  display: inline-block;
  font-weight: 600;
  margin: 0px 0px 6px 6px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.words-recommendation tr .recommended-item-list .more-recommendation:hover {
  background: rgba(255, 102, 71, 0.2);
  cursor: pointer;
}
.words-recommendation tr .recommended-item-list .more-recommendation.btn-disabled-line {
  color: #EBEBEB;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.comment {
  color: #584c35;
  font-weight: 400;
}
.comment.module-btn {
  color: #584c35 !important;
  right: 120px !important;
  font-size: 14px;
}
.comment a {
  display: block !important;
  margin-top: 2px;
  text-align: left;
}
.sentence-recommendation {
  padding: 20px;
  border: 0.5px solid #c0c0c0;
  border-top: 0px;
}
.sentence-recommendation .loading {
  position: relative;
  color: #c0c0c0;
}
.sentence-recommendation .loading:after {
  content: "";
  width: 30px;
  height: 55px;
  display: inline-block;
  position: absolute;
  top: -20px;
  background-image: url(../img/common/loading.gif);
  background-size: contain;
  background-position: center;
}
.sentence-recommendation .recommended-item-list {
  font-size: 14px;
  text-align: left;
  margin-top: 20px;
}
.sentence-recommendation .recommended-item-list .recommended-item {
  margin-right: 6px;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
  margin: 0px 6px 6px 0px;
  border: 1px solid #00695c;
  color: #00695c;
  background: #ffffff;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sentence-recommendation .recommended-item-list .more-recommendation {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #FF6647;
  color: #FF6647;
  display: inline-block;
  font-weight: 600;
  margin: 0px 0px 6px 6px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sentence-recommendation .recommended-item-list .more-recommendation:hover {
  background: rgba(255, 102, 71, 0.2);
  cursor: pointer;
}
.sentence-recommendation .recommended-item-list .more-recommendation.btn-disabled-line {
  color: #EBEBEB;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.intent-box .module-ele-title .module-btn {
  padding: 0;
}
.intent-box .module-ele-title .module-btn input {
  border: 0.5px solid #C8C8C8;
  height: 40px;
  font-weight: 400;
}
.intent-box .module-ele-title .module-btn input::placeholder {
  font-size: 16px;
}
.intent-box .square-input input {
  padding: 20px 120px 20px 20px;
}
.intent-box .square-input .exbtn {
  position: absolute;
  top: 13px;
  right: 10px;
  padding: 8px 13px;
}
.intent-box .sentence-heading-div {
  position: absolute;
  font-size: 18px;
  background: transparent;
  color: transparent;
  overflow-y: hidden;
  width: calc(100% - 140px);
  line-height: 1.6;
  word-break: break-all;
  margin: 4px 120px 0px 0px;
  letter-spacing: 0;
}
.intent-box .sentence-heading {
  margin: 1px 0;
  margin: 4px 55px 0px 0px;
  z-index: 40;
  width: calc(100% - 35px);
  background: transparent;
  border-color: transparent;
  position: relative;
  overflow-y: hidden;
  resize: none;
  line-height: 1.6;
  word-break: break-all;
  cursor: pointer;
}
.intent-box textarea {
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: transparent;
}
.intent-box .list {
  padding: 0;
  animation-name: listadded;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-direction: forward;
  animation-timing-function: ease-in-out;
}
.intent-box .list .noparam:hover {
  border: 0 !important;
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr:hover {
  border: 1px solid #FFAD36;
  background: rgba(255, 173, 54, 0.2);
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr:nth-child(2n):hover {
  border: 1px solid #FFAD36;
  background: rgba(255, 173, 54, 0.2);
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr.open:hover {
  border: 1px solid #FFAD36;
  background: #fff;
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr.open:nth-child(2n):hover {
  border: 1px solid #FFAD36;
  background: #fafafa;
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr.open tr:hover {
  border: initial;
  border-bottom: 0.5px solid #C8C8C8;
  background: initial;
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr.open tr:nth-child(2n):hover {
  border: initial;
  background: #fafafa;
}
.intent-box .module-table-ele table:not(.db-intent-table) tbody tr.open tr:last-child:hover {
  border: 0;
}
.intent-box .db-intent-table {
  border: 0;
  margin-bottom: 0;
  margin-top: 15px;
}
.intent-box .db-intent-table tbody tr {
  border-top: 0 !important;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #C8C8C8;
  height: 75px;
}
.intent-box .db-intent-table tbody tr:last-child {
  border-bottom: 0;
}
.intent-box .db-intent-table tbody tr td {
  width: 100%;
  padding: 0 20px 0 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
.intent-box .db-intent-table tbody tr .value-cell {
  width: 15%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.intent-box .db-intent-table tbody tr .parameter-cell {
  font-size: 14px;
  padding: 10px 20px 10px 80px !important;
  position: relative;
  width: 28%;
}
.intent-box .db-intent-table tbody tr .parameter-cell .input-wrapper {
  max-width: 100%;
  overflow: hidden;
}
.intent-box .db-intent-table tbody tr .parameter-cell input {
  max-width: 100%;
  padding-right: 20px;
  background: transparent;
}
.intent-box .db-intent-table tbody tr .parameter-cell:before {
  content: "파라미터명";
  position: absolute;
  font-weight: 600;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  display: block;
  height: fit-content;
}
.intent-box .db-intent-table tbody tr .intent-cell {
  font-size: 14px;
  padding: 10px 20px 10px 80px !important;
  position: relative;
  width: 26%;
  text-align: left;
}
.intent-box .db-intent-table tbody tr .intent-cell .input-wrapper {
  width: 100%;
}
.intent-box .db-intent-table tbody tr .intent-cell textarea {
  padding: 0 30px 0 0;
  line-height: 30px;
}
.intent-box .db-intent-table tbody tr .intent-cell:before {
  content: "엔티티명";
  position: absolute;
  font-weight: 600;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  display: block;
  height: fit-content;
}
.intent-box .db-intent-table tbody tr .entry-cell {
  font-size: 14px;
  padding: 10px 20px 10px 97px !important;
  position: relative;
  width: 33%;
  text-align: left;
}
.intent-box .db-intent-table tbody tr .entry-cell span {
  padding: 0 7px 0 0;
  line-height: 30px;
}
.intent-box .db-intent-table tbody tr .entry-cell:before {
  content: "값 미리보기";
  position: absolute;
  font-weight: 600;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  display: block;
  height: fit-content;
}
.intent-box .db-intent-table tbody tr .delete-cell {
  width: 30px;
  padding-right: 0 !important;
  text-align: right;
}
.intent-box .db-intent-table tbody .resolved_value.db-fixed-td {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 1;
  bottom: 0;
  margin: auto;
  display: block;
  height: 19px;
}
.synonym-box .blind {
  width: 100%;
  height: 100%;
  backgrond: rgba(255, 255, 255, 0.2);
}
.synonym-box .status {
  background: transparent !important;
  text-align: left;
  padding: 10px 0 0;
}
.synonym-box .status h2 {
  margin-top: 0;
}
.synonym-box .status span {
  background: transparent !important;
}
.synonym-box .disabledSynonym {
  background: #ddd !important;
  pointer-events: none;
}
.synonym-box .disabledSynonym .tag-editor-item {
  opacity: 0.3;
  background: none;
}
/*-- chatbot list --*/
.tinted-bg-overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  opacity: 0.35;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWE0ZmNlIiBzdG9wLW9wYWNpdHk9IjAuOTYiLz4KICAgIDxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjNmE1ZmMyIiBzdG9wLW9wYWNpdHk9IjAuMTciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiNjdiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, rgba(248, 172, 89, 0.96) 0%, rgba(106, 95, 194, 0.17) 67%, #2b67bc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(248, 172, 89, 0.96)), color-stop(67%, rgba(106, 95, 194, 0.17)), color-stop(100%, #2b67bc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(248, 172, 89, 0.96) 0%, rgba(106, 95, 194, 0.17) 67%, #2b67bc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(248, 172, 89, 0.96) 0%, rgba(106, 95, 194, 0.17) 67%, #2b67bc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(248, 172, 89, 0.96) 0%, rgba(106, 95, 194, 0.17) 67%, #2b67bc 100%);
  /* IE10+ */
  background: linear-gradient(135deg, rgba(248, 172, 89, 0.96) 0%, rgba(106, 95, 194, 0.17) 67%, #2b67bc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@db-secondaryce', endColorstr='#2b67bc', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
.bot-list {
  position: relative;
  background: #fff;
  border-radius: 5px;
  color: #584c35;
  margin-top: 20px;
  border: 0.5px solid #C8C8C8;
  z-index: 1;
}
.bot-list > .clickable {
  cursor: pointer;
}
.bot-list > .clickable:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #f8ac59;
}
.bot-list .botimage-wrapper,
.bot-list .botimage-wrapper-copy {
  position: relative;
  text-align: center;
  background: #bbb;
  height: 92px;
  margin-bottom: 48px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.bot-list .botimage-wrapper > svg,
.bot-list .botimage-wrapper-copy > svg {
  width: 110%;
  height: 280%;
  margin: -30% 0 0 -5%;
}
.bot-list .botimage-wrapper image,
.bot-list .botimage-wrapper-copy image {
  height: 100%;
}
.bot-list .botimage-wrapper span.fa-cog.editBot,
.bot-list .botimage-wrapper-copy span.fa-cog.editBot {
  top: 15px;
  right: 15px;
  color: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.bot-list .botimage-wrapper span.fa-cog.editBot:hover,
.bot-list .botimage-wrapper-copy span.fa-cog.editBot:hover {
  color: rgba(0, 0, 0, 0.4);
}
.bot-list .botimage-wrapper-copy {
  /*애니메이션*/
  background: linear-gradient(-45deg, #f8ac58, #f8ac58, #ffd55e, #ffffff);
  background-size: 400% 400%;
  -webkit-animation: Copying 7s ease infinite;
  -moz-animation: Copying 7s ease infinite;
  animation: Copying 7s ease infinite;
}
.bot-list .botimage-wrapper-copy span {
  color: #fff;
  font-size: 26px;
  margin-top: 36px;
  display: inline-block;
}
@-webkit-keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.bot-list img.img-circle {
  z-index: 3;
  position: absolute;
  left: 50%;
  margin-left: -46px;
  top: 36px;
  width: 92px;
  border: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.bot-list h2 {
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  font-size: 18px;
  line-height: inherit;
  margin: 0 auto 8px;
}
.bot-list p {
  text-align: center;
  padding: 0 20px;
  height: 36px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  font-size: 12px;
}
.bot-list .button-container {
  text-align: center;
  padding: 0 20px;
  margin-bottom: 20px;
}
.bot-list .bot-statistics {
  border-top: 1px solid #e2e2e2;
}
.bot-list .bot-statistics a {
  font-family: "Quicksand";
  font-size: 20px;
  font-weight: bold;
  color: #FFAD36;
  width: 20%;
  padding: 8px 0;
  float: left;
  text-align: center;
  border-left: 1px solid #eee;
}
.bot-list .bot-statistics a.noNum {
  padding: 14.5px 0;
}
.bot-list .bot-statistics a:first-child {
  border-left: none;
}
.bot-list .bot-statistics a span {
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  display: block;
  color: #2f4050;
}
.bot-list .bot-statistics a:hover {
  background: rgba(255, 173, 54, 0.2);
}
.bot-list.mobile {
  padding: 10px 10px 0;
  margin: 0 0 10px;
}
.bot-list.mobile .pull-right {
  width: 80%;
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 10px;
}
.bot-list.mobile img.img-circle {
  position: relative;
  width: 48px;
  top: inherit;
  left: inherit;
  margin: 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.bot-list.mobile h2 {
  width: 100%;
  font-size: 14px;
  text-align: left;
  padding: 0;
  margin: 8px 0 2px;
}
.bot-list.mobile p {
  text-align: left;
  padding: 0;
  margin-bottom: 5px;
  height: auto;
  -webkit-line-clamp: 1;
}
.bot-list.mobile .bot-statistics {
  margin: 10px -10px 0;
  padding: 0;
  border-top: 1px solid #eee;
}
.bot-list.mobile .bot-statistics > div {
  float: left;
  width: 33.3%;
  padding: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #f8ac59;
  text-align: center;
  border-left: 1px solid #eee;
}
.bot-list.mobile .bot-statistics > div:first-child {
  border-left: none;
}
.bot-list.mobile .bot-statistics > div span {
  display: block;
  font-size: 10px;
  width: 100%;
  color: #bbb;
}
.form-horizontal .control-label {
  padding-top: 0;
}
.modal-dialog.modal-xl .modal-body {
  /*모달창 사이즈 조정 (챗플로우 팝업에만)*/
  max-height: -webkit-calc(100vh - 145px);
  max-height: -moz-calc(100vh - 145px);
  max-height: calc(100vh - 145px);
}
.flot-overlay {
  z-index: 101 !important;
}
.wizard-contents-container {
  transition: 0.2s all ease-in;
  border-radius: 8px;
  padding: 0px 11px 6px 4px;
}
.wizard-contents-container:hover {
  background: #eaeaea;
}
.wizard-contents-container .wizard-contents {
  font-size: 16px;
  font-weight: 500;
  border: 0;
  margin-top: 40px;
  padding: 0;
  background: transparent;
  color: #584c35;
}
.wizard-contents-container .wizard-contents:focus,
.wizard-contents-container .wizard-contents:active {
  outline: none;
}
.wizard-contents-container .wizard-contents:before {
  content: '';
  background-image: url(../img/wizard/wand.png);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 0px -6px;
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
.chatbot-idle .bot-list {
  background: #ffffff33;
}
.chatbot-idle .bot-list div.locked-wrapper {
  opacity: 0.3;
}
.chatbot-idle .bot-list .bot-is-idle {
  height: 117px;
  margin-top: -6px;
  opacity: 1;
}
.chatbot-idle .bot-list .bot-is-idle span {
  display: block;
  text-align: center;
  width: 100%;
  padding: 5px;
  font-weight: 600;
  font-size: 18px;
  color: #999;
}
.chatbot-idle .bot-list .bot-is-idle button {
  border: 1px solid #999;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 148px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
  font-size: 15px;
  background: transparent;
  color: #999;
  transition: 0.2s all ease-in;
}
.chatbot-idle .bot-list .bot-is-idle button:hover {
  background: #ddd;
  color: #999;
}
.chatbot-idle .bot-list:hover {
  box-shadow: initial;
}
.modal-body {
  /*모달창 사이즈 조정 (챗플로우 팝업 제외)*/
  max-height: -webkit-calc(100vh - 235px);
  max-height: -moz-calc(100vh - 235px);
  max-height: calc(100vh - 235px);
  background: #fff;
  /*
    -webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    */
}
.modal-body .bot-list {
  text-align: center;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.24);
  margin: 10px 0;
}
.modal-body .bot-list:hover {
  color: inherit;
}
.modal-body .bot-list .botimage-wrapper {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
}
.modal-body .bot-list .botimage-wrapper:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -119.5px;
  margin-top: -42.5px;
  content: " ";
  color: rgba(0, 0, 0, 0.06);
  font-size: 60px;
  font-weight: bold;
}
.modal-body .bot-list p {
  margin-bottom: 10px;
}
.modal-body .bot-list .btn {
  margin-bottom: 20px;
}
.modal-body .bot-list .bot-statistics div {
  width: 33.3%;
  font-family: "Quicksand";
  font-size: 20px;
  color: #f8ac59;
  padding: 8px 0;
  float: left;
  text-align: center;
  border-left: 1px solid #eee;
}
.modal-body .bot-list .bot-statistics div:first-child {
  border-left: none;
}
.modal-body .bot-list .bot-statistics div span {
  font-size: 11px;
  display: block;
  color: #2f4050;
}
/*-- tenent chatbot list --*/
.bot-list.tenent-bot-list {
  margin: 0 0 20px 0;
}
.bot-list.tenent-bot-list .old-ibox-title dl {
  display: inline-block;
  margin: 7px 0;
}
.bot-list.tenent-bot-list .old-ibox-title dl dt,
.bot-list.tenent-bot-list .old-ibox-title dl dd {
  display: inline-block;
}
.bot-list.tenent-bot-list .old-ibox-title dl ~ dl {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ddd;
}
.bot-list.tenent-bot-list .old-ibox-content {
  overflow: hidden;
}
.bot-list.tenent-bot-list .old-ibox-content:hover {
  background: #f1f1f1;
}
.bot-list.tenent-bot-list .old-ibox-content h3 {
  font-size: 18px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bot-list.tenent-bot-list .old-ibox-content h4 {
  font-size: 12px;
  margin-bottom: 10px;
  color: #FFAD36;
}
.bot-list.tenent-bot-list .old-ibox-content p {
  text-align: left;
  height: 3.6rem;
  padding: 5px 0;
  margin-bottom: 10px;
  -webkit-line-clamp: 3;
}
.bot-list.tenent-bot-list .old-ibox-content .img-circle {
  display: block;
  position: inherit;
  top: inherit;
  left: inherit;
  margin: 0 auto;
  width: 80%;
}
.bot-list.tenent-bot-list .old-ibox-content .img-circle ~ .text-center {
  margin-top: 5px;
}
.bot-list.tenent-bot-list .old-ibox-content .img-circle ~ .text-center span > span {
  margin-right: 3px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float {
  margin-top: 20px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float dl {
  float: left;
  width: 50%;
  margin-top: 10px;
  font-size: 12px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float dl dt,
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float dl dd {
  display: inline-block;
}
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float dl dd {
  margin-left: 5px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-md-8 .clear-float dl:last-child {
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
}
.bot-list.tenent-bot-list .old-ibox-content .col-lg-2 .img-circle {
  width: 80px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-lg-10 .clear-float dl {
  float: left;
  width: 33.3%;
}
.bot-list.tenent-bot-list .old-ibox-content .col-lg-10 .clear-float dl dt {
  margin-bottom: 3px;
}
.bot-list.tenent-bot-list .old-ibox-content .col-lg-10 .clear-float dl dd {
  font-size: 15px;
}
.bot-list.tenent-bot-list .old-ibox-content .bot-statistics {
  margin: 0 -19px -15px;
  background: #fbfbfb;
}
.bot-list.tenent-bot-list .old-ibox-content .bot-statistics dl {
  float: left;
  width: 25%;
  text-align: center;
  border-left: 1px solid #eee;
  margin-bottom: 0;
  padding: 8px 0;
}
.bot-list.tenent-bot-list .old-ibox-content .bot-statistics dl:first-child {
  border-left: none;
}
.bot-list.tenent-bot-list .old-ibox-content .bot-statistics dl dt {
  font-size: 11px;
  font-weight: normal;
}
.bot-list.tenent-bot-list .old-ibox-content .bot-statistics dl dd {
  font-family: "Quicksand";
  font-size: 20px;
  font-weight: bold;
  color: #f8ac59;
  padding: 0;
}
/* Frogue 색상 설정 */
.color-setting.form-group label {
  padding-right: 0;
}
.color-setting.form-group input:read-only {
  border: 1px solid #c5c6c7;
  margin-bottom: 2px;
}
/* 봇리스트 */
.channel-list {
  margin-top: 20px;
  word-break: keep-all;
  line-height: 20px;
  min-height: 262px;
}
.channel-list .channel-wrapper {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  height: 256px;
}
.channel-list .channel-wrapper .editChannel {
  color: rgba(0, 0, 0, 0.7);
  font-size: 22px;
  position: absolute;
  top: 28px;
  right: 104px;
  z-index: 1;
  cursor: pointer;
}
.channel-list .channel-wrapper .editChannel:hover {
  color: rgba(0, 0, 0, 0.9);
}
.channel-list .channel-wrapper .channel-bg {
  position: relative;
  background: #eee;
}
.channel-list .channel-wrapper .channel-bg > div {
  margin: 0;
  padding: 12px 0 10px 8px;
  vertical-align: bottom;
}
.channel-list .channel-wrapper .channel-bg > div img {
  margin: 0;
  width: 72px;
}
.channel-list .channel-wrapper .channel-bg > div .channel-title {
  display: inline-block;
  margin-left: 4px;
  color: #fff;
}
.channel-list .channel-wrapper .channel-bg > div .channel-title h3 {
  font-size: 20px;
  margin: 0;
}
.channel-list .channel-wrapper .channel-bg > div .channel-title h3 .icon-security {
  position: absolute;
  margin-left: 5px;
}
.channel-list .channel-wrapper .channel-bg .comment {
  color: #fff;
  padding: 0px 10px 10px 16px;
  font-weight: 200;
  height: 80px;
}
.channel-list .channel-wrapper .channel-bg .toggle {
  position: absolute;
  right: 12px;
  top: 24px;
  margin-top: 0;
  border-radius: 16px;
  border: none;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: none;
  min-width: 68px;
  min-height: 30px;
}
.channel-list .channel-wrapper .channel-bg .toggle.old-btn-primary .toggle-handle {
  right: 16px;
}
.channel-list .channel-wrapper .channel-bg .toggle.old-btn-default .toggle-handle {
  left: 16px;
}
.channel-list .channel-wrapper .channel-bg .toggle .toggle-group > label {
  border: none;
  box-shadow: none;
  font-size: 11px;
  padding: 8px 28px 0 28px;
}
.channel-list .channel-wrapper .channel-bg .toggle .toggle-group .old-btn-primary {
  position: inherit;
  background-color: #f8ac59;
  padding-left: 5px;
}
.channel-list .channel-wrapper .channel-bg .toggle .toggle-group .old-btn-primary:after {
  display: none;
}
.channel-list .channel-wrapper .channel-bg .toggle .toggle-group .toggle-off {
  position: inherit;
  border: none;
  background: none;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 100;
  padding-left: 30px;
  margin-top: 0;
}
.channel-list .channel-wrapper .channel-bg .toggle .toggle-group .toggle-handle {
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  top: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  padding: 0;
}
.channel-list .channel-wrapper .channel-info .pull-left {
  position: relative;
  padding: 16px 0;
  color: #2f4050;
  font-size: 12px;
  width: 25%;
  text-align: center;
  line-height: 14px;
}
.channel-list .channel-wrapper .channel-info .pull-left img.info-icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
.channel-list .channel-wrapper .channel-info .pull-left .icon-triangle,
.channel-list .channel-wrapper .channel-info .pull-left .icon-x {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -19px;
}
.channel-list .modal-dialog {
  margin-top: 10px;
}
.channel-list .modal-dialog .modal-footer .btn {
  margin-right: 5px;
  margin-left: 5px;
}
.channel-list .modal-dialog .modal-footer a.link-doc {
  height: 30px;
  line-height: 30px;
  color: #FFAD36;
}
.channel-list.nativeapp .channel-wrapper .channel-bg {
  background: #3e5163;
  background: -moz-linear-gradient(280deg, #3e5163 1%, #2f4050 100%);
  background: -webkit-linear-gradient(280deg, #3e5163 1%, #2f4050 100%);
  background: linear-gradient(150deg, #3e5163 1%, #2f4050 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5163', endColorstr='#2f4050', GradientType=1);
}
.channel-list.nativeapp .channel-wrapper .note {
  opacity: 0.5;
}
.channel-list.nativeapp .btnYn .icon-triangle,
.channel-list.nativeapp .carouselYn .icon-triangle,
.channel-list.nativeapp .cmsgYn .icon-triangle,
.channel-list.nativeapp .btnYn .icon-x,
.channel-list.nativeapp .carouselYn .icon-x,
.channel-list.nativeapp .cmsgYn .icon-x {
  display: none;
}
.channel-list.nativeapp .userInfoYn .info-icon {
  /*opacity:0.25;*/
}
.channel-list.nativeapp .userInfoYn .icon-triangle,
.channel-list.nativeapp .userInfoYn .icon-x {
  display: none;
}
.channel-list.danbeefrogue .channel-wrapper .channel-bg {
  background: #5f61b1;
  background: -moz-linear-gradient(280deg, #5f61b1 1%, #464c96 100%);
  background: -webkit-linear-gradient(280deg, #5f61b1 1%, #464c96 100%);
  background: linear-gradient(150deg, #5f61b1 1%, #464c96 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f61b1', endColorstr='#464c96', GradientType=1);
}
.channel-list.danbeefrogue .channel-wrapper .note {
  opacity: 0.5;
}
.channel-list.danbeefrogue .btnYn .icon-triangle,
.channel-list.danbeefrogue .carouselYn .icon-triangle,
.channel-list.danbeefrogue .cmsgYn .icon-triangle,
.channel-list.danbeefrogue .btnYn .icon-x,
.channel-list.danbeefrogue .carouselYn .icon-x,
.channel-list.danbeefrogue .cmsgYn .icon-x {
  display: none;
}
.channel-list.danbeefrogue .userInfoYn .info-icon {
  /*opacity:0.25;*/
}
.channel-list.danbeefrogue .userInfoYn .icon-triangle,
.channel-list.danbeefrogue .userInfoYn .icon-x {
  display: none;
}
.channel-list.line .channel-wrapper .channel-bg,
.channel-list.lineworks .channel-wrapper .channel-bg,
.channel-list.naver .channel-wrapper .channel-bg {
  background: #00bf00;
  background: -moz-linear-gradient(280deg, #00bf00 0%, #02b202 100%);
  background: -webkit-linear-gradient(280deg, #00bf00 0%, #02b202 100%);
  background: linear-gradient(150deg, #00bf00 0%, #02b202 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bf00', endColorstr='#02b202', GradientType=1);
}
.channel-list.line .channel-info .icon-triangle,
.channel-list.line .channel-info .icon-x {
  display: none;
}
.channel-list.lineworks .btnYn .icon-triangle,
.channel-list.lineworks .carouselYn .icon-triangle,
.channel-list.lineworks .cmsgYn .icon-triangle,
.channel-list.lineworks .btnYn .icon-x,
.channel-list.lineworks .carouselYn .icon-x,
.channel-list.lineworks .cmsgYn .icon-x {
  display: none;
}
.channel-list.lineworks .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.lineworks .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.naver .btnYn .icon-triangle,
.channel-list.naver .carouselYn .icon-triangle,
.channel-list.naver .cmsgYn .icon-triangle,
.channel-list.naver .btnYn .icon-x,
.channel-list.naver .carouselYn .icon-x,
.channel-list.naver .cmsgYn .icon-x {
  display: none;
}
.channel-list.naver .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.naver .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.kakaotalk .channel-wrapper .channel-bg,
.channel-list.kakaoibuilder .channel-wrapper .channel-bg {
  background: #fad900;
  background: -moz-linear-gradient(280deg, #fad900 1%, #facc00 100%);
  background: -webkit-linear-gradient(280deg, #fad900 1%, #facc00 100%);
  background: linear-gradient(150deg, #fad900 1%, #facc00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad900', endColorstr='#facc00', GradientType=1);
}
.channel-list.kakaotalk .channel-wrapper .channel-bg .channel-title,
.channel-list.kakaoibuilder .channel-wrapper .channel-bg .channel-title {
  color: #3b1f1e;
}
.channel-list.kakaotalk .channel-wrapper .channel-bg .comment,
.channel-list.kakaoibuilder .channel-wrapper .channel-bg .comment {
  color: #2a0301;
}
.channel-list.kakaotalk .btnYn .info-icon,
.channel-list.kakaotalk .cmsgYn .info-icon {
  opacity: 0.5;
}
.channel-list.kakaotalk .btnYn .icon-x,
.channel-list.kakaotalk .cmsgYn .icon-x {
  display: none;
}
.channel-list.kakaotalk .carouselYn .info-icon,
.channel-list.kakaotalk .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.kakaotalk .carouselYn .icon-triangle,
.channel-list.kakaotalk .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.kakaoibuilder .btnYn .info-icon,
.channel-list.kakaoibuilder .cmsgYn .info-icon,
.channel-list.kakaoibuilder .carouselYn .info-icon {
  opacity: 0.5;
}
.channel-list.kakaoibuilder .btnYn .icon-x,
.channel-list.kakaoibuilder .cmsgYn .icon-x,
.channel-list.kakaoibuilder .carouselYn .icon-x {
  display: none;
}
.channel-list.kakaoibuilder .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.kakaoibuilder .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.facebook .channel-wrapper .channel-bg {
  background: #536ea7;
  background: -moz-linear-gradient(280deg, #536ea7 1%, #304e8a 100%);
  background: -webkit-linear-gradient(280deg, #536ea7 1%, #304e8a 100%);
  background: linear-gradient(150deg, #536ea7 1%, #304e8a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536ea7', endColorstr='#304e8a', GradientType=1);
}
.channel-list.facebook .channel-info .icon-triangle,
.channel-list.facebook .channel-info .icon-x {
  display: none;
}
.channel-list.telegram .channel-wrapper .channel-bg {
  background: #3eb9e6;
  background: -moz-linear-gradient(280deg, #3eb9e6 1%, #24a8dd 100%);
  background: -webkit-linear-gradient(280deg, #3eb9e6 1%, #24a8dd 100%);
  background: linear-gradient(150deg, #3eb9e6 1%, #24a8dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3eb9e6', endColorstr='#24a8dd', GradientType=1);
}
.channel-list.telegram .btnYn .info-icon {
  opacity: 0.5;
}
.channel-list.telegram .btnYn .icon-x {
  display: none;
}
.channel-list.telegram .cmsgYn .icon-triangle,
.channel-list.telegram .cmsgYn .icon-x {
  display: none;
}
.channel-list.telegram .carouselYn .info-icon,
.channel-list.telegram .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.telegram .carouselYn .icon-triangle,
.channel-list.telegram .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.slack .channel-wrapper .channel-bg {
  background: #5e4b5c;
  background: -moz-linear-gradient(280deg, #5e4b5c 1%, #4d394b 100%);
  background: -webkit-linear-gradient(280deg, #5e4b5c 1%, #4d394b 100%);
  background: linear-gradient(150deg, #5e4b5c 1%, #4d394b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e4b5c', endColorstr='#4d394b', GradientType=1);
}
.channel-list.slack .btnYn .icon-triangle,
.channel-list.slack .carouselYn .icon-triangle,
.channel-list.slack .cmsgYn .icon-triangle,
.channel-list.slack .btnYn .icon-x,
.channel-list.slack .carouselYn .icon-x,
.channel-list.slack .cmsgYn .icon-x {
  display: none;
}
.channel-list.slack .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.slack .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.kioscott .channel-wrapper .channel-bg {
  background: tomato;
  background: -moz-linear-gradient(280deg, tomato 1%, tomato 100%);
  background: -webkit-linear-gradient(280deg, tomato 1%, tomato 100%);
  background: linear-gradient(150deg, tomato 1%, tomato 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e4b5c', endColorstr='#4d394b', GradientType=1);
}
.channel-list.kioscott .btnYn .icon-triangle,
.channel-list.kioscott .carouselYn .icon-triangle,
.channel-list.kioscott .cmsgYn .icon-triangle,
.channel-list.kioscott .btnYn .icon-x,
.channel-list.kioscott .carouselYn .icon-x,
.channel-list.kioscott .cmsgYn .icon-x {
  display: none;
}
.channel-list.kioscott .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.kioscott .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.danbeepages .channel-wrapper .channel-bg {
  background: #cc33ff;
  background: -moz-linear-gradient(280deg, #512da8 1%, #512da8 100%);
  background: -webkit-linear-gradient(280deg, #512da8 1%, #512da8 100%);
  background: linear-gradient(150deg, #512da8 1%, #512da8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e4b5c', endColorstr='#4d394b', GradientType=1);
}
.channel-list.danbeepages .btnYn .icon-triangle,
.channel-list.danbeepages .carouselYn .icon-triangle,
.channel-list.danbeepages .cmsgYn .icon-triangle,
.channel-list.danbeepages .btnYn .icon-x,
.channel-list.danbeepages .carouselYn .icon-x,
.channel-list.danbeepages .cmsgYn .icon-x {
  display: none;
}
.channel-list.danbeepages .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.danbeepages .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.groovworks_pagetalk .channel-wrapper .channel-bg {
  background: #ff0000;
  background: -moz-linear-gradient(280deg, #ff0000 1%, #ff0000 100%);
  background: -webkit-linear-gradient(280deg, #ff0000 1%, #ff0000 100%);
  background: linear-gradient(150deg, #ff0000 1%, #ff0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e4b5c', endColorstr='#4d394b', GradientType=1);
}
.channel-list.groovworks_pagetalk .btnYn .icon-triangle,
.channel-list.groovworks_pagetalk .carouselYn .icon-triangle,
.channel-list.groovworks_pagetalk .cmsgYn .icon-triangle,
.channel-list.groovworks_pagetalk .btnYn .icon-x,
.channel-list.groovworks_pagetalk .carouselYn .icon-x,
.channel-list.groovworks_pagetalk .cmsgYn .icon-x {
  display: none;
}
.channel-list.groovworks_pagetalk .userInfoYn .info-icon {
  opacity: 0.25;
}
.channel-list.groovworks_pagetalk .userInfoYn .icon-triangle {
  display: none;
}
.channel-list.chatting .channel-wrapper .channel-bg {
  background: #3b7cf3;
  background: -moz-linear-gradient(280deg, #3b7cf3 0%, #3b7cf3 100%);
  background: -webkit-linear-gradient(280deg, #3b7cf3 0%, #3b7cf3 100%);
  background: linear-gradient(150deg, #3b7cf3 0%, #3b7cf3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7cf3', endColorstr='#3b7cf3', GradientType=1);
}
.channel-list.chatting .channel-info .icon-triangle,
.channel-list.chatting .channel-info .icon-x {
  display: none;
}
.slack-content ol li {
  margin-bottom: 4px;
}
.slack-content ol li span.sub-info {
  display: block;
}
.slack-content ol li span.sub-info:before {
  content: "-";
  margin-right: 5px;
  font-weight: bold;
}
/*-- widget list --*/
.widget-footer-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
/*-- chatflow --*/
.btn.chatflow {
  width: 100%;
}
.btn.chatflow img {
  margin-right: 5px;
}
.panel-body .tab-content {
  box-shadow: none;
}
.panel-body .tab-content table.table tbody th,
.panel-body .tab-content table.table tbody td {
  padding: 4px 8px;
}
.panel-body .tab-content table.table .db-full-td {
  border: 1px solid #e2e2e2;
  border-bottom: none;
}
.panel-body .tab-content table.table .db-full-td:last-child {
  border-bottom: 1px solid #e2e2e2;
}
.panel-body .tab-content table.table .db-full-td td {
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
  background: #f8f8f8;
  padding-top: 8px;
  padding-bottom: 8px;
}
.panel-body .tab-content table.table .db-full-td td:first-child {
  padding-left: 8px;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group {
  margin-top: 0px !important;
}
.nya-bs-select.btn-group .dropdown-menu.inner {
  /*대시보드 셀렉트박스 글씨 안보이는 현상 제거*/
  position: relative !important;
}
/*
.nya-bs-select.btn-group .dropdown-menu li.group-item a{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    padding-left: 10px !important;
    padding-right: 30px !important;
}
.dropdown-menu .nya-bs-option{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    padding-left: 10px !important;
    padding-right: 30px !important;
}
*/
.nya-bs-select.intent-select .dropdown-menu {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.nya-bs-select.intent-select .dropdown-menu li.first-in-group {
  margin-top: 2em;
}
.nya-bs-select.intent-select .dropdown-menu li.first-in-group .dropdown-header {
  font-size: 14px;
  border-bottom: 2px solid #e5e6e7;
  font-weight: bold;
  background: #fff;
  color: #333;
  padding: 5px 0;
  margin-left: 10px;
  top: -2em !important;
}
.nya-bs-select.intent-select .dropdown-menu li.first-in-group a {
  margin-top: 2em;
}
.nya-bs-select.intent-select .dropdown-menu li {
  margin-bottom: 5px;
}
.nya-bs-select.intent-select .dropdown-menu li a {
  margin-left: 10px;
}
.nya-bs-select.intent-select .dropdown-menu li.disabled a {
  color: #bbb;
}
.db-panel-func-btns #paramCollectors {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
  margin-right: 0;
  padding: 10px 10px 5px;
}
.db-panel-func-btns #paramCollectors .search-wrapper {
  position: relative;
}
.db-panel-func-btns #paramCollectors .search-wrapper .form-control {
  border-width: 3px;
  border-radius: 3px;
  padding-left: 27px;
}
.db-panel-func-btns #paramCollectors .search-wrapper .form-control:focus {
  border-width: 1px;
}
.db-panel-func-btns #paramCollectors .search-wrapper i {
  position: absolute;
  top: 10px;
  left: 10px;
}
.db-panel-func-btns #paramCollectors .selectCollector_ul {
  border: none;
  margin-bottom: 5px;
}
.db-panel-func-btns #paramCollectors .selectCollector_ul li {
  text-align: left;
  padding-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.db-panel-func-btns #paramCollectors .selectCollector_ul li:hover {
  background: #fff;
  color: #f8ac59;
}
.db-panel-func-btns #paramCollectors .selectCollector_ul.emotionParam {
  padding-bottom: 5px;
  border-bottom: 2px solid #e5e6e7;
}
.db-image-editor .db-image-editor-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
a.link-doc {
  height: 40px;
  line-height: 40px;
  color: #FFAD36;
}
/*-- chatflow log --*/
.chatflow-log .col-xs-12 {
  display: block;
}
.chatflow-log .old-ibox.nlu-log-box-header {
  position: sticky;
  top: -1px;
  z-index: 1;
  margin-bottom: 0;
}
.chatflow-log .old-ibox.nlu-log-box-header .old-ibox-title {
  padding: 5px 20px;
  font-weight: 600;
  background: rgba(41, 56, 70, 0.8);
  border-radius: 4px 4px 0 0;
  color: white;
  font-size: 13px;
}
.chatflow-log .old-ibox.nlu-log-box-header .old-ibox-title .col-xs-12 {
  padding: 7px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chatflow-log .old-ibox.nlu-log-box .old-ibox-title {
  padding: 0 20px;
  min-height: inherit;
}
.chatflow-log .old-ibox.nlu-log-box table.table > tbody > tr > td {
  padding: 8px 10px;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table {
  background: #f8f8f8;
  border-top: 1px solid #ddd;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table thead th {
  background: #f8f8f8 !important;
  color: #555;
  box-shadow: none !important;
  border-bottom: 1px solid #c8c8c8 !important;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node {
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #eee;
  font-size: 12px;
  font-weight: bold;
  word-break: keep-all;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.listen {
  background: #ffd26a;
  border-color: #d4ba7f;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.speak {
  background: #ddff94;
  border-color: #bbc99d;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.split {
  background: #ebd2a5;
  border-color: #c7b28b;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.slot {
  background: #dac4ff;
  border-color: #c0afdb;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.carousel {
  background: #d1d1e0;
  border-color: #b4b4c2;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.api {
  background: #ffb2d9;
  border-color: #d494b4;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.function {
  background: #b2ccff;
  border-color: #a0b4de;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.parameter {
  background: #FFA4A2;
  border-color: #FFA4A2;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.jump {
  background: #7ecdca;
  border-color: #65a6a4;
}
.chatflow-log .old-ibox.nlu-log-box .sub-table td span.node.knowledge {
  background: #81c784;
  border-color: #d494b4;
}
.chatflow-log .old-ibox.nlu-log-box span.userId {
  font-size: 12px;
}
.chatflow-log .db-log {
  cursor: pointer;
}
.chatflow-log .db-log > div {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chatflow-log .db-log > div .db-input-sentence {
  font-size: 14px;
}
.chatflow-log .db-log > span {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 15px;
}
.chatflow-log .db-log > span:first-child,
.chatflow-log .db-log > span:nth-child(2) {
  line-height: inherit;
}
.chatflow-log .db-log > span[class*="arrow_"] {
  position: absolute;
  right: 9px;
  top: -8px;
  font-size: 16px;
  padding: 10px 0;
}
.chatflow-log .db-log.chatflow-log > span[class*="arrow_"] {
  top: 5px;
  right: 5px;
}
.chatflow-log .old-ibox-content td span.conversation {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
}
.chatflow-log .old-ibox-content td.BOT span.conversation > img {
  position: absolute;
  right: -5px;
  bottom: -6px;
}
.chatflow-log .old-ibox-content td.USER span.conversation > img {
  display: none;
}
.chatflow-log .old-ibox-content td.BOT span.conversation:before,
.chatflow-log .old-ibox-content td.USER span.conversation:after {
  bottom: -1px;
}
.synonymList .old-ibox-title .comment,
.userVarList .old-ibox-title .comment {
  font-size: 12px;
  margin-right: 10px;
}
.synonymList .old-ibox-title .comment .requestTime,
.userVarList .old-ibox-title .comment .requestTime {
  margin-left: 5px;
}
.synonymList > .row,
.userVarList > .row {
  padding: 0 15px 10px;
  font-size: 13px;
  color: #4c5a67;
  font-weight: bold;
}
.synonymList > .innerScroll,
.userVarList > .innerScroll {
  margin-bottom: 15px;
}
.synonymList > .innerScroll .row,
.userVarList > .innerScroll .row {
  background: #f7f7f7;
  padding: 10px 0;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin-bottom: 4px !important;
}
.synonymList > .innerScroll .row > div:first-child,
.userVarList > .innerScroll .row > div:first-child {
  position: relative;
}
.synonymList > .innerScroll .row > div:first-child input,
.userVarList > .innerScroll .row > div:first-child input {
  padding-right: 10px;
}
.synonymList > .innerScroll .row > div:first-child > .status,
.userVarList > .innerScroll .row > div:first-child > .status {
  position: absolute;
  top: 9px;
  right: -8px;
}
.synonymList > .innerScroll .row > div:first-child > .status i,
.userVarList > .innerScroll .row > div:first-child > .status i {
  font-size: 16px;
  color: #25baa1;
}
.synonymList > .innerScroll .row input,
.userVarList > .innerScroll .row input {
  height: 36px;
  background: transparent !important;
  border: 0;
  line-height: 36px;
}
.synonymList > .innerScroll .row .db-synonym-btns span,
.userVarList > .innerScroll .row .db-synonym-btns span {
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  margin-left: 8px;
  color: #999;
}
.synonymList > .innerScroll .row .db-synonym-btns span:hover,
.userVarList > .innerScroll .row .db-synonym-btns span:hover {
  color: #333;
}
.synonymList > .innerScroll .row:hover,
.userVarList > .innerScroll .row:hover {
  background-color: #f2f2f2;
}
.synonymList > .innerScroll .row.editabled,
.userVarList > .innerScroll .row.editabled {
  background: #fff;
  border-color: #ddd;
}
.synonymList > .innerScroll .row.editabled input,
.userVarList > .innerScroll .row.editabled input {
  border: none;
  border-bottom: 1px solid #ddd;
}
.synonymList > .innerScroll .row.editabled input:focus,
.userVarList > .innerScroll .row.editabled input:focus {
  border-color: #333;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor,
.userVarList > .innerScroll .row.editabled ul.tag-editor {
  border-bottom: 1px solid #ddd !important;
  box-sizing: border-box;
  min-height: 36px;
  top: 0;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor:hover,
.userVarList > .innerScroll .row.editabled ul.tag-editor:hover {
  border-color: #333;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor li.placeholder > div,
.userVarList > .innerScroll .row.editabled ul.tag-editor li.placeholder > div {
  height: 30px;
  line-height: 30px;
}
.synonymList > .innerScroll .row.editabled .db-synonym-btns span,
.userVarList > .innerScroll .row.editabled .db-synonym-btns span {
  color: #333;
}
.synonymList > .innerScroll .row.editabled .db-synonym-btns span:hover,
.userVarList > .innerScroll .row.editabled .db-synonym-btns span:hover {
  color: #f8ac59;
}
.synonymList > .innerScroll .row.disabled input,
.userVarList > .innerScroll .row.disabled input {
  background: transparent;
  border: none;
}
.synonymList > .innerScroll .row.disabled input:hover,
.userVarList > .innerScroll .row.disabled input:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover li:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover li:hover {
  cursor: default;
}
@media screen and (max-width: 800px) {
  .synonymList > .row {
    display: none;
  }
}
/*-- datepicker(rg-range-picker) --*/
.rg-range-picker .btn {
  box-shadow: none;
  padding: inherit;
}
.rg-range-picker .btn.old-btn-default:disabled {
  background: inherit;
}
.rg-range-picker .btn:after {
  display: none;
}
.rg-range-picker .rg-range-picker-box {
  width: 590px !important;
  border: 1px solid #eaeaea;
  box-shadow: 0px 0px 30px 0px #00000044;
  border-radius: 13px;
  overflow: hidden;
}
.rg-range-picker .rg-range-picker-calendar-box table thead th {
  background: #fff;
  color: #333;
  border: none;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td {
  border: none;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button {
  width: 28px !important;
  border-radius: 14px;
  padding: 5px;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button:hover {
  border: none;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button span {
  font-size: 11px;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button span.text-info {
  color: #FFAD36;
  font-weight: bold;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button span.text-muted {
  color: #bbb;
}
.rg-range-picker .rg-range-picker-calendar-box table tbody tr td button.active span.text-info {
  color: #fff;
  font-weight: bold;
}
.rg-range-picker .old-btn-default {
  border: none;
}
.clean-slider .bar.full {
  background-color: #f5f5f5;
}
/*-- table --*/
table.table-bordered tbody tr td {
  padding: 8px;
}
/*-- dataTable  --*/
table.dataTables-example.table-striped tbody tr td {
  border-top: none;
}
table.dataTables-example.table-striped > tbody > tr:nth-of-type(odd) {
  background: #fbfbfb;
}
table.dataTables-example > colgroup + thead > tr:first-child > th,
table.dataTables-example > colgroup + thead > tr:first-child td {
  border-top: 1px solid #4c5a67;
}
table.dataTables-example tbody td {
  padding: 5px 8px;
}
table.dataTables-example.table-hover > tbody > tr:hover {
  background: #faf5f0;
}
.pagination > .active > a {
  background: #ffefde;
  border-color: #FFAD36;
  color: #e27600;
}
/*-- dashboard --*/
.dashboard #page-wrapper .wrapper-content .row {
  margin-left: -15px;
  margin-right: -15px;
}
.dashboard .blockedDashboard {
  /* dimmed 처리되는 대시보드 내용에 적용되는 스타일 */
  width: 100%;
  height: 80%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 900000000000;
  left: 0;
  top: 20%;
  border-top: 1px solid #fff;
}
.dashboard .blockedDashboard .info {
  transform: rotate(-20deg);
  width: 117px;
  position: absolute;
  top: 22%;
  left: 50%;
  font-size: 18px;
  margin-left: -58px;
  color: rgba(0, 0, 0, 0.8);
  padding: 6px;
  background: rgba(255, 255, 255, 0.4);
}
.dashboard .general-info .old-ibox-content {
  position: relative;
  padding-bottom: 10px;
}
.dashboard .general-info .old-ibox-content .imgPlace {
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboard .general-info .old-ibox-content .botInfo {
  position: relative;
  vertical-align: middle;
}
.dashboard .general-info .old-ibox-content .botInfo > dl {
  display: inline-block;
  margin-left: 0;
  overflow: visible;
}
.dashboard .general-info .old-ibox-content .botInfo .nya-bs-select {
  width: auto;
  min-width: 160px;
  max-width: 320px;
}
.dashboard .general-info .old-ibox-content .botInfo .nya-bs-select > button {
  width: auto;
  max-width: 100%;
  border: none;
  box-shadow: none;
  font-family: "Quicksand", "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding-left: 0;
}
.dashboard .general-info .old-ibox-content .botInfo .nya-bs-select > button .pull-left {
  width: auto;
  max-width: 100%;
}
.dashboard .general-info .old-ibox-content .botInfo .nya-bs-select > button:after {
  display: none;
}
.dashboard .general-info .old-ibox-content .botInfo > button {
  position: absolute;
  right: 0;
  top: 19px;
}
.dashboard .general-info .old-ibox-content .chInfo {
  float: right;
  position: relative;
  top: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard .general-info .old-ibox-content .chInfo li {
  display: inline-block;
}
.dashboard .general-info .old-ibox-content .chInfo li button {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 3px;
  background: #bbb;
  background-image: url("../img/dashboard/img_ch.png");
  background-repeat: no-repeat;
}
.dashboard .general-info .old-ibox-content .chInfo li button:hover {
  opacity: 0.8;
}
.dashboard .general-info .old-ibox-content .chInfo li.db button {
  background-position: 0 -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.db.off button {
  background-position: 0 0;
}
.dashboard .general-info .old-ibox-content .chInfo li.line button {
  background-position: -26px -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.line.off button {
  background-position: -26px 0;
}
.dashboard .general-info .old-ibox-content .chInfo li.kakao button {
  background-position: -52px -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.kakao.off button {
  background-position: -52px 0;
}
.dashboard .general-info .old-ibox-content .chInfo li.fb button {
  background-position: -78px -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.fb.off button {
  background-position: -78px 0;
}
.dashboard .general-info .old-ibox-content .chInfo li.telegram button {
  background-position: -104px -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.telegram.off button {
  background-position: -104px 0;
}
.dashboard .general-info .old-ibox-content .chInfo li.naver button {
  background-position: -130px -26px;
}
.dashboard .general-info .old-ibox-content .chInfo li.naver.off button {
  background-position: -130px 0;
}
.dashboard .general-info .old-ibox-content img {
  position: absolute;
  top: 27px;
}
.dashboard .general-info .old-ibox-content dl {
  font-family: "Quicksand", "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", Helvetica, Arial, sans-serif;
  margin: 0 0 0 70px;
  overflow: hidden;
}
.dashboard .general-info .old-ibox-content dl dt {
  font-size: 14px;
  font-weight: bold;
  color: #67737e;
  opacity: 0.8;
  margin-bottom: -5px;
}
.dashboard .general-info .old-ibox-content dl dd {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -0.025em;
}
.dashboard .general-info .old-ibox-content dl dd small {
  /*대쉬 보드 단위*/
  font-size: 24px;
}
.dashboard .nav-tabs {
  list-style: none;
  border: none;
  margin-bottom: 9px;
  padding-left: 0;
}
.dashboard .nav-tabs li {
  font-size: 16px;
  margin-bottom: -3px;
}
.dashboard .nav-tabs li a {
  padding: 7px 20px 7px 25px;
}
.dashboard .nav-tabs li a:focus {
  color: #A7B1C2;
  background: none;
}
.dashboard .nav-tabs li.active a {
  background: none;
  border-color: transparent;
  border-bottom-color: #4c5a67;
}
.dashboard .nav-tabs li.disabled {
  position: relative;
}
.dashboard .nav-tabs li.disabled a {
  color: rgba(103, 106, 108, 0.25);
  cursor: default;
}
.dashboard .nav-tabs li.disabled .badge {
  position: absolute;
  right: -5px;
  top: -7px;
  font-size: 10px;
  font-weight: bold;
  color: #FFAD36;
  padding: 4px 6px 5px;
  transform: rotate(18deg);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
  .dashboard .transactionInfo .col-md-6,
  .dashboard .learningInfo .col-md-6 {
    padding: 36px 0 !important;
    border-bottom: 1px solid #cfd2d4;
  }
  .dashboard .transactionInfo .col-md-6:nth-child(2n),
  .dashboard .learningInfo .col-md-6:nth-child(2n) {
    border-right: 1px solid #cfd2d4;
  }
}
@media (min-width: 1200px) {
  .dashboard .general-info .old-ibox-content img {
    top: 15px;
    right: 15px;
    width: 20px;
  }
  .dashboard .general-info .old-ibox-content dl {
    margin: 0 !important;
  }
}
@media (max-width: 992px) {
  .dashboard .transactionInfo .col-md-6,
  .dashboard .learningInfo .col-md-6 {
    border-right: 1px solid #cfd2d4;
  }
}
.event-info {
  background: #fbfbfb;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 10px 15px;
}
.event-info .wrapper {
  position: relative;
  padding: 0;
  margin-bottom: 5px;
}
.event-info .wrapper .btn-trans {
  position: absolute;
  top: 5px;
  right: 10px;
}
tr.editable td {
  padding-left: 8px !important;
}
tr.editable td.before {
  border-right: none;
}
tr.editable td:last-child {
  border-left: none;
}
.panel-condition .panel-heading .row {
  position: relative;
  margin-bottom: 5px;
}
.panel-condition .panel-heading .row div[class*="col-sm"] {
  padding-left: 0;
  padding-right: 5px;
}
.panel-condition .panel-heading .row div[class*="col-sm"] .panel-num {
  padding-left: 22px;
}
.panel-condition .panel-heading .row div[class*="col-sm"]:last-child > div {
  display: inline-block;
  margin-left: 2px;
}
.panel-condition .panel-heading .row div[class*="col-sm"]:last-child > div span {
  position: relative;
  top: 2px;
}
.panel-condition .panel-heading .row div[class*="col-sm"]:last-child > div .dropdown-menu {
  min-width: 120px;
  left: inherit;
  right: 0;
}
.panel-condition .panel-heading .row div[class*="col-sm"] .btn-trans {
  padding: 8px 2px;
}
.panel-condition .panel-heading .row:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .panel-condition .panel-heading .row {
    margin-bottom: 10px;
  }
  .panel-condition .panel-heading .row div[class*="col-sm"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
  }
  .panel-condition .panel-heading .row div[class*="col-sm"] .panel-num {
    top: 0;
    padding-left: 0;
  }
}
.carouselModal .panel-body .db-carousel-wrapper > .row {
  margin-right: 0;
  margin-bottom: 20px;
}
.carouselModal .panel-body .db-carousel-wrapper > .row .col-lg-6 > div {
  margin-top: 5px;
}
.carouselModal .panel-body .db-carousel-container-wrapper {
  border: 1px solid #eee;
  background: #f8f8f8;
  overflow-x: auto;
  padding: 20px;
  margin-bottom: 20px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container {
  width: auto;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box {
  border-color: #bbb;
  border-radius: 15px;
  vertical-align: top;
  margin: 0 8px 0 0;
  overflow: hidden;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem {
  border: none;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .subtitle-content {
  box-shadow: 0px 3px 3px 0px #00000040;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-header .pull-left span {
  position: relative;
  top: 1px;
  font-size: 16px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-title {
  height: 60px;
  background: #fff;
  border-top: 0.5px solid #00000044;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-img .img {
  height: 140px;
  background: url("../img/chatflow/bg_transparent.png") repeat;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-img .img img {
  height: 100%;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-img .img-empty {
  height: 140px;
  background: url("../img/chatflow/bg_transparent.png") repeat;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-img .img-empty span {
  color: #bbb;
  border-color: #bbb;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem.db-carousel-box-subtitle .subtitle-content textarea {
  font-weight: normal;
  padding: 20px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header {
  position: relative;
  text-align: center;
  cursor: pointer;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header input {
  color: #121212;
  border: none;
  text-align: center;
  display: inline-block;
  width: 80%;
  height: 100%;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header .inline {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header .inline .btn-trans {
  height: 20px;
  position: absolute;
  padding: 0 12px;
  top: 0;
  left: 0;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header .inline .btn-trans.down {
  top: initial;
  bottom: 0;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header p {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 46px 5px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header p:hover {
  color: #f8ac59;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-elem .btn-header > .btn-trans {
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn {
  border-radius: 10px;
  background: #fff;
  width: 95%;
  margin: 10px auto;
  overflow: hidden;
  box-shadow: 0 0 7px #00000033;
  border: 1px solid #00000033;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn:first-child {
  margin-top: 15px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content {
  border-top: 1px solid #e2e2e2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  padding: 0 10px 5px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content select,
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #eee;
  padding-left: 4px;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content select {
  padding-left: 0;
}
.carouselModal .panel-body .db-carousel-container-wrapper .db-carousel-container .db-carousel-box .db-carousel-box-btn .btn-content .btn-xs {
  height: auto;
}
.carouselModal .panel-body .btn-add-component-row.btn-node-row {
  border-top: none;
}
.quick-reply-list {
  padding: 10px 0;
  margin-bottom: 0;
}
.quick-reply-list > li {
  list-style: none;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 3px;
}
.quick-reply-list > li button {
  position: relative;
  padding: 8px 15px;
  background: #f8ac59;
  color: #fff;
  border: none;
  border-radius: 17px;
}
.quick-reply-list > li button span.icon_error-circle {
  position: absolute;
  top: -9px;
  left: 0px;
  font-size: 18px;
  color: #ff4d4c;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.quick-reply-list > li button span.close {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: normal;
  text-shadow: none;
  margin: 1px 0 0 8px;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  opacity: 1;
  line-height: 15px;
}
.quick-reply-list > li button span.close span {
  position: Relative;
  top: 2px;
  right: 1px;
}
.quick-reply-list > li button:disabled {
  cursor: not-allowed;
}
.quick-reply-list > li button:hover,
.quick-reply-list > li button:focus {
  background: #FFAD36;
  opacity: .8;
}
.quick-reply-list > li button:hover:active,
.quick-reply-list > li button:focus:active {
  opacity: 1;
}
.quick-reply-list > li button:hover span.close:hover,
.quick-reply-list > li button:focus span.close:hover {
  background: rgba(0, 0, 0, 0.25);
}
.quick-reply-list > li.selected {
  border: 1px solid #f8ac59;
}
.quick-reply-list > li.selected button {
  background: #FFAD36;
}
.quick-reply-list > li.selected button:hover {
  opacity: 1;
}
.quick-reply-list > li:last-child button {
  padding: 8px 12px;
  background: #eee;
  color: #777;
}
.quick-reply-list > li:last-child button span {
  margin-right: 3px;
}
.quick-reply-list > li:last-child button:hover {
  background: #d2d2d2;
  color: #333;
}
.modal-param .col-xs-4 h5 {
  padding: 10px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-node .fa {
  font-size: 14px;
}
.btn-node.btn-jump {
  background: #7ECDCA;
}
.btn-node:active:focus {
  background-color: inherit;
}
#popupJumpNodePanel .clear-float h4 {
  margin: 10px 0 15px;
}
#popupJumpNodePanel .clear-float .required {
  color: #ed5565;
}
#popupJumpNodePanel .clear-float form {
  width: 75%;
  width: -webkit-calc(100% - 163px);
  width: -moz-calc(100% - 163px);
  width: calc(100% - 163px);
}
#popupJumpNodePanel .toggle {
  border-radius: 16px;
  border: none;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: none;
}
#popupJumpNodePanel .toggle.old-btn-primary .toggle-handle {
  right: 17px;
}
#popupJumpNodePanel .toggle.old-btn-default .toggle-handle {
  left: 17px;
}
#popupJumpNodePanel .toggle .toggle-group > label {
  border: none;
  box-shadow: none;
  font-size: 11px;
  padding: 10px 28px 0 28px;
}
#popupJumpNodePanel .toggle .toggle-group .old-btn-primary {
  background-color: #f8ac59;
  padding-left: 5px;
  position: inherit;
}
#popupJumpNodePanel .toggle .toggle-group .toggle-off {
  border: none;
  background: none;
  color: #fff;
  font-weight: 100;
  padding-left: 36px;
  margin-top: 0;
  position: inherit;
}
#popupJumpNodePanel .toggle .toggle-group .toggle-handle {
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  top: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  padding: 0;
}
#popupJumpNodePanel .param-scroll {
  position: relative;
  height: 400px;
  background: #fbfbfb;
  border: 1px solid #ddd;
  padding: 20px;
  overflow-y: auto;
}
#popupJumpNodePanel .param-scroll .row .text-right {
  padding: 4px 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#popupJumpNodePanel .param-scroll .row .text-right.disabled {
  opacity: 0.3;
}
#popupJumpNodePanel .param-scroll .row + .row {
  margin-top: 15px;
}
#popupJumpNodePanel .param-scroll .row:last-child {
  margin-bottom: 200px;
}
#popupJumpNodePanel .param-scroll .empty {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f8f8f8;
  color: #aaa;
  font-size: 20px;
  text-align: center;
  line-height: 400px;
}
#popupJumpNodePanel .param-scroll::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
#popupJumpNodePanel .param-scroll::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
#popupJumpNodePanel .param-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
#popupJumpNodePanel .param-scroll::-webkit-scrollbar-track {
  background: #ddd !important;
}
#popupJumpNodePanel .param-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
.api-modal .panel-api .panel-heading {
  padding: 8px 15px;
}
.api-modal .panel-api .panel-body {
  overflow: auto;
}
.api-modal ul.param-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.api-modal ul.param-list > li > .text-center {
  padding: 150px 0;
}
.api-modal ul.param-list > li:last-child {
  padding: 10px;
}
.api-modal ul.param-list .row {
  margin-left: -5px;
  margin-right: -5px;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.api-modal ul.param-list .row .col-xs-4,
.api-modal ul.param-list .row .col-xs-1 {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*-- ace-editor --*/
.ace_content * {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/*-- tag editor --*/
ul.tag-editor li .tag-editor-tag {
  border: 0 !important;
  border-right: none;
  border-radius: 5px 0 0 5px;
  line-height: 28px;
  font-size: 15px;
  padding-left: 5px;
  color: inherit;
  font-weight: 600;
  background: transparent;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 30px;
}
ul.tag-editor li .tag-editor-tag.active {
  border: none;
}
ul.tag-editor li .tag-editor-delete {
  border: 0 !important;
  color: #FFAD36;
  border-left: none;
  border-radius: 0 5px 5px 0;
  color: inherit;
  background: transparent;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  padding-top: 3px;
  padding-right: 10px;
  padding-left: 8px;
}
ul.tag-editor li .tag-editor-delete i {
  line-height: 12px;
  vertical-align: middle;
  display: inline-block;
}
ul.tag-editor li .tag-editor-delete i:before {
  font-size: 22px;
  color: inherit;
  font-style: normal;
}
.modal-body ul.tag-editor li .db-tag-editor-tag {
  border: 1px solid #d69651;
  border-right: none;
  border-radius: 5px 0 0 5px;
  line-height: 28px;
}
.modal-body ul.tag-editor li:after {
  display: inline-block;
  margin: 5px 0 0 7px;
  font-size: 12px;
  content: "&";
}
.modal-body ul.tag-editor li:last-child:after {
  display: none;
}
.synonymList .old-ibox-title .comment,
.userVarList .old-ibox-title .comment {
  font-size: 12px;
  margin-right: 10px;
}
.synonymList .old-ibox-title .comment .requestTime,
.userVarList .old-ibox-title .comment .requestTime {
  margin-left: 5px;
}
.synonymList > .row,
.userVarList > .row {
  padding: 10px 0;
  font-size: 13px;
  color: #4c5a67;
  font-weight: bold;
}
.synonymList > .innerScroll,
.userVarList > .innerScroll {
  margin-bottom: 15px;
  position: relative;
}
.synonymList > .innerScroll .row,
.userVarList > .innerScroll .row {
  background: #f7f7f7;
  position: relative;
  padding: 10px 0;
  border: 1px solid #e6e6e6;
  margin-bottom: 4px !important;
  margin-left: 0;
  margin-right: 0;
}
.synonymList > .innerScroll .row > .colSelect,
.userVarList > .innerScroll .row > .colSelect {
  position: relative;
}
.synonymList > .innerScroll .row > .colSelect input,
.userVarList > .innerScroll .row > .colSelect input,
.synonymList > .innerScroll .row > .colSelect textarea,
.userVarList > .innerScroll .row > .colSelect textarea {
  padding-right: 42px;
}
.synonymList > .innerScroll .row > .colSelect > div,
.userVarList > .innerScroll .row > .colSelect > div {
  position: absolute;
  top: 9px;
  right: -8px;
}
.synonymList > .innerScroll .row > .colSelect > div span[class*="icon_"],
.userVarList > .innerScroll .row > .colSelect > div span[class*="icon_"] {
  font-size: 16px;
  color: #25baa1;
}
.synonymList > .innerScroll .row > .colSelect .waiting span[class*="icon_"],
.userVarList > .innerScroll .row > .colSelect .waiting span[class*="icon_"] {
  position: relative;
  top: 1px;
  font-size: 16px;
}
.synonymList > .innerScroll .row > .colSelect .waiting span[class*="icon_"].icon_pause,
.userVarList > .innerScroll .row > .colSelect .waiting span[class*="icon_"].icon_pause {
  color: gray;
}
.synonymList > .innerScroll .row textarea,
.userVarList > .innerScroll .row textarea {
  min-height: 34px;
  padding: 9px 0 2px;
  line-height: 26px;
  border: none;
  background: none;
}
.synonymList > .innerScroll .row textarea:-webkit-scrollbar,
.userVarList > .innerScroll .row textarea:-webkit-scrollbar {
  display: none;
}
.synonymList > .innerScroll .row input,
.userVarList > .innerScroll .row input {
  height: 36px;
  line-height: 36px;
}
.synonymList > .innerScroll .row .db-uneditable-span,
.userVarList > .innerScroll .row .db-uneditable-span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 20px;
  opacity: 0.5;
}
.synonymList > .innerScroll .row .firstform input,
.userVarList > .innerScroll .row .firstform input {
  padding-left: 16px;
}
.synonymList > .innerScroll .row .firstform:before,
.userVarList > .innerScroll .row .firstform:before {
  display: block;
  content: "@";
  position: absolute;
  top: 9px;
}
.synonymList > .innerScroll .row .db-confirm-btns,
.userVarList > .innerScroll .row .db-confirm-btns {
  position: absolute;
  right: 0;
  padding-left: 0;
}
.synonymList > .innerScroll .row .db-confirm-btns span,
.userVarList > .innerScroll .row .db-confirm-btns span {
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  margin-left: 8px;
  color: #999;
}
.synonymList > .innerScroll .row .db-confirm-btns span:hover,
.userVarList > .innerScroll .row .db-confirm-btns span:hover {
  color: #333;
}
.synonymList > .innerScroll .row .db-confirm-btns .txt-btn,
.userVarList > .innerScroll .row .db-confirm-btns .txt-btn {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  padding: 9px 22px;
  margin-left: 2px;
  border-radius: 4px;
  font-size: 14px;
  opacity: 1;
}
.synonymList > .innerScroll .row:hover,
.userVarList > .innerScroll .row:hover {
  background-color: #f2f2f2;
}
.synonymList > .innerScroll .row.editabled,
.userVarList > .innerScroll .row.editabled {
  background: #fff;
  border-color: #ddd;
  min-height: 60px;
  position: relative;
}
.synonymList > .innerScroll .row.editabled input,
.userVarList > .innerScroll .row.editabled input,
.synonymList > .innerScroll .row.editabled textarea,
.userVarList > .innerScroll .row.editabled textarea {
  border: 0;
  border-bottom: 1px solid #ddd;
}
.synonymList > .innerScroll .row.editabled input:read-only,
.userVarList > .innerScroll .row.editabled input:read-only,
.synonymList > .innerScroll .row.editabled textarea:read-only,
.userVarList > .innerScroll .row.editabled textarea:read-only {
  border: none;
}
.synonymList > .innerScroll .row.editabled input:focus,
.userVarList > .innerScroll .row.editabled input:focus,
.synonymList > .innerScroll .row.editabled textarea:focus,
.userVarList > .innerScroll .row.editabled textarea:focus {
  border-color: #333;
}
.synonymList > .innerScroll .row.editabled .firstform input,
.userVarList > .innerScroll .row.editabled .firstform input {
  padding-left: 16px;
}
.synonymList > .innerScroll .row.editabled .firstform:before,
.userVarList > .innerScroll .row.editabled .firstform:before {
  display: block;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor,
.userVarList > .innerScroll .row.editabled ul.tag-editor {
  border-bottom: 1px solid #ddd !important;
  box-sizing: border-box;
  min-height: 36px;
  top: 0;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor:hover,
.userVarList > .innerScroll .row.editabled ul.tag-editor:hover {
  border-color: #333;
}
.synonymList > .innerScroll .row.editabled ul.tag-editor li.placeholder > div,
.userVarList > .innerScroll .row.editabled ul.tag-editor li.placeholder > div {
  height: 30px;
  line-height: 30px;
}
.synonymList > .innerScroll .row.editabled .db-confirm-btns,
.userVarList > .innerScroll .row.editabled .db-confirm-btns {
  top: 12px;
  width: auto;
  float: right;
  right: 0;
}
.synonymList > .innerScroll .row.editabled .db-confirm-btns span,
.userVarList > .innerScroll .row.editabled .db-confirm-btns span {
  color: #333;
}
.synonymList > .innerScroll .row.disabled input,
.userVarList > .innerScroll .row.disabled input,
.synonymList > .innerScroll .row.disabled textarea,
.userVarList > .innerScroll .row.disabled textarea {
  background: transparent;
  border: none;
}
.synonymList > .innerScroll .row.disabled input:read-only,
.userVarList > .innerScroll .row.disabled input:read-only,
.synonymList > .innerScroll .row.disabled textarea:read-only,
.userVarList > .innerScroll .row.disabled textarea:read-only {
  border: none;
}
.synonymList > .innerScroll .row.disabled input:hover,
.userVarList > .innerScroll .row.disabled input:hover,
.synonymList > .innerScroll .row.disabled textarea:hover,
.userVarList > .innerScroll .row.disabled textarea:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .tag-editor li:after,
.userVarList > .innerScroll .row.disabled .tag-editor li:after {
  content: "";
  margin: 0;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover {
  cursor: default;
  border: 1px solid #FFAD36;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover li:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover li:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover .tag-editor-spacer:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover .tag-editor-spacer:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .tag-editor:hover .tag-editor-tag:hover,
.userVarList > .innerScroll .row.disabled .tag-editor:hover .tag-editor-tag:hover {
  cursor: default;
}
.synonymList > .innerScroll .row.disabled .db-confirm-btns,
.userVarList > .innerScroll .row.disabled .db-confirm-btns {
  top: 0;
  bottom: 0;
  height: 37px;
  margin: auto;
}
.modal-body .modal-search {
  padding: 0 20px 20px 20px;
  margin: 0 -20px 20px -20px;
  border-bottom: 1px solid #e2e2e2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.modal-body .synonymList > .row,
.modal-body .userVarList > .row {
  padding: 0 41px 10px;
}
.modal-body .synonymList .innerScroll,
.modal-body .userVarList .innerScroll {
  padding: 0 35px;
}
.modal-body .synonymList .innerScroll .row > div[class*="col-lg-"],
.modal-body .userVarList .innerScroll .row > div[class*="col-lg-"] {
  min-height: 37px;
  line-height: 37px;
}
.modal-body .synonymList .innerScroll .row .col-lg-1 .icheckbox_square-green,
.modal-body .userVarList .innerScroll .row .col-lg-1 .icheckbox_square-green {
  margin: 0;
}
/*-- nlu setting --*/
.nluSetting .nlu-slider .irs .irs-line {
  height: 10px;
  top: 33px;
  border: none;
  background: #eaeaea;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
.nluSetting .nlu-slider .irs .irs-bar,
.nluSetting .nlu-slider .irs .irs-bar-edge {
  background: #FFAD36;
  border: none;
}
.nluSetting .nlu-slider .irs .irs-bar::before {
  content: '재확인';
  position: absolute;
  left: 50%;
  color: #FFAD36;
  margin-left: -28px;
  top: -23px;
  font-size: 12px;
  font-weight: 600;
  display: block !important;
}
.nluSetting .nlu-slider .irs .irs-bar::after {
  display: none;
}
.nluSetting .abc-slider,
.nluSetting .acb-slider {
  position: relative;
}
.nluSetting .abc-slider .slider-label,
.nluSetting .acb-slider .slider-label {
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 13px;
}
.nluSetting .irs {
  margin-bottom: 35px;
}
.nluSetting .irs .irs-line {
  height: 10px;
  top: 33px;
  border: none;
  background: #FFAD36;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
.nluSetting .irs .irs-bar,
.nluSetting .irs .irs-bar-edge {
  background: #eaeaea;
  border: none;
}
.nluSetting .irs .irs-slider {
  width: 20px;
  height: 20px;
  top: 27px;
  background: #fff;
  border: none;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.nluSetting .irs .irs-slider:hover {
  background: #fbfbfb;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}
.nluSetting .irs .irs-from,
.nluSetting .irs .irs-to,
.nluSetting .irs .irs-single {
  font-size: 12px;
  top: -13px;
  z-index: 10;
}
.nluSetting .irs .irs-min,
.nluSetting .irs .irs-max {
  font-size: 11px;
  top: -12px;
}
.nluSetting .irs .irs-single {
  font-size: 13px;
  padding: 3px 8px;
}
.nluSetting .irs .irs-bar::after {
  position: absolute;
  left: 50%;
  color: #FFAD36;
  margin-left: -28px;
  top: -23px;
  font-size: 12px;
  font-weight: 600;
}
.nluSetting .irs .irs-bar::before {
  display: none;
}
.nluSetting .irs:before,
.nluSetting .irs:after {
  position: absolute;
  top: 11px;
  font-size: 12px;
}
.nluSetting .irs:before {
  content: "추론 실패";
  left: 0;
  color: rgba(216, 46, 46, 0.2);
}
.nluSetting .irs:after {
  content: "추론 성공";
  right: 0;
  color: #16E68C;
  opacity: 0.4;
}
.nluSetting .old-ibox .iradio_square-green {
  margin-right: 3px;
}
.nluSetting .old-ibox label ~ .iradio_square-green {
  margin-left: 15px;
}
.nluSetting .ready {
  position: absolute;
  top: -5px;
  right: -10px;
  transform: rotate(15deg);
  color: #FFAD36;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.widget-nlu {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  text-align: center;
  padding: 30px 10px;
}
.widget-nlu .img-container {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #eee;
  margin-bottom: 20px;
}
.widget-nlu h5 {
  margin: 0;
}
div.infomation {
  position: relative;
  margin-top: 10px;
  background: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 10px 12px 14px 12px;
  font-size: 13px;
  line-height: 22px;
  color: #666;
}
div.infomation .fa,
div.infomation .icon_info_alt {
  position: absolute;
  font-size: 28px;
  color: #ddd;
  top: 50%;
  margin-top: -14px;
  left: 15px;
}
div.infomation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*-- test panel fold --*/
.fold-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 3px;
  border: none;
  border-right: 1px solid #e8e8e8;
  z-index: 200;
}
.fold-area .btn-fold {
  position: absolute;
  top: 16px;
  right: 0;
  display: flex;
  align-items: center;
  margin-top: 0;
  height: 38px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #b0b0b0;
  border-right: none;
  border-radius: 5px 0 0 5px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
  padding-left: 0;
  padding-right: 4px;
}
.fold-area .btn-fold span {
  color: #f8ac59;
}
.fold-area .btn-fold.active {
  background: #fff;
}
.fold-area .btn-fold:focus {
  background: #fff;
}
.fold-area .btn-fold:focus-within {
  background: #fff;
}
.fold-area .btn-fold:hover {
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.1);
}
.fold-area .btn-fold:hover span {
  color: #FFAD36;
}
.fold-area .btn-fold:visited {
  background: #fff;
}
@media screen and (max-width: 800px) {
  .btn-fold {
    display: none;
  }
}
/*-- test panel --*/
.test-panel .tab-content {
  box-shadow: none;
}
.db-sentence-full {
  padding-top: 0;
}
.db-sentence-none {
  text-align: center;
  background: none;
  border: none;
  margin: 20px 0;
}
.db-sentence-none img {
  margin: 80px 0 20px;
}
.db-sentence-none p {
  font-size: 14px;
  color: #9eabb8;
}
#clearChatBtn {
  color: #000;
  opacity: 0.5;
}
#clearChatBtn:hover {
  opacity: 0.8;
}
#chattingPanel {
  height: 380px;
  background: url(../img/demo/uplus/bg_chat_demo.png);
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#chattingPanel::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
#chattingPanel::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
#chattingPanel::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
#chattingPanel::-webkit-scrollbar-track {
  background: #ddd !important;
}
#chattingPanel::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
.chat-message {
  padding: 10px;
  margin-bottom: 15px;
}
.chat-message .message {
  border: none;
  border-radius: 5px;
  padding: 6px 10px 10px 10px;
  margin-left: 45px;
}
.chat-message .message .message-date {
  color: #333;
  float: initial;
  position: absolute;
  bottom: -20px;
  font-size: 10.5px;
  letter-spacing: -0.03em;
}
.chat-message .message .tail {
  position: absolute;
  top: 0;
}
.chat-message .message .message-content {
  font-size: 14px;
  word-break: break-word;
}
.chat-message .message .message-content iframe {
  width: 100%;
}
.chat-message.right {
  text-align: right;
}
.chat-message.right .message {
  text-align: left !important;
  border-radius: 5px 0 5px 5px;
  margin: 0 !important;
  display: inline-block;
  max-width: 212px;
}
.chat-message.right .message .message-date {
  bottom: 0;
  left: -66px;
}
.chat-message.right .message .tail {
  right: -15px;
}
.chat-message.left .img-circle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.chat-message.left .message {
  border-radius: 0 5px 5px 5px;
  margin-left: 45px !important;
}
.chat-message.left .message .message-author {
  display: block;
  width: 100%;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message.left .message .message-date {
  right: 0;
}
.chat-message.left .message .message-date.evaluation_p {
  right: -66px !important;
}
.chat-message.left .message .message-date .evaluation {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: bottom;
}
.chat-message.left .message .message-date .evaluation svg {
  width: 20px;
  height: 20px;
  margin: 1px;
}
.chat-message.left .message .tail {
  left: -15px;
}
.chat-message.left .db-chatbot-answer.db-intent-answer {
  border: 1px solid #d8dadc;
}
.fbSetting h5 {
  text-align: center;
}
.fbSetting .menuWrapper {
  border: 1px solid #d2d2d2;
  padding: 0 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.fbSetting .menuWrapper:before {
  content: "";
  position: relative;
  left: 50%;
  margin-left: -30px;
  display: inline-block;
  width: 60px;
  height: 3px;
  border-radius: 3px;
  background: #ddd;
  text-align: center;
}
.fbSetting .menuWrapper:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.fbSetting .menuWrapper .menuItem {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.fbSetting .menuWrapper .menuItem.defaultItem {
  color: #999;
  cursor: help;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .row {
  margin-bottom: 3px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper {
  padding: 0;
  background: #fff;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper:hover {
  border-color: #d5d6d7;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper .linkAddr {
  padding-left: 38px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper .linkChat {
  padding-left: 30px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper .arrow_carrot-right {
  position: absolute;
  top: -7px;
  right: -14px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper .icon_link_alt {
  position: absolute;
  top: 12px;
  left: 17px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .wrapper .icon_comment_alt {
  position: absolute;
  top: 11px;
  left: 17px;
}
.fbSetting .menuWrapper .menuItem.db-speak-btn .db-speak-btn-content .old-btn-primary {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #f8ac59;
}
.fbSetting .menuWrapper .menuItem.btn-add-component-row {
  text-align: left;
  border-top: none;
  cursor: pointer;
}
.fbSetting .menuWrapper .menuItem.btn-add-component-row .arrow_carrot-down {
  position: relative;
  top: 2px;
}
.fbSetting .menuWrapper .menuItem.btn-add-component-row .icon_plus_alt {
  font-size: 13px;
}
.fbSetting .menuWrapper .menuItem:last-child {
  border-bottom: none;
}
.required-danger {
  border: 2px solid #ed5565;
  border-color: #ed5565 !important;
}
/*-- tile list --*/
.listbox {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 12px 12px 16px 16px;
  margin-bottom: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
}
.listbox:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.listbox:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  z-index: -1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}
.listbox.more {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
  text-align: center;
  padding: 39px 0;
  font-weight: bold;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.2);
}
.listbox.more:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  box-shadow: none;
}
.listbox.intent {
  height: 145px;
  /* background-image:url(../img/common/img_intent.png); */
  background-position: 18px 30px;
  cursor: default;
}
.listbox.intent .intentNb {
  position: absolute;
  top: 37px;
  left: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #f8ac59;
  letter-spacing: 0;
}
.listbox.intent .intentNb.two {
  left: 37px;
}
.listbox.intent .intentNb.three {
  left: 33px;
}
.listbox.intent h3 {
  cursor: pointer;
}
.listbox.intent.status-copy h3 {
  cursor: default;
}
.listbox.intent p {
  width: 50%;
  width: -webkit-calc(100% - 230px);
  width: -moz-calc(100% - 230px);
  width: calc(100% - 230px);
  font-size: 13px;
  font-weight: bold;
  color: #807160;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listbox.intent .status {
  font-size: 12px;
  color: #abb1b6;
  padding: 4px 10px;
  background: #edf0f2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-top: -4px;
}
.listbox.intent .status.active {
  color: #fff;
  font-weight: bold;
  box-shadow: none;
  background: #f8ac59;
}
.listbox.intent .button-container {
  position: absolute;
  right: 14px;
  top: 15px;
}
.listbox.intent .button-container .btn.btn-ghost {
  height: 30px;
  line-height: 24px;
  font-size: 14px;
  padding: 2px 10px 4px 10px;
}
.listbox.intent .button-container .btn.btn-ghost.btn-copy {
  /* display:none; */
}
.listbox.intent:hover .button-container .btn.btn-ghost.btn-copy {
  display: inline-block;
}
.listbox.entity {
  background-image: url(../img/common/img_entity.png);
  background-position: 15px 28px;
  padding: 20px 30px 20px 80px;
}
.listbox.entity label {
  color: #f8ac59;
  font-size: 20px;
  margin: 0 3px 0 0;
  letter-spacing: -0.025em;
}
.listbox.entity label ~ span {
  font-size: 11px;
}
.listbox.entity.more {
  padding: 37px 0;
}
.listbox.chatflow .chatflowSt {
  font-weight: bold;
  color: #807160;
}
.listbox.chatflow.more {
  padding: 34px 0;
}
.listbox.chatflow .chatflow-icon {
  background-image: url(../img/common/img_chatflow.png);
  background-position: 16px 26px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100px;
}
.listbox.chatflow .button-container {
  position: absolute;
  right: 20px;
  top: 28px;
}
.listbox.chatflow .button-container .btn.btn-ghost.btn-copy {
  /* display:none; */
}
.listbox.chatflow:hover .button-container .btn.btn-ghost.btn-copy {
  display: inline-block;
}
.listbox.api {
  padding-left: 30px;
  min-height: 116px;
}
.listbox.api h4 {
  font-size: 12px;
  font-weight: bold;
  color: #807160;
  padding-right: 100px;
  margin-bottom: 0 0 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listbox.api div .pull-left {
  width: 64px;
  height: 64px;
  background: #eee;
  border-radius: 3px;
  margin-right: 15px;
}
.listbox.api div h3 {
  margin-bottom: 4px;
}
.listbox.api div span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #807160;
  margin-bottom: 20px;
}
.listbox.api div p {
  min-height: 17px;
  height: 20px;
  bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listbox.api.more {
  padding: 56px 0;
}
.listbox h3 {
  padding-right: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4c5a67;
}
.listbox > span {
  font-size: 12px;
}
.listbox > span.date {
  font-size: 11px;
}
.listbox:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
}
.listbox:hover h3:hover {
  color: #f8ac59;
}
.listbox.status-copy {
  cursor: default;
  background: linear-gradient(60deg, #ffd55e, #ffffff, #ffd55e);
  background-size: 400% 400%;
  -webkit-animation: Copying 7s ease infinite;
  -moz-animation: Copying 7s ease infinite;
  animation: Copying 7s ease infinite;
}
@-webkit-keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Copying {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.listbox.status-copy h3:hover {
  color: #4c5a67;
  cursor: default;
}
.listbox.status-copy.intent h3 {
  cursor: default;
}
.db-list-none img {
  margin-bottom: 30px;
}
/*-- test panel renewal --*/
#page-wrapper {
  margin-right: 12px;
}
.test-panel.active .panel-wrapper .chat-discussion .info-area {
  right: 21px;
}
.test-panel.disable {
  display: none;
}
.test-panel .nav-tabs {
  border-color: #d7dadc;
  border-width: 2px;
}
.test-panel .nav-tabs > li {
  width: 50%;
  text-align: center;
  margin-bottom: -2px;
}
.test-panel .nav-tabs > li.active > a,
.test-panel .nav-tabs > li.active > a:active,
.test-panel .nav-tabs > li.active > a:hover,
.test-panel .nav-tabs > li.active > a:focus {
  border-color: #d7dadc;
  border-width: 2px;
  border-bottom-color: transparent;
}
.test-panel .btn-trans {
  box-shadow: none !important;
}
.test-panel h4,
.test-panel dt,
.test-panel .bot-name {
  color: #666;
}
.test-panel .panel-wrapper {
  height: 100%;
  overflow-y: auto;
  padding: 10px 0;
}
.test-panel .panel-wrapper .info-area {
  position: relative;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.08);
  border: 1px solid #d8d8d8;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
  z-index: 110;
}
.test-panel .panel-wrapper .info-area .bot-profile {
  float: left;
  height: 30px;
}
.test-panel .panel-wrapper .info-area .bot-profile .img-container {
  display: inline-block;
  background: #bbb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.test-panel .panel-wrapper .info-area .bot-profile .bot-name {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  vertical-align: top;
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans {
  width: 20px;
  height: 20px;
  line-height: 18px;
  opacity: 0.7;
  padding: 0;
  margin-left: 8px;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 24px;
  z-index: -1;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans:first-child {
  margin-left: 0;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans.btn-debug {
  border-radius: 4px;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans.active {
  color: #fff;
  opacity: 1;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans.active:before {
  background: #f8ac59;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans:hover {
  opacity: 1;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans:hover:before {
  background: #ddd;
}
.test-panel .panel-wrapper .info-area .pull-right .btn-trans svg {
  vertical-align: middle;
}
.test-panel .panel-wrapper .detail-info,
.test-panel .panel-wrapper .detail-api-info {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 31px;
  right: 20px;
  top: 68px;
  padding: 30px 15px;
  border-radius: 5px;
  z-index: 111;
}
.test-panel .panel-wrapper .detail-info .pop,
.test-panel .panel-wrapper .detail-api-info .pop {
  display: block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.6);
}
.test-panel .panel-wrapper .detail-info .pop .clear-float,
.test-panel .panel-wrapper .detail-api-info .pop .clear-float {
  margin-bottom: 15px;
  padding: 5px 0;
  border-bottom: 2px solid #ddd;
}
.test-panel .panel-wrapper .detail-info .pop .clear-float h4,
.test-panel .panel-wrapper .detail-api-info .pop .clear-float h4 {
  padding: 2px 0;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-panel .panel-wrapper .detail-info .pop .param-info,
.test-panel .panel-wrapper .detail-api-info .pop .param-info {
  max-height: 590px;
  margin: 0 -20px 10px;
  padding: 0 20px;
  overflow-y: auto;
  box-sizing: border-box;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dd,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dd {
  word-break: break-all;
}
.test-panel .panel-wrapper .detail-info .pop .param-info::-webkit-scrollbar,
.test-panel .panel-wrapper .detail-api-info .pop .param-info::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.test-panel .panel-wrapper .detail-info .pop .param-info::-webkit-scrollbar-track,
.test-panel .panel-wrapper .detail-api-info .pop .param-info::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
.test-panel .panel-wrapper .detail-info .pop .param-info::-webkit-scrollbar-thumb:hover,
.test-panel .panel-wrapper .detail-api-info .pop .param-info::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
.test-panel .panel-wrapper .detail-info .pop .param-info::-webkit-scrollbar-track,
.test-panel .panel-wrapper .detail-api-info .pop .param-info::-webkit-scrollbar-track {
  background: #ddd !important;
}
.test-panel .panel-wrapper .detail-info .pop .param-info::-webkit-scrollbar-thumb,
.test-panel .panel-wrapper .detail-api-info .pop .param-info::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dl,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dl {
  margin-bottom: 15px;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dl.updated dt,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dl.updated dt {
  position: relative;
  display: inline-block;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dl.updated dt:after,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dl.updated dt:after {
  content: "update!";
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -42px;
  font-size: 11px;
  font-weight: bold;
  color: #FFAD36;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dl.updated dd,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dl.updated dd {
  color: #FFAD36;
}
.test-panel .panel-wrapper .detail-info .pop .param-info dl:last-child,
.test-panel .panel-wrapper .detail-api-info .pop .param-info dl:last-child {
  margin-bottom: 0;
}
.test-panel .panel-wrapper .chat-discussion {
  position: relative;
  background-image: url(../img/demo/uplus/bg_chat_demo.png);
  background-size: cover;
  border: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 40px;
  border-top: transparent;
  border-radius: 0 0 5px 5px;
}
.test-panel .panel-wrapper .chat-discussion .debug-element {
  display: none;
}
.test-panel .panel-wrapper .chat-discussion .btn-detail {
  display: none;
}
.test-panel .panel-wrapper .chat-discussion.debug-mode {
  background-color: #f2f3f4;
  background-image: url("../img/chatflow/bg-grid.gif");
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.test-panel .panel-wrapper .chat-discussion.debug-mode .debug-element {
  display: block;
}
.test-panel .panel-wrapper .chat-discussion.debug-mode .btn-detail {
  display: block;
}
.test-panel .panel-wrapper .chat-discussion::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.test-panel .panel-wrapper .chat-discussion::-webkit-scrollbar-track {
  background-color: #eaeaea !important;
  border-left: 1px solid #ccc !important;
}
.test-panel .panel-wrapper .chat-discussion::-webkit-scrollbar-thumb:hover {
  background-color: #aaa !important;
}
.test-panel .panel-wrapper .chat-discussion::-webkit-scrollbar-track {
  background: #ddd !important;
}
.test-panel .panel-wrapper .chat-discussion .chat-message {
  padding: 0 7px;
  position: relative;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow {
  text-align: center;
  margin-bottom: 8px;
  padding-top: 10px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper {
  display: inline-block;
  position: relative;
  padding: 0;
  max-width: 90%;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper.selected > span {
  background: #e4be95;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper.selected .btn-detail {
  display: block;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper.selected .btn-detail span {
  top: 2px;
  font-size: 13px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper > span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.14);
  font-size: 13px;
  color: #333;
  font-weight: bold;
  padding: 3px 15px;
  border-radius: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper > span:hover {
  background: rgba(0, 0, 0, 0.2);
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper > span.active {
  background: #f8ac59;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper .btn-detail {
  display: none;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #FFAD36;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 0;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24);
}
.test-panel .panel-wrapper .chat-discussion .chat-message .info-chatflow .wrapper .btn-detail:hover {
  background: #ff884c;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message {
  display: inline-block;
  max-width: 252px;
  padding: 6px 10px;
  border-radius: 8px;
  letter-spacing: -0.025em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border: 2px solid #bbb;
  color: #444;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message button.old-btn-default {
  font-size: 13px;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message button.old-btn-default:first-child {
  margin-top: 10px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message button.old-btn-default i {
  margin-right: 5px;
  color: #888;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message button.slick-arrow {
  overflow: visible;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message button.slick-arrow:before {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 25px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message button.slick-arrow:hover:before {
  color: rgba(0, 0, 0, 0.6) !important;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message button.slick-arrow.slick-prev {
  left: -30px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message button.slick-arrow.slick-next {
  right: -32px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message .img-container {
  border-radius: 3px;
  max-height: 120px;
  overflow: hidden;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message .carousel-message .img-container img {
  max-height: 120px;
  object-fit: contain;
  object-position: center;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.node:before {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  margin: -6px -10px 5px;
  border-radius: 6px 6px 0 0;
  padding: 2px 10px 3px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.speak {
  border-color: #b0d957;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.speak:before {
  content: "Speak";
  background: #b0d957;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.slot {
  border-color: #bd9df2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.slot:before {
  content: "Slot";
  background: #bd9df2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.carousel {
  border-color: #a7a797;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.carousel:before {
  content: "Carousel";
  background: #a7a797;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.split {
  border-color: #d1b175;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.split:before {
  content: "Split";
  background: #d1b175;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.api {
  border-color: #f285bc;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.api:before {
  content: "API";
  background: #f285bc;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.function {
  border-color: #91b2f2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.function:before {
  content: "Function";
  background: #91b2f2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.parameter {
  border-color: #FFA4A2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.parameter:before {
  content: "Parameter";
  background: #FFA4A2;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.sleep {
  border-color: #D3B8AE;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.sleep:before {
  content: "Sleep";
  background: #D3B8AE;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.jump {
  border-color: #60bfbc;
  background: #60bfbc;
  padding: 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.jump:hover {
  border-color: #51a3a0 !important;
  background: #51a3a0 !important;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.jump:before {
  content: "Jump";
  background: transparent;
  margin: 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.goback {
  border-color: #50c0e5;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.goback:before {
  content: "Go Back";
  background: #50c0e5;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.smalltalk {
  border-color: #54627e;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.smalltalk:before {
  content: "간편 답변 (Small-talk)";
  background: #54627e;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.nlu_faq {
  border-color: #54627e;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.nlu_faq:before {
  content: "간편 대화";
  background: #54627e;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.ks_speak {
  border-color: #757575;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.ks_speak:before {
  content: "지식 답변 (Speak)";
  background: #757575;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.navi {
  border-color: #00695c;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.navi:before {
  content: "버튼식 흐름(Tree)";
  color: #00695c;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.knowledge {
  border-color: #81c784;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.knowledge:before {
  content: "Knowledge";
  background: #81c784;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.general:before {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  margin-bottom: 2px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.default-fallback:before {
  content: "실패 메시지(Default-fallback)";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.reconfirm:before {
  content: "재확인 (Reconfirm)";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.multi-intent:before {
  content: "중의적 의도 (Multi-intent)";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.ks_reconfirm:before {
  content: "지식 재확인 (Reconfirm)";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.ks_multi:before {
  content: "지식 중의적 의도 (Multi-intent)";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.welcome:before {
  content: "시작 메시지";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.imgupload:before {
  content: "이미지 업로드";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.fileupload:before {
  content: "파일 업로드";
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.error {
  border-color: #ed5565;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message.error:before {
  content: "오류 (Error)";
  color: #ed5565;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message ~ .debugging {
  position: relative;
  padding: 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message ul.debug-element {
  list-style: none;
  padding: 0;
  margin-bottom: 3px;
  font-size: 12px;
  letter-spacing: -0.025em;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message ul.debug-element li {
  display: block;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message ul.debug-element li span {
  display: inline-block;
  max-width: 100%;
  background: #e2e2e2;
  color: #333;
  border-radius: 3px;
  padding: 2px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message ul.debug-element li + li {
  margin-top: 2px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging {
  padding: 10px 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging > span {
  font-size: 12px;
  color: #ed5565;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging > span:before {
  content: "●";
  position: relative;
  top: -1px;
  margin-right: 3px;
  font-size: 10px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging > span:hover {
  cursor: pointer;
  font-weight: bold;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info {
  position: absolute;
  display: block;
  background: #fff;
  border-radius: 6px;
  font-size: 12px;
  width: 304px;
  padding: 10px 20px;
  margin-bottom: 20px;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.4);
  z-index: 99;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info .clear-float {
  position: relative;
  border-bottom: 2px solid #ddd;
  margin-bottom: 15px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info .clear-float > span {
  position: absolute;
  font-size: 11px;
  top: 4px;
  left: 48px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info h4 {
  padding: 2px 0;
  font-size: 16px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info dl {
  margin-bottom: 10px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info dl dd {
  padding-bottom: 5px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info p {
  margin: 0 -20px;
  padding: 12px 20px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info p ~ p {
  border-top: none;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .debugging .debug-info p:last-child {
  border-bottom: 1px solid #eee;
}
.test-panel .panel-wrapper .chat-discussion .chat-message .message-date {
  position: relative;
  top: 8px;
  float: inherit !important;
  font-size: 10px;
  color: #555;
  letter-spacing: -0.025em;
}
.test-panel .panel-wrapper .chat-discussion .chat-message button.btn-voice {
  position: absolute;
  left: 0;
  bottom: 16px;
  width: 12px;
  height: 12px;
  background: transparent url(../img/common/icon-voice_off.png) no-repeat center center;
  background-size: contain;
  border: 0;
  padding: 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message button.btn-voice:hover,
.test-panel .panel-wrapper .chat-discussion .chat-message button.btn-voice.on {
  background-image: url(../img/common/icon-voice_on.png);
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message {
  margin-left: 0 !important;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message img {
  margin: 5px 0;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message.node {
  cursor: pointer;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message.node:hover {
  background: #f5f5f5;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message.selected {
  border-width: 2px;
  border-color: #f8ac59;
  box-shadow: 0 0 8px #f8ac59;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message.selected .btn-detail {
  display: block;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message .btn-detail {
  display: none;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #FFAD36;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 0;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24);
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message .btn-detail span {
  top: 2px;
  font-size: 13px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message .btn-detail:hover {
  background: #ff884c;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.left .message-date {
  margin-left: 2px;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.right .message {
  border: none;
  color: #fff;
}
.test-panel .panel-wrapper .chat-discussion .chat-message.right .message-date {
  margin-right: 2px;
}
.test-panel .panel-wrapper .form-group {
  position: relative;
  margin: 5px 0 20px 0;
}
.test-panel .panel-wrapper .form-group .test-sentence-input {
  margin: 0;
  padding: 18px 40px 18px 15px;
  font-size: 13px;
  border-radius: 30px;
  border: 0.5px solid #C8C8C8;
}
.test-panel .panel-wrapper .form-group .test-sentence-input:hover,
.test-panel .panel-wrapper .form-group .test-sentence-input:focus {
  border-color: #999;
}
.test-panel .panel-wrapper .form-group .test-sentence-input.mulb {
  padding: 18px 40px;
}
.test-panel .panel-wrapper .form-group .btn-trans {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.test-panel .panel-wrapper .form-group .btn-trans.btn-file {
  border: 2px solid #FF7A00;
  left: 2px;
  right: inherit;
}
.test-panel .panel-wrapper .form-group .btn-trans.btn-file:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 32px;
  height: 32px;
  background: linear-gradient(#FF7A00, #FF7A00), linear-gradient(#FF7A00, #FF7A00);
  background-position: center;
  background-size: 50% 2px,2px 50%;
  background-repeat: no-repeat;
}
.test-panel .panel-wrapper .form-group .btn-trans.btn-file.btn-close {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.3s;
  background: #FF7A00;
}
.test-panel .panel-wrapper .form-group .btn-trans.btn-file.btn-close:before {
  background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-position: center;
  background-size: 50% 2px,2px 50%;
  background-repeat: no-repeat;
}
.test-panel .panel-wrapper .form-group .btn-trans:hover {
  background: rgba(248, 172, 89, 0.2);
}
.test-panel .panel-wrapper .form-group .btn-trans:active {
  background: rgba(248, 172, 89, 0.5);
}
.test-panel .panel-wrapper .btn-trans.btn-close {
  font-size: 16px;
  padding-right: 0;
}
.test-panel .panel-wrapper .btn-trans.btn-close:hover {
  color: #f8ac59;
}
.test-panel .panel-wrapper > dl {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
}
.test-panel .panel-wrapper > dl dt {
  margin-bottom: 2px;
}
.test-panel .panel-wrapper > dl dt button i {
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.test-panel .panel-wrapper > dl dd {
  width: 100%;
  min-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-panel .panel-wrapper > dl:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.area-noti {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 5px solid #584c35;
  margin: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  font-weight: 600;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  line-height: 5.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  transition: 0.2s all ease-in;
}
.area-noti.fail {
  color: #fff;
  border-color: #EC2E2E;
  background: rgba(243, 82, 82, 0.92);
}
.area-noti.hovered {
  opacity: 1;
}
/*-- mobile demo page --*/
#mscreen_body {
  padding: 20px 10px 40px;
}
#mscreen_body.mobile {
  background: none;
  height: 100%;
  padding: 0;
}
#mscreen_body.mobile #mscreen {
  width: 100%;
  height: 100%;
  left: 0;
  margin: 0;
}
#mscreen_body.mobile #mscreen #mcontainer .mdialogHeader h1 {
  font-size: 16px;
  margin: 0;
  height: 40px;
  line-height: 40px;
}
#mscreen_body.mobile #mscreen #mcontainer .mdialogHeader #btn_prev {
  top: 12px;
}
#mscreen_body.mobile #mscreen #mcontainer .mdialogHeader #btn_toggle {
  display: none;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer {
  overflow-x: hidden;
  height: 80%;
  height: -webkit-calc(100% - 95px);
  height: -moz-calc(100% - 95px);
  height: calc(100% - 95px);
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .botTalk .bloon {
  margin-left: 60px;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .botTalk .tmb_profile {
  bottom: 6px;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .botTalk:last-child .bloon {
  border-radius: 16px 16px 16px 0;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .userTalk .bloon {
  background: #FFAD36;
  color: #fff;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .userTalk:last-child .bloon {
  border-radius: 16px 16px 0 16px;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .bloon {
  padding: 8px 12px;
  border-radius: 16px;
  max-width: 78%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: normal;
  color: #333;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .bloon .comment {
  font-size: 13px;
  padding: 0;
  line-height: normal;
}
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .bloon .tail,
#mscreen_body.mobile #mscreen #mcontainer #mdialogContainer .bloon .shadow {
  display: none;
}
#mscreen_body.mobile #mscreen #mcontainer #minputbox input {
  font-size: 15px;
  height: inherit;
  padding: 5px 20px;
}
#mscreen_body.mobile #mscreen #mcontainer #minputbox #send {
  display: none;
}
@media (max-width: 768px) {
  .wrapper .mobile-info {
    position: absolute;
    bottom: -7px;
    left: 30px;
    font-size: 11px;
  }
  .wrapper.page-heading h2 {
    font-size: 20px;
    padding: 4px 0;
  }
  .demo .header-row,
  .demo .page-heading,
  .demo #small-chat,
  .demo .footer,
  .demo #backFrame {
    display: none;
  }
  .demo > .ng-scope {
    height: 100%;
  }
  .demo > .ng-scope #wrapper #page-wrapper {
    position: inherit !important;
    width: 100%;
    height: 100%;
    min-height: 100% !important;
  }
  .demo > .ng-scope #wrapper #page-wrapper > .ng-scope {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .demo > .ng-scope #wrapper #page-wrapper > .ng-scope #db-scrollArea {
    height: 100%;
  }
  .demo > .ng-scope #wrapper #page-wrapper > .ng-scope #db-scrollArea #mcontainer {
    height: 100%;
    z-index: 1;
  }
  .demo #db-scrollArea .bloon .comment img {
    margin-bottom: 5px;
  }
  .demo #db-scrollArea .bloon .slick-slider .slick-prev:before,
  .demo #db-scrollArea .bloon .slick-slider .slick-next:before {
    margin: 0;
  }
  .demo #db-scrollArea .bloon .slick-slide .db-carousel-title {
    border: none;
    background: none;
    padding: 0;
    margin-top: 10px;
  }
  .demo #db-scrollArea .bloon .slick-slide img {
    max-height: 120px;
    object-fit: contain;
    object-position: center;
  }
  .demo #db-scrollArea .bloon .slick-slide .db-carousel-desc {
    border: none;
    padding: 0;
  }
  .modal-body.policy {
    /*max-height:100%;*/
  }
  .modal-body.policy .wrapper {
    padding: 0;
  }
  .modal-body.policy .wrapper .db-conf-area {
    padding: 0;
    border: none;
  }
  .modal-body.policy .wrapper .db-conf-area .nav > li > a {
    padding: 6px;
    font-size: 14px;
  }
  .modal-body.policy .wrapper .db-conf-area .db-terms-cont {
    font-size: 98%;
    word-break: keep-all;
    line-height: 1.5;
    padding: 0;
  }
  .modal-body.policy .wrapper .db-conf-area .db-terms-cont ol,
  .modal-body.policy .wrapper .db-conf-area .db-terms-cont ul {
    padding-left: 20px;
  }
  .modal-body.policy .wrapper .db-conf-area .db-terms-cont table td {
    background: #fdfdfd;
  }
}
.col-sm-7 .db-btn-action {
  margin-top: 20px;
  padding-left: 10px;
}
.col-sm-7 .db-btn-action textarea {
  width: 58%;
  vertical-align: middle;
  border: 0.5px solid #C8C8C8;
}
.larger-action {
  position: fixed;
  width: 65%;
  margin: auto;
  height: 85%;
  z-index: 99999;
  top: 8%;
  box-shadow: 0px 0px 50px #00000099;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.larger-action #conditionFunctionPanelSet {
  width: 100%;
  height: calc(100% - 100px);
}
.larger-action #conditionFunctionPanelSet textarea {
  border: none !important;
}
.larger-action #action-foot {
  display: flex;
  flex-direction: column;
  height: 100px;
  padding: 10px 20px;
}
.intent-faq:before {
  display: inline-block;
  content: " ";
  width: 25px;
  height: 25px;
  background-image: url(../img/wizard/wand.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center -3px;
  vertical-align: middle;
}
.node-message {
  padding: 25px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
}
.node-message .node-message-text {
  width: 55%;
  position: relative;
}
.node-message .db-image-editor {
  width: 45%;
  margin-left: 20px;
}
.node-message-output,
.btn-node-message-output {
  display: flex;
  padding: 25px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
.node-message-output .node-btn-title,
.btn-node-message-output .node-btn-title {
  display: block;
  position: absolute;
  top: -10px;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  text-align: center;
  font-size: 11px;
  color: #999;
}
.node-message-output .output-left,
.btn-node-message-output .output-left {
  width: 40%;
  margin-right: 10px;
}
.node-message-output .output-left .output-title,
.btn-node-message-output .output-left .output-title {
  width: 30%;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}
.node-message-output .output-left .output-input,
.btn-node-message-output .output-left .output-input {
  width: 100%;
  position: relative;
}
.node-message-output .output-left .output-input input,
.btn-node-message-output .output-left .output-input input {
  width: 100%;
  padding: 5px;
}
.node-message-output .output-right,
.btn-node-message-output .output-right {
  width: 60%;
}
.node-message-output .output-right .output-example,
.btn-node-message-output .output-right .output-example {
  width: 100%;
}
.node-message-output .output-right .output-example .output-example-title,
.btn-node-message-output .output-right .output-example .output-example-title {
  font-weight: 600;
  margin-bottom: 10px;
}
.node-message-output .output-right .output-example .output-example-text,
.btn-node-message-output .output-right .output-example .output-example-text {
  border: 0.5px solid #ccc;
  background: #eaeaea;
  padding: 10px;
  white-space: pre-line;
}
.btn-node-message-output {
  border-top: 0.5px solid #ccc;
}
.valid-failed {
  background: rgba(216, 46, 46, 0.2) !important;
}
.wizard-workspace-inner .module-ele-titledetail span.btn-primary-text {
  padding: 5px;
}
/*list 더보기 버튼 style*/
.list-moreBtn {
  width: 100%;
  padding: 0;
  margin-top: 15px;
}
.list-moreBtn .listbox {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 8px 35px !important;
  border-radius: 4px !important;
  background: #fff !important;
  border: 1px solid #ffad36 !important;
  color: #ffad36;
  opacity: 0.7;
}
.list-moreBtn .listbox:hover {
  opacity: 1;
  color: #ffad36;
}
@media screen and (max-width: 1750px) {
  .channel-list .channel-wrapper .channel-bg > div img {
    width: 58px;
  }
  .channel-list .channel-wrapper .channel-bg > div .channel-title h3 {
    font-size: 1.1rem;
  }
  .channel-list .channel-wrapper .channel-bg .comment {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1600px) {
  .col-lg-4 {
    width: 50%;
  }
}
/* 로딩 spinner css */
.lds-ring-container {
  height: 100%;
  width: 100%;
  background: #000;
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.3;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* {
  font-family: "Noto Sans KR", sans-serif;
}
html,
body {
  font-size: 1rem;
  word-break: keep-all;
  box-sizing: border-box;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  font-size: 1rem;
}
a:focus {
  color: inherit;
  text-decoration: none;
}
.pc {
  display: block;
}
.mo {
  display: none;
}
@keyframes fadeAni {
  50% {
    opacity: 0;
  }
}
.ng-animate {
  animation: none 0s !important;
  -webkit-animation: none 0s !important;
}
.check-style.radio input + label {
  padding-left: 0;
  padding-right: 35px;
}
.check-style.radio input + label:before {
  background-size: 82% !important;
  background-position: center;
  border-radius: 100%;
}
.check-style a {
  color: #FFAD36;
  font-size: 0.75rem;
  vertical-align: middle;
  display: contents;
}
.check-style input[type=radio] {
  display: none !important;
}
.check-style input[type=checkbox] {
  display: none !important;
}
.check-style input + label {
  display: inline-flex !important;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
}
.check-style input + label.disabled {
  cursor: initial;
  opacity: 0.5;
}
.check-style input + label:hover:before {
  border: 2px solid #C8C8C8;
}
.check-style input + label:before {
  content: "";
  width: 20px;
  min-width: 20px;
  margin-top: 2px;
  height: 20px;
  display: block;
  border-radius: 5px;
  margin-right: 15px;
  border: 1px solid #C8C8C8;
}
.check-style input:checked + label:before {
  border: 0;
  background-size: 100%;
  background-image: url(../img/dds/checked.png);
}
.step-two {
  background-position: 50% 50%;
}
.step-three {
  background-position: 100% 0%;
}
.signup-process {
  max-width: 560px;
  margin: 100px auto -94px;
}
.signup-process .signup-step {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 24px 40px;
  margin: 0 auto;
}
.signup-process .signup-step div {
  float: left;
  width: 25%;
}
.signup-process .signup-step div span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  font-weight: 600;
}
.signup-process .signup-step div span.success {
  color: rgba(0, 0, 0, 0.69);
}
.signup-process .signup-step div span.success:after {
  border: 0.4px dashed rgba(0, 0, 0, 0.69);
}
.signup-process .signup-step div span.active {
  color: #FFAD36;
}
.signup-process .signup-step div span img {
  width: 16px;
}
.signup-process .signup-step div span i {
  font-style: normal;
  color: inherit;
}
.signup-process .signup-step div:nth-child(2) {
  text-align: center;
}
.signup-process .signup-step div:nth-child(2):before {
  content: "";
  position: absolute;
  top: 10px;
  right: 65%;
  width: 75px;
  height: 1px;
  border: 0.4px dashed #979797;
}
.signup-process .signup-step div:nth-child(2):after {
  content: "";
  position: absolute;
  top: 10px;
  left: 65%;
  width: 75px;
  height: 1px;
  border: 0.4px dashed #979797;
}
.signup-process .signup-step div:last-child {
  text-align: center;
}
.signup-process .signup-step div:last-child:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 65%;
  width: 75px;
  height: 1px;
  border: 0.4px dashed #979797;
}
.signup-process.step3 .signup-step div {
  width: 33.33%;
}
.signup-process.step3 .signup-step div:nth-child(2) {
  text-align: center;
}
.signup-process.step3 .signup-step div:nth-child(2):before {
  width: 106px;
}
.signup-process.step3 .signup-step div:nth-child(2):after {
  width: 106px;
}
.signup-process.step3 .signup-step div:last-child:before {
  display: none;
}
.signup-email,
.phone-certification,
.payment-info,
.signup-survey {
  max-width: 560px;
  margin: auto;
  margin-top: 100px;
  border-radius: 10px;
}
.signup-email .signup-content,
.phone-certification .signup-content,
.payment-info .signup-content,
.signup-survey .signup-content {
  background: #fff;
  padding: 38px 60px 60px;
}
.signup-email .upload-here span,
.phone-certification .upload-here span,
.payment-info .upload-here span,
.signup-survey .upload-here span {
  font-size: 0.75rem;
  font-weight: 300;
}
.signup-email .upload-here button,
.phone-certification .upload-here button,
.payment-info .upload-here button,
.signup-survey .upload-here button {
  width: 100px;
}
.signup-email .signup-title,
.phone-certification .signup-title,
.payment-info .signup-title,
.signup-survey .signup-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 7px;
}
.signup-email .button,
.phone-certification .button,
.payment-info .button,
.signup-survey .button {
  margin-top: 10px;
  width: 100%;
  padding: 15px 0;
}
.signup-email .button.btn-primary,
.phone-certification .button.btn-primary,
.payment-info .button.btn-primary,
.signup-survey .button.btn-primary {
  color: #fff;
}
.signup-email .button.btn-primary-text,
.phone-certification .button.btn-primary-text,
.payment-info .button.btn-primary-text,
.signup-survey .button.btn-primary-text {
  color: #FF6647;
}
.signup-email .button.btn-solid-line,
.phone-certification .button.btn-solid-line,
.payment-info .button.btn-solid-line,
.signup-survey .button.btn-solid-line {
  margin: 0;
}
.signup-email .button.btn-solid-line:hover,
.phone-certification .button.btn-solid-line:hover,
.payment-info .button.btn-solid-line:hover,
.signup-survey .button.btn-solid-line:hover {
  background: #fff;
}
.signup-email input,
.phone-certification input,
.payment-info input,
.signup-survey input {
  padding: 16px 5px;
  font-size: 1rem;
  font-weight: 500;
  height: auto;
  width: 100%;
}
.signup-email .module-ele-title,
.phone-certification .module-ele-title,
.payment-info .module-ele-title,
.signup-survey .module-ele-title {
  /*padding-top:25px;*/
}
.signup-email .agreement,
.phone-certification .agreement,
.payment-info .agreement,
.signup-survey .agreement {
  font-size: 0.75rem;
  margin-top: -8px;
  margin-bottom: 10px;
  padding-bottom: 22px;
  font-weight: 400;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.signup-email .agreement input,
.phone-certification .agreement input,
.payment-info .agreement input,
.signup-survey .agreement input {
  width: 30px;
  display: inline-block;
}
.signup-email .agreement label,
.phone-certification .agreement label,
.payment-info .agreement label,
.signup-survey .agreement label {
  font-weight: 400;
  display: inline-block;
}
.signup-email .agreement a,
.phone-certification .agreement a,
.payment-info .agreement a,
.signup-survey .agreement a {
  margin: 0 6px;
  color: #FFAD36;
  text-decoration: underline;
}
.signup-email .chrome-banner,
.phone-certification .chrome-banner,
.payment-info .chrome-banner,
.signup-survey .chrome-banner {
  border: 1px solid #b00200;
  color: #b00200;
  background: rgba(176, 2, 0, 0.08);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 4px 6px 28px;
}
.signup-email .chrome-banner svg,
.phone-certification .chrome-banner svg,
.payment-info .chrome-banner svg,
.signup-survey .chrome-banner svg {
  position: absolute;
  top: 8px;
  left: 6px;
  width: 16px;
  height: 16px;
}
.signup-email .chrome-banner svg path,
.phone-certification .chrome-banner svg path,
.payment-info .chrome-banner svg path,
.signup-survey .chrome-banner svg path {
  fill: #b00200;
}
.signup-email .chrome-banner a,
.phone-certification .chrome-banner a,
.payment-info .chrome-banner a,
.signup-survey .chrome-banner a {
  font-weight: normal;
  color: #FFAD36;
  text-decoration: underline;
}
.signup-email .selected-plan,
.phone-certification .selected-plan,
.payment-info .selected-plan,
.signup-survey .selected-plan {
  background: #eaeaea;
  padding: 16px 28px;
  border-radius: 5px;
}
.signup-email .note-wrap,
.phone-certification .note-wrap,
.payment-info .note-wrap,
.signup-survey .note-wrap {
  font-size: 12px;
  border-top: 1px solid #ccc;
  margin-top: 6px;
  padding-top: 6px;
}
.signup-email .note-wrap b,
.phone-certification .note-wrap b,
.payment-info .note-wrap b,
.signup-survey .note-wrap b {
  color: rgba(210, 98, 76, 0.68);
  display: block;
}
.signup-email .note-wrap ul,
.phone-certification .note-wrap ul,
.payment-info .note-wrap ul,
.signup-survey .note-wrap ul {
  list-style: none;
  padding: 0;
}
.signup-email .note-wrap ul li,
.phone-certification .note-wrap ul li,
.payment-info .note-wrap ul li,
.signup-survey .note-wrap ul li {
  color: rgba(0, 0, 0, 0.5);
}
.signup-email .note-wrap ul li:before,
.phone-certification .note-wrap ul li:before,
.payment-info .note-wrap ul li:before,
.signup-survey .note-wrap ul li:before {
  content: "- ";
}
.signup-email .plan-change,
.phone-certification .plan-change,
.payment-info .plan-change,
.signup-survey .plan-change {
  color: #FFAD36;
  font-weight: 600;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
}
.signup-email .estimate,
.phone-certification .estimate,
.payment-info .estimate,
.signup-survey .estimate {
  opacity: 0.5;
  margin-top: 10px;
}
.signup-email .check-wrap div label,
.phone-certification .check-wrap div label,
.payment-info .check-wrap div label,
.signup-survey .check-wrap div label {
  font-size: 0.75rem;
}
.signup-email .check-wrap div label a,
.phone-certification .check-wrap div label a,
.payment-info .check-wrap div label a,
.signup-survey .check-wrap div label a {
  font-size: inherit;
}
.phone-certification .module-single-ele {
  margin-top: 8px;
  padding: 24px 60px;
  background: #fff;
}
.phone-certification .module-single-ele .input-within div {
  display: flex;
  align-items: center;
}
.phone-certification .module-single-ele .input-within div button {
  background: #eee;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto;
  padding: 6px 16px;
  font-size: 14px;
  border: 1px solid rgba(109, 93, 65, 0.51);
  border-radius: 0;
}
.phone-certification .module-single-ele .input-within div button:hover {
  background: #eee;
}
.phone-certification .module-single-ele .input-within .input-within-name small {
  color: rgba(0, 0, 0, 0.6);
}
.phone-certification .module-single-ele .input-within input {
  padding: 29px 80px 10px 8px !important;
}
.phone-certification .module-single-ele .input-within p {
  color: #09BB57;
  font-size: 12px;
  margin: 0;
}
.phone-certification .module-single-ele .input-within p.text-danger {
  color: #EC2E2E;
}
.phone-certification .module-single-ele {
  margin-top: 8px;
  padding: 24px 60px;
  background: #fff;
}
.phone-certification .module-single-ele .input-within div {
  display: flex;
  align-items: center;
}
.phone-certification .module-single-ele .input-within div button {
  background: #eee;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto;
  padding: 6px 16px;
  font-size: 14px;
  border: 1px solid rgba(109, 93, 65, 0.51);
  border-radius: 0;
}
.phone-certification .module-single-ele .input-within div button:hover {
  background: #eee;
}
.phone-certification .module-single-ele .input-within .input-within-name small {
  color: rgba(0, 0, 0, 0.6);
}
.phone-certification .module-single-ele .input-within input {
  padding: 29px 80px 10px 8px !important;
}
.phone-certification .module-single-ele .input-within p {
  color: #09BB57;
  font-size: 12px;
  margin: 0;
}
.phone-certification .module-single-ele .input-within p.text-danger {
  color: #EC2E2E;
}
.payment-info .signup-content {
  padding: 0;
  background: transparent;
}
.payment-info .signup-content > .module-single-ele {
  padding: 24px 60px;
  background: #fff;
}
.payment-info .signup-content > .module-single-ele .explain-box {
  background: #f2f2f2;
  font-size: 15px;
  border-radius: 5px;
  padding: 16px 28px;
  margin-bottom: 20px;
}
.payment-info .signup-content > .module-single-ele .explain-box b {
  display: block;
  margin-bottom: 6px;
}
.payment-info .signup-content > .module-single-ele .explain-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.payment-info .signup-content > .module-single-ele .explain-box ul li {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.payment-info .signup-content > .module-single-ele .explain-box ul li span {
  color: #FF6647;
}
.payment-info .signup-content > .module-single-ele .module-single-ele {
  margin: 38px 0 30px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap {
  padding: 0 0 20px;
  margin: 20px 0 26px;
  border-bottom: 1px solid #e0e0e0;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div {
  margin-bottom: 16px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div span.module-ele-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div:last-child {
  margin-bottom: 0;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.txt b {
  font-size: 18px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.txt span {
  color: #FF7A00;
  font-weight: 500;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.txt p {
  font-size: 14px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.price b {
  color: #FF6647;
  font-size: 17px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.price button {
  background: transparent;
  border: 1px solid #584c35;
  font-size: 14px;
  border-radius: 4px;
  padding: 0 4px;
  margin-left: 6px;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.price button:hover {
  box-shadow: 0px 2px 5px #00000055;
}
.payment-info .signup-content > .module-single-ele .module-single-ele.non-pay-wrap div.card-num div {
  font-size: 15px;
  margin: 0;
}
.payment-info .signup-content #tenantname {
  width: 99%;
}
.signup-survey .check-style input + label:before {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.plan-cost {
  font-size: 14px;
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.6);
}
.plan-cost span {
  color: rgba(0, 0, 0, 0.6);
}
.plan-content,
.sign-content,
.payment-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 80px;
}
.plan-content *,
.sign-content *,
.payment-content * {
  position: relative;
  color: #222;
  font-family: "Noto Sans KR", sans-serif;
}
.plan-content .detailed-pricing-pop {
  display: none;
  opacity: 0;
  position: absolute;
  background: #fff;
  height: 100%;
  overflow: auto;
  width: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 0px 1000px #00000088;
}
.plan-content .cross-btn {
  margin-top: 21px;
  width: 24px;
  right: 0;
  top: 0;
  margin-right: 35px;
  position: fixed;
  z-index: 10000;
  background-size: contain;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
}
.slide {
  width: 100%;
  height: auto;
}
.slide .page-title {
  margin-bottom: 35px;
  text-align: center;
  width: 100%;
}
.slide .page-title .big {
  font-size: 22px;
  font-weight: 600;
  color: #aaa;
}
.slide .page-title .small {
  font-weight: 300;
  width: 930px;
  font-size: 32px;
  margin: auto;
  margin-top: 10px;
}
.slide .page-title .small .strong {
  color: #FF6647;
}
#slide1 {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
}
#slide2 {
  margin-top: 180px;
  background: linear-gradient(155deg, #FF6647, #ffef31);
}
#slide2 * {
  color: #fff;
}
#slide2 button {
  color: #FF6647;
}
#slide3 * {
  color: #FF6647;
}
#slide3 .detail .small div:before {
  background: #FF6647;
}
#slide3 button {
  background: #FF6647;
  color: #fff;
}
.col3 {
  width: 100%;
  max-width: 1180px;
  margin-top: 20px;
  border: .5px solid #eaeaea;
  padding: 55px 60px 145px;
  border-radius: 10px;
  background: #fff;
  margin: auto;
}
.col3 .signup-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 40px;
}
.col3 .col3-inner {
  display: flex;
  align-items: flex-start;
}
.col3 .not-selectable * {
  color: #C8C8C8;
}
.col3 .not-selectable .big {
  color: #C8C8C8 !important;
}
.col3 .col-item {
  width: 100%;
  text-align: left;
  padding: 0 50px 0 50px;
}
.col3 .col-item:first-child {
  padding-left: 0;
}
.col3 .col-item:last-child {
  padding-right: 0;
}
.col3 .btn-primary-text {
  position: absolute;
  bottom: 34px;
  left: 0;
  padding: 6px 46px;
  right: 0;
  width: fit-content;
  margin: auto;
  font-weight: 400;
}
.col6 {
  width: 100%;
  padding: 0 40px 120px;
}
.col6 .row {
  padding: 0;
  width: 100%;
  display: flex;
}
.col6 .row:first-child {
  position: sticky;
  top: 0px;
  z-index: 10;
}
.col6 .row:first-child .col-item {
  background: #fff;
  background: linear-gradient(0deg, transparent, white, white, white, white, white);
  padding-top: 50px;
}
.col6 .row:first-child .col-item:first-child {
  background: transparent;
}
.col6 .row:nth-child(2) .col-item {
  padding-top: 0;
}
.col6 .row .col-item {
  width: 100%;
  padding: 20px;
}
.col6 .row-head {
  font-weight: 700 !important;
  text-align: right;
}
.col6 .col-title {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #FF6647;
  border-bottom: 1px solid #eaeaea;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.col6 .col-item div {
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 12px;
}
.col6 .col-item .row-detail .includes {
  opacity: 0.4;
}
.col6 .col-item .up:after {
  content: "";
  background-image: url(../img/pricing/upgrade.png);
  width: 12px;
  position: absolute;
  top: 6px;
  margin-left: 8px;
  height: 12px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.col6 .col-item .new:after {
  content: "";
  background-image: url(../img/pricing/new.png);
  width: 22px;
  margin-left: 8px;
  height: 22px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.plan-name .small {
  font-size: 1rem;
  font-weight: 400;
  width: 210px;
}
.plan-name .big {
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: #FF6647;
}
.plan-name .big.fav:after {
  position: absolute;
  border: 1px solid #FF6647;
  content: "인기";
  font-size: 12px;
  padding: 3px 4px;
  top: 0;
  right: -32px;
}
.plan-notice {
  padding: 5px 8px 5px 50px;
  border-radius: 5px;
  font-size: 12px;
  margin-top: 10px;
  border: 0.5px solid #FF6647;
  color: #FF6647;
}
.plan-notice span {
  color: #FF6647;
}
.plan-notice:before {
  content: '!';
  font-size: 16px;
  position: absolute;
  left: 14px;
  top: 0px;
  width: 25px;
  border-radius: 100%;
  color: #FF6647;
  border: 0.5px solid #FF6647;
  text-align: center;
  height: 25px;
  bottom: 0px;
  margin: auto;
}
.jstree-anchor:after {
  content: attr(value);
  opacity: 0.45;
  font-size: 12px;
  margin-left: 10px;
}
.tree-wrap {
  padding: 20px;
  border: 1px solid #eaeaea;
  max-height: 370px;
  border-radius: 10px;
}
.tree-wrap .tree-title {
  margin-bottom: 15px;
}
.plan-summary {
  padding-top: 30px;
}
.plan-summary .plan-summary-inner {
  min-height: 150px;
}
.plan-summary .plan-summary-inner > div {
  font-size: .8rem;
  font-weight: 600;
  padding-bottom: 13px;
}
.plan-summary .price {
  padding-top: 25px;
  font-size: 24px;
  font-weight: 300;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.plan-summary .price .per-month {
  font-size: 20px;
  color: #aaa;
  padding-left: 15px;
}
.plan-summary .start-plan {
  width: 100%;
  display: block;
  height: fit-content;
  margin-top: 15px;
}
.plan-summary button {
  font-size: 1rem;
  font-family: "Noto Sans KR", sans-serif;
  color: #FF6647;
  border: 1px solid #FF6647;
  background: transparent;
  width: 100%;
  height: 50px;
  font-weight: 700;
  border-radius: 5px;
}
.plan-summary button.on {
  background: #FF6647;
  color: #fff;
}
.plan-summary button:hover {
  background: rgba(255, 102, 71, 0.2);
}
.plan-summary .start-small {
  font-size: 1rem;
  color: #FF6647;
  padding-top: 5px;
  text-align: center;
}
.plan-detail {
  font-size: 1rem;
  font-weight: 300;
  min-height: 150px;
  margin-top: 5px;
  padding-top: 30px;
  border-top: 1px solid #eaeaea;
}
.plan-detail div {
  display: flex;
  align-items: center;
  font-size: .8rem;
  padding-bottom: 6px;
}
.plan-detail div:before {
  margin-right: 10px;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  background: #aaa;
  content: "";
  display: inline-block;
}
.plan-detail .includes {
  opacity: 0.5;
}
.plan-detail .includes:before {
  display: none;
}
.more-detail {
  position: absolute;
  color: #FF6647;
  border: 1px solid #FF6647;
  width: 200px;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
.more-detail:hover {
  color: #FF6647;
  background: rgba(255, 102, 71, 0.2);
}
.btn-more-detail {
  background: transparent;
  border-radius: 0;
  border: transparent;
  border-bottom: 2px solid #FF6647;
  width: max-content;
  padding: 0 10px;
  color: #FF6647;
  font-weight: 700;
}
.btn-more-detail:hover {
  background: transparent;
  color: #FF6647;
}
.double-inner {
  max-width: 980px;
  margin: auto;
  padding: 100px 0;
  display: flex;
}
.double-inner > div {
  width: 100%;
  padding: 60px 80px;
}
.double-inner .title .big {
  font-size: 72px;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
}
.double-inner .title .small {
  font-size: 24px;
}
.double-inner .detail {
  padding-top: 90px;
}
.double-inner .detail .big {
  font-size: 24px;
  font-weight: 700;
}
.double-inner .detail .small {
  margin-top: 45px;
  font-size: 1rem;
  margin-bottom: 45px;
}
.double-inner .detail .small div {
  padding-bottom: 16px;
}
.double-inner .detail .small div :before {
  margin-right: 10px;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  background: #fff;
  content: "";
  display: inline-block;
}
.double-inner .detail button {
  background: #fff;
  font-size: 1rem;
  width: 300px;
  text-align: center;
  padding: 10px;
  border: 0;
  font-weight: 700;
}
.input-within {
  margin-bottom: 16px;
  max-width: 500px;
  position: relative;
}
.input-within .fa-check {
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}
.input-within .fa-check:before {
  content: "";
  background-image: url(../img/dds/confirm.png);
  width: 15px;
  height: 15px;
  display: block;
}
.input-within .text-danger {
  color: #EC2E2E;
}
.input-within input {
  word-spacing: 5px;
  padding: 29px 8px 10px !important;
  height: 66px;
  font-size: 1.1rem !important;
  border: 1px solid rgba(109, 93, 65, 0.51);
  width: 100%;
  margin: 0;
}
.input-within input.error {
  border-color: #EC2E2E;
}
.input-within input:disabled,
.input-within input:read-only {
  background: #eaeaea;
}
.input-within.mand .input-within-name:after {
  content: "*";
  display: inline-block;
  color: #FF6647;
  font-size: 1rem;
  margin-left: 5px;
  margin-top: -6px;
}
.input-within .input-within-name {
  opacity: 0.6;
  position: absolute;
  z-index: 10;
  font-size: 0.75rem;
  padding: 5px 10px;
  pointer-events: none;
}
.input-within .input-within-name + span {
  font-size: 0.75rem;
}
.module-form .input-within .input-within-name {
  position: inherit;
  padding: 4px 0;
  color: rgba(0, 0, 0, 0.6);
  opacity: inherit;
  font-size: 14px !important;
  font-weight: 500;
}
.module-form .input-within .input-within-name:after {
  content: "";
}
.module-form .input-within input {
  padding: 12px 8px !important;
  height: 40px;
  font-weight: normal;
  font-size: 14px !important;
  letter-spacing: 1px;
}
.module-form .input-within input::placeholder {
  font-style: normal;
}
.module-form .input-within span {
  position: absolute;
  margin: 14px 0 0 5px;
  letter-spacing: 1px;
}
.isolation {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.navbar-default {
  width: 0px;
  position: absolute;
  height: 0px;
}
#frogue-container .frogue-chat {
  right: 40px;
  position: absolute !important;
  right: 0px !important;
  bottom: 10px !important;
  height: 60vh !important;
}
#frogue-container .frogue-talkpop {
  right: 50px;
}
.pace {
  overflow: hidden;
  width: 100%;
}
.search-input {
  padding: 0 20px;
  border-radius: 30px;
  height: 35px;
  width: 100%;
}
.pace-inactive {
  display: none;
}
.btn-listen {
  background: #FFAD36;
}
.ui-pop {
  position: absolute;
  background: #fff;
  box-shadow: 2px 3px 10px 0px #00000044;
  padding: 15px;
  border-radius: 5px;
  z-index: 100;
}
.ui-pop .cross-btn {
  top: 20px;
  bottom: auto;
}
.ui-pop.open {
  display: block;
}
.ui-pop .ui-pop-contents .ui-pop-spacer {
  height: 1px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.ui-pop .ui-pop-contents .filters {
  display: flex;
}
.ui-pop .ui-pop-contents .search-filter {
  width: 200px;
  display: inline-block;
}
.ui-pop .ui-pop-contents .search-filter select {
  height: 35px;
  width: 130px;
  margin-top: 16px;
}
.db-filter {
  font-size: 1rem;
  z-index: 2;
}
.db-filter .now-filter {
  width: fit-content;
  display: flex;
  align-items: center;
  border: 1px solid #C8C8C8;
  cursor: pointer;
}
.db-filter .now-filter svg {
  width: 13px;
}
.db-filter .now-filter:hover {
  fill: #FFAD36;
  color: #FFAD36;
}
.db-filter .filter-list {
  width: 180px;
}
.tabs-wrap {
  width: 100%;
  background: #fff;
  border-bottom: 0.5px solid #eaeaea;
}
.tabs-wrap .tabs {
  max-width: 1580px;
  display: flex;
  margin: auto;
  padding: 0 80px;
  align-items: center;
}
.tabs-wrap .tabs .tab-item {
  padding: 16px 30px 15px;
  font-weight: 600;
  font-size: 14px;
  border: 0;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.tabs-wrap .tabs .tab-item:hover {
  border-color: rgba(255, 173, 54, 0.2);
}
.tabs-wrap .tabs .tab-item.active {
  color: #FFAD36;
  border-color: #FFAD36;
}
.tabs-wrap .tabs .tab-item.disable {
  color: #eaeaea;
  pointer-events: none;
}
.report-upper {
  background: #fff;
}
.report-upper .duration {
  text-align: center;
}
.report-upper .report-summary {
  display: flex;
  max-width: 1580px;
  padding: 40px 80px;
}
.report-upper .report-summary .align-center {
  margin: auto;
  width: 90%;
  height: 100%;
}
.report-upper .report-summary .align-center .summary-title {
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
.report-upper .report-summary .align-center .percent-detail {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
  margin-top: 20px;
}
.report-upper .report-summary .align-center .percent-detail div {
  padding: 3px 10px;
  border-right: 1px solid #eaeaea;
}
.report-upper .report-summary .align-center .percent-detail div:last-child {
  border-right: 0;
}
.report-upper .report-summary .summary-item {
  width: 18%;
  min-width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-upper .report-summary .summary-item.double {
  display: block;
  width: 30%;
}
.report-upper .report-summary .summary-item .summary-title {
  font-size: 1rem;
  color: #584c35;
}
.report-upper .report-summary .summary-item .summary-numbers {
  font-size: 56px;
  font-weight: 300;
  color: #584c35;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.report-upper .report-summary .summary-item .summary-numbers .bignum {
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.report-upper .report-summary .summary-item .summary-numbers .divider {
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-size: 24px;
  margin-bottom: 5px;
  margin: 0 10px 5px;
}
.report-upper .report-summary .summary-item .summary-numbers .smallnum {
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-size: 24px;
}
.report-upper .report-summary .summary-item .percentage {
  position: absolute;
  font-size: 56px;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.report-upper .report-summary .summary-item .percentage .divider {
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
  font-size: 24px;
  margin-bottom: 5px;
  margin: 0 10px 5px;
}
.report-upper .report-summary .summary-item .percentage .bignum {
  font-weight: 300;
  font-size: 56px;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.report-upper .report-summary .summary-item .percentage .unit {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.report-upper .report-summary .summary-item .topRankItem {
  cursor: pointer;
  padding: 20px;
}
.report-upper .report-summary .summary-item .topRankItem .topRank-title {
  margin-top: 16px;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 8px;
}
.report-upper .report-summary .summary-item .topRankItem div {
  font-weight: 600;
  margin-bottom: 16px;
}
.report-upper .report-summary .summary-item .topRankItem .topRank-num {
  font-weight: 300;
  font-size: 32px;
  font-family: "Quicksand", "Noto Sans KR", sans-serif;
}
.report-upper .report-summary .filter-wrap {
  width: 100%;
}
.report-upper .report-summary .filter-wrap table tr th,
.report-upper .report-summary .filter-wrap table tr td {
  padding: 6px;
}
.report-upper .report-summary .filter-wrap .check-style {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
}
.report-upper .report-summary .filter-wrap .date-wrap {
  display: inline-block;
  position: absolute;
}
.report-upper .report-summary .filter-wrap .date-wrap .btn-filter {
  border-left: 0;
  padding: 4px 10px;
}
.report-upper .report-summary .filter-wrap .date-wrap .btn-filter:first-child {
  border-left: 1px solid #c8c8c8;
}
.report-upper .report-summary .filter-wrap .date-wrap .btn-filter .icon_refresh {
  font-size: 14px;
}
.report-upper .report-summary .filter-wrap .nya-bs-select {
  border: 1px solid #C8C8C8;
}
.report-upper .report-summary .filter-wrap .nya-bs-select .dropdown-menu li a {
  padding: 3px 10px;
}
.report-upper .report-summary .filter-wrap .nya-bs-select .dropdown-menu li a i {
  display: block;
  font-style: normal;
  max-width: 180px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-upper .report-summary .filter-wrap .nya-bs-select .dropdown-menu li a .check-mark {
  right: 3px;
}
.title-area {
  background: #fff;
  padding-top: 140px;
  padding-bottom: 30px;
  border: 1px solid rgba(109, 93, 65, 0.21);
  border-left: 0;
  position: relative;
}
.title-area .module-flex-wrap {
  position: relative;
  max-width: 1580px;
  padding: 0 80px;
  margin: 55px auto 0;
}
.title-area .module-flex-wrap .module-single-ele {
  margin-right: 0;
}
.title-area.option {
  padding-bottom: 90px;
}
.title-area .title-area-inner {
  margin: auto;
  position: relative;
  max-width: 1580px;
  padding: 0 80px;
}
.title-area .title-area-inner .title-to-list {
  opacity: 0.5;
  margin-bottom: 5px;
  font-size: 14px;
}
.title-area .title-area-inner .title-to-list a {
  color: #584c35;
}
.title-area .title-area-inner .title-to-list a.nointeract {
  pointer-events: none;
}
.title-area .title-area-inner .title-to-list a:hover {
  opacity: 1;
}
.title-area .title-area-inner .title-to-list span {
  display: inline-block;
  padding: 0 8px 0 4px;
}
.title-area .title-area-inner .title-name {
  font-size: 27px;
  margin: auto;
  font-weight: 400;
  margin-bottom: 5px;
}
.title-area .title-area-inner .title-name .arrow {
  border-top: 2px solid;
  border-left: 2px solid;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -10px;
  position: absolute;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  transform: rotateZ(-45deg);
  border-color: #584c35;
}
.title-area .title-area-inner .title-name .arrow:after {
  content: '';
  width: 20px;
  top: 5px;
  left: -4px;
  transform: rotateZ(45deg);
  height: 2px;
  position: absolute;
  display: block;
  background: #584c35;
}
.title-area .title-area-inner .title-detail {
  opacity: .5;
  color: #000;
  font-weight: 400;
}
.title-area .title-area-inner .title-document {
  text-decoration: underline;
  color: #FFAD36;
  margin-top: 7px;
  font-size: 0.75rem;
}
.title-area .title-area-options {
  position: absolute;
  display: flex;
  bottom: 10px;
  padding: 0 80px;
  max-width: 1580px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  align-items: flex-end;
  opacity: 1;
}
.title-area .title-area-options.show {
  opacity: 0;
}
.title-area .title-area-options .tabs-wrap {
  position: absolute;
  max-width: 1580px;
  margin: auto;
  left: 0;
  right: 0;
  border-bottom: 0;
  padding: 0;
  bottom: -10px;
}
.title-area .title-area-options dl {
  margin-bottom: 10px;
}
.float-btn {
  position: fixed;
  width: calc(100% - 80px);
  bottom: 20px;
  z-index: 100;
  background: #fff;
  border-top: 1px solid #eaeaea;
}
.float-btn.folded {
  width: calc(100% - 430px) !important;
}
.float-btn.chatflow {
  max-width: unset;
  width: calc(100% - 278px);
}
.float-btn.chatflow.folded {
  width: calc(100% - 630px) !important;
}
.float-btn.chatflow .float-inner {
  max-width: unset;
  padding: 20px 200px 20px 20px;
}
.float-btn .float-inner {
  display: flex;
  max-width: 1580px;
  padding: 20px 80px;
  margin: auto;
}
.float-btn .float-inner .drop-up {
  position: relative;
  background: #FF6647;
  border-radius: 4px;
  display: flex;
  box-shadow: none;
  padding: 0;
}
.float-btn .float-inner .drop-up:hover {
  box-shadow: 0px 5px 10px #00000055;
}
.float-btn .float-inner .drop-up.disabled {
  background: #c0c0c0;
}
.float-btn .float-inner .drop-up.disabled:hover {
  box-shadow: none;
}
.float-btn .float-inner .drop-up .btn-primary-text {
  color: #fff !important;
}
.float-btn .float-inner .drop-up .up-list > .button:hover {
  background: #ffffff33 !important;
}
.float-btn .float-inner .drop-up .up-list.on .drop-up-items {
  display: block;
}
.float-btn .float-inner .drop-up .up-list .btn-primary-more {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 38px;
  color: #fff;
  background: #FF6647;
}
.float-btn .float-inner .drop-up .up-list .drop-up-items {
  display: none;
  position: absolute;
  right: 0;
  top: -45px;
}
.float-btn .float-inner .drop-up .up-list .drop-up-items .drop-up-item:hover {
  color: #fff;
}
.float-btn.detail .float-inner {
  max-width: 1135px;
}
.float-btn.detail .area-left {
  width: 100%;
  max-width: 970px;
}
.float-btn .area-right {
  margin-left: auto;
  transition: 0.2s all ease-in-out;
}
.float-btn .area-right.is-open {
  margin-right: 370px;
}
.float-btn .area-right .delete-btn {
  opacity: 1;
}
@media (max-width: 1200px) {
  .float-btn {
    bottom: 22px !important;
  }
}
.hal-dots-wrap {
  display: block;
  width: 10px;
  display: inline-block;
  cursor: pointer;
}
.hal-dots-wrap:hover .hal-dots {
  background: #333;
}
.hal-dots-wrap .hal-dots {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin-bottom: 3px;
  background: #aaa;
}
.hal-dots-container {
  position: relative;
  display: inline-block;
}
.hal-dots-container .hal-dot-dropdown {
  font-size: 16px;
  position: absolute;
  z-index: 10;
  background: #fff;
  padding: 20px;
  width: 150px;
  text-align: left;
  border: 0.5px solid #eaeaea;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #00000022;
}
.hal-dots-container .hal-dot-dropdown .hal-dropdown-items {
  color: #333;
  display: block;
  padding: 2px 0px;
}
.hal-dots-container .hal-dot-dropdown .hal-dropdown-items.danger {
  color: #EC2E2E;
}
.upload-pop-wrap {
  width: 100%;
  height: fit-content;
  margin: auto;
  background: #fff;
  padding: 0 20px;
}
.upload-pop-wrap .module-ele-title {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.upload-pop-wrap .module-ele-title .module-ele-titledetail {
  font-size: 14px;
  color: #616161;
  opacity: 1;
}
.upload-pop-wrap .module-ele-title .pop-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}
.upload-pop-wrap .upload-panel-wrap {
  display: flex;
  padding: 32px 0 0;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  border: 0.5px solid #eaeaea;
  padding: 24px 22px;
  text-align: center;
  height: 264px;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item:hover {
  background: #efefef;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item:hover .upload-panel-item-inner .upload-btn-wrap {
  height: 80px;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item:nth-child(2) {
  border-left: none;
  border-right: none;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
  left: 0;
  right: 0;
  margin: auto;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-name {
  font-weight: 600;
  color: #584c35;
  margin-top: 8px;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-name.faq {
  margin-top: 0;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-detail {
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 0px;
  display: block;
  white-space: normal;
  font-weight: 400;
  color: #616161;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-btn-wrap {
  height: 0;
  margin-top: 16px;
  overflow: hidden;
  padding: 0 22px;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-btn-wrap .button {
  width: 100%;
  padding: 9px 35px;
}
.upload-pop-wrap .upload-panel-wrap .upload-panel-item .upload-panel-item-inner .upload-btn-wrap .button.btn-secondary-text {
  border: 1px solid #ffa633;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap {
  display: block;
  padding: 0;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap h4 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.32);
  margin-top: 30px;
  margin-bottom: 4px;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item {
  height: auto;
  text-align: left;
  padding: 10px 0 10px 27px;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item:nth-child(1),
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item:nth-child(2) {
  border-bottom: 0;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item:nth-child(2) {
  border-left: 0.5px solid #eaeaea;
  border-right: 0.5px solid #eaeaea;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner {
  position: inherit;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner div {
  position: relative;
  top: -7px;
  display: inline-block;
  margin: 0;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner div.img {
  top: 0;
  margin-right: 3px;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner div.img svg {
  width: 24px;
  height: 24px;
  opacity: 0.4;
  fill: #9e9e9e;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner div.upload-name {
  color: #616161;
  opacity: 0.4;
  font-size: 14px;
  font-weight: inherit;
}
.upload-pop-wrap .upload-panel-wrap.upload-list-wrap .upload-panel-item .upload-panel-item-inner div.upload-detail {
  position: absolute;
  top: 7px;
  left: 220px;
  color: #616161;
  opacity: 0.4;
  font-size: 14px;
  right: 24px;
}
.filter-list {
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 1px;
  background: #fff;
  padding: 20px;
  border-radius: 13px;
  top: 48px;
  border: 1px solid #eaeaea;
  z-index: 100;
}
.filter-list.folder {
  display: none;
}
.filter-list .filters-inner {
  max-height: 45vh;
  overflow: auto;
}
.filter-list .filters-inner .check-style {
  margin-top: 14px;
}
.filter-list .filter-list-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.filter-list .filter-list-item {
  padding: 3px 0px;
}
.filter-list .filter-list-item:hover {
  color: #FFAD36;
}
.filter-list .search-filter {
  margin: 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.filter-list .search-filter:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.search-option {
  position: relative;
  width: auto;
  max-width: 980px;
  display: inline-flex;
  margin-left: auto;
  height: auto;
}
.search-option .module-single-ele .module-ele-titledetail {
  white-space: initial;
}
.search-option .module-single-ele label {
  display: flex !important;
  margin-bottom: 10px;
  position: relative;
  left: 0;
}
.search-option .filters {
  margin-right: 10px;
  position: relative;
}
.search-option .filters .btn-filter {
  padding: 0 14px;
}
.search-option .filter-list {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 0;
  background: #fff;
  padding: 20px;
  border-radius: 13px;
  border: 1px solid #eaeaea;
  box-shadow: 0px 0px 30px 0px #00000044;
  z-index: 1000;
}
.search-option .filter-list.folder {
  display: none;
}
.search-option .filter-list .filter-list-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.search-option .filter-list .filter-list-item {
  padding: 3px 0px;
}
.search-option .filter-list .filter-list-item:hover {
  color: #FFAD36;
}
.search-option .filter-list .search-filter {
  margin: 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.search-option .filter-list .search-filter:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.search-option .option-input-wrapper {
  position: relative;
  height: fit-content;
}
.search-option .option-input-wrapper select {
  position: absolute;
  bottom: 5px;
  border: 0;
  border-right: 1px solid #C8C8C8;
  padding-right: 24px;
  margin-right: 5px;
  left: 40px;
  background: url(../img/common/dropdown.png) no-repeat 95% center;
  background-size: 12%;
  -webkit-appearance: none;
}
.search-option input {
  padding-left: 40px;
  margin-right: 0;
  padding-right: 10px;
  border: 1px solid #C8C8C8;
}
.search-option input::placeholder {
  font-style: normal;
}
.search-option input.has-drop {
  padding-left: 164px;
}
.search-option label {
  position: absolute;
  bottom: 6px;
  left: 17px;
}
.search-option label.switch {
  position: relative;
  bottom: inherit;
  left: inherit;
}
.search-option .button.button-wrap {
  margin-left: 10px;
}
.search-option .button.button-wrap > .button {
  padding: 0px 15px;
}
.search-option .button.button-wrap .btn-secondary-more span {
  top: 2px;
}
.search-option .ui-pop {
  right: 0px;
  top: 40px;
}
.search-option .filter-select {
  height: 35px;
  border-color: #c5c6c7;
  border-radius: 30px;
  cursor: pointer;
  margin-left: 10px;
  padding: 0 15px;
}
.detail-title-area {
  padding: 180px 0 80px;
  position: relative;
}
.detail-title-area.option {
  padding-bottom: 130px;
}
.detail-title-area.chatflow {
  position: absolute;
  z-index: 100;
  padding: 7px 16px;
  width: 100%;
  max-width: unset;
  margin: 0;
  width: calc(100% - 180px);
}
.detail-title-area.chatflow .title-area-inner {
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.detail-title-area.chatflow .chatflow-canvas-nav {
  display: inline-flex;
  top: 16px;
  right: 50px;
  position: absolute;
  transition: 0.2s all ease-in-out;
}
.detail-title-area.chatflow .chatflow-canvas-nav.is-open {
  margin-right: 370px;
}
@media screen and (max-width: 800px) {
  .detail-title-area.chatflow .title-name {
    font-size: 32px;
  }
  .detail-title-area.chatflow .chatflow-canvas-nav {
    top: 75px;
    right: 0;
  }
  .detail-title-area.chatflow .chatflow-canvas-nav.is-open {
    margin-right: 0;
  }
}
.detail-title-area .title-area-inner {
  width: 100%;
  max-width: 1580px;
  padding: 0 80px;
  margin: auto;
  position: relative;
}
.detail-title-area .title-area-inner .title-to-list {
  margin-bottom: 10px;
}
.detail-title-area .title-area-inner .title-to-list a {
  opacity: 0.5;
  color: #584c35;
}
.detail-title-area .title-area-inner .title-to-list a.nointeract {
  pointer-events: none;
}
.detail-title-area .title-area-inner .title-to-list a:hover {
  opacity: 1;
}
.detail-title-area .title-area-inner .title-to-list span {
  display: inline-block;
  padding: 0 12px;
  opacity: 0.5;
}
.detail-title-area .title-area-inner .title-name {
  font-size: 40px;
  margin: auto;
  font-weight: 300;
}
.detail-title-area .title-area-inner .title-category {
  font-weight: 400;
  max-width: 570px;
  margin-bottom: 0px;
}
.detail-title-area .title-area-inner .title-category input {
  opacity: 0.7;
  color: #FFAD36;
  border-bottom: 0 !important;
}
.detail-title-area .title-area-inner .title-category input::placeholder {
  color: #FFAD36;
  text-decoration: underline;
  font-style: normal;
}
.detail-title-area .title-area-inner .title-category input:focus,
.detail-title-area .title-area-inner .title-category input:active {
  opacity: 1;
}
.detail-title-area .title-area-inner .title-category input:focus::placeholder,
.detail-title-area .title-area-inner .title-category input:active::placeholder {
  color: transparent;
}
.detail-title-area .title-area-inner .title-category.has-cat input {
  opacity: 1;
}
.detail-title-area .title-area-inner .title-detail {
  opacity: .5;
  color: #000;
  font-weight: 400;
}
.detail-title-area .title-area-inner .title-document {
  text-decoration: underline;
  color: #FFAD36;
  margin-top: 7px;
  font-size: 0.75rem;
  display: block;
}
.detail-title-area .title-area-options {
  position: absolute;
  bottom: 10px;
  padding: 0 80px;
  max-width: 1580px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  opacity: 1;
}
.detail-title-area .title-area-options.show {
  opacity: 0;
}
.detail-title-area .title-area-options .search-option {
  position: relative;
  width: 35%;
  max-width: 550px;
  display: flex;
  margin-left: auto;
  height: auto;
}
.detail-title-area .title-area-options .search-option .db-filter {
  position: absolute;
  left: 0;
  transform: translateX(calc(-100% - 15px));
}
.detail-title-area .title-area-options .search-option label {
  position: absolute;
  bottom: 6px;
  left: 17px;
}
.detail-title-area .title-area-options .search-option > select {
  position: absolute;
  bottom: 4px;
  border: 0;
  border-right: 1px solid #C8C8C8;
  padding-right: 20px;
  margin-right: 5px;
  left: 45px;
}
.detail-title-area .title-area-options .search-option input {
  padding-left: 40px;
  margin-right: 23px;
  padding-right: 20px;
  border: 1px solid #C8C8C8;
}
.detail-title-area .title-area-options .search-option input.has-drop {
  padding-left: 170px;
}
.detail-title-area .title-area-options .search-option .button {
  padding: 3px;
}
.detail-title-area .title-area-options .search-option .ui-pop {
  right: 0px;
  top: 40px;
}
.billing-failed {
  background: rgba(216, 46, 46, 0.2) !important;
}
.payment-recept {
  width: 100%;
  padding: 10px;
}
.payment-recept > table {
  border: 1px solid #eaeaea;
  width: 100%;
}
.payment-recept > table:first-child th:first-child {
  background: #e7e9ff;
  border: 1px solid #6043ff;
}
.payment-recept > table:first-child th:last-child {
  background: #ffe7e7;
  border: 1px solid #ff4d4d;
}
.payment-recept > table:first-child > tbody > tr > td {
  padding: 0;
}
.payment-recept > table:first-child > tbody > tr > td table {
  height: 240px;
  width: 100%;
  border-collapse: collapse;
  border-style: hidden;
}
.payment-recept > table:first-child > tbody > tr > td:first-child {
  background: #e7e9ff;
  border: 1px solid #6043ff;
}
.payment-recept > table:first-child > tbody > tr > td:first-child td {
  border: 1px solid #6043ff;
}
.payment-recept > table:first-child > tbody > tr > td:last-child {
  background: #ffe7e7;
  border: 1px solid #ff4d4d;
}
.payment-recept > table:first-child > tbody > tr > td:last-child td {
  border: 1px solid #ff4d4d;
}
.payment-recept > table:first-child > tbody > tr > td td:first-child {
  width: 35%;
  text-align: left;
}
.payment-recept > table:first-child > tbody > tr > td td:last-child {
  text-align: left;
  width: 65%;
}
.payment-recept > table th {
  border: 1px solid #eaeaea;
  padding: 10px;
  text-align: center;
}
.payment-recept > table td {
  padding: 10px;
  border: 1px solid #eaeaea;
}
.payment-recept .module-table-content thead th:last-child {
  border-right: 1px solid #000 !important;
}
.payment-recept .module-table-content > tbody > tr {
  border-bottom: 1px solid #000;
}
.payment-recept .module-table-content > tbody > tr > td {
  padding: 0 !important;
}
.payment-recept .module-table-content > tbody > tr > td:last-child {
  border-right: 1px solid #000 !important;
}
.payment-recept .module-table-content > tbody > tr > td > table {
  width: 100%;
  border-collapse: collapse;
  border-style: hidden;
}
.payment-recept .module-table-content > tbody > tr > td > table tr td {
  border-right: 1px solid #cacaca66 !important;
}
.payment-recept .module-table-content > tbody > tr > td > table tr:first-child td:last-child {
  border-right: 1px solid #000;
  font-size: 12px;
}
.payment-recept .recept-price {
  text-align: right !important;
  font-weight: 600;
}
.payment-recept .recept-price .recept-detail {
  display: block;
  font-weight: 300;
  font-size: 1px;
}
.sticky-header {
  position: fixed;
  background: #fff;
  top: 110px;
  z-index: 112;
  width: calc(100vw - 80px);
  border-bottom: 1px solid #eaeaea;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sticky-header.show {
  opacity: 1;
  pointer-events: all;
}
.sticky-header .search-option-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: inherit;
  min-height: 55px;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 40px;
}
.sticky-header .search-option-wrap .search-option-inner {
  position: absolute;
  display: flex !important;
  padding: 0 80px;
  max-width: 1580px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  align-items: flex-end;
  opacity: 1;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper {
  margin-left: auto;
  margin-right: 10px;
  position: relative;
  height: fit-content;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper select {
  position: absolute;
  bottom: 7px;
  border: 0;
  border-right: 1px solid #C8C8C8;
  padding-right: 26px;
  margin-right: 5px;
  left: 44px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper input {
  padding-left: 40px;
  margin-right: 0;
  padding-right: 20px;
  border: 1px solid #C8C8C8;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper input.has-drop {
  padding-left: 170px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filters {
  margin-right: 10px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list {
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 1px;
  background: #fff;
  padding: 20px;
  border-radius: 13px;
  top: 40px;
  border: 1px solid #eaeaea;
  z-index: 100;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list.folder {
  display: none;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list .filter-list-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list .filter-list-item {
  padding: 3px 0px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list .filter-list-item:hover {
  color: #FFAD36;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list .search-filter {
  margin: 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .filter-list .search-filter:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .db-filter {
  position: absolute;
  left: 0;
  transform: translateX(calc(-100% - 15px));
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper label {
  position: absolute;
  bottom: 6px;
  left: 17px;
}
.sticky-header .search-option-wrap .search-option-inner .option-input-wrapper .ui-pop {
  right: 0px;
  top: 40px;
}
.sticky-header .sticky-header-row {
  display: flex;
  width: 100%;
  padding: 10px 40px;
  min-height: 55px;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.sticky-header .sticky-header-row .title-to-list {
  width: 300px;
  height: fit-content;
  vertical-align: middle;
}
.sticky-header .sticky-header-row .title-to-list a {
  opacity: 0.5;
  color: #584c35;
}
.sticky-header .sticky-header-row .title-to-list a.nointeract {
  pointer-events: none;
}
.sticky-header .sticky-header-row .title-to-list a:hover {
  opacity: 1;
}
.sticky-header .sticky-header-row .title-to-list span {
  display: inline-block;
  padding: 0 12px;
  opacity: 0.5;
}
.sticky-header .sticky-header-row .title-name {
  position: absolute;
  margin: auto;
  width: 100%;
  max-width: 1580px;
  padding: 0 80px;
  left: 0;
  height: fit-content;
  right: 0;
  font-size: 24px;
}
.sticky-header .sticky-header-row .title-name a {
  margin-right: 40px;
  display: inline-block;
  width: 15px;
  height: 15px;
  transform: rotateZ(-45deg);
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  margin-bottom: 1px;
  opacity: 0.3;
}
.sticky-header .sticky-header-row .title-name a:after {
  content: "";
  margin-top: 6px;
  margin-left: -3px;
  width: 20px;
  height: 2px;
  position: absolute;
  transform: rotateZ(45deg);
  background: #000;
}
.sticky-header .sticky-header-row .title-name a:hover {
  opacity: 1;
}
.sticky-header .sticky-header-row .top-buttons {
  margin-left: auto;
}
.sticky-header .sticky-header-row .top-buttons .button-wrap .btn-secondary-text {
  padding: 5px 20px;
}
.sticky-header .sticky-header-row .search-option {
  position: relative;
  width: auto;
  display: inline-flex;
  margin-left: auto;
  height: auto;
}
.sticky-header .sticky-header-row .search-option .module-single-ele label {
  position: relative;
  left: 0;
}
.sticky-header .sticky-table {
  background: #f8f8f8;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #EBEAE7;
}
.sticky-header .sticky-table .sticky-table-inner {
  width: 100%;
  max-width: 1580px;
  margin: auto;
  padding: 0 80px;
}
.sticky-header .tabs-wrap .tabs {
  max-width: 1600px;
  padding: 0 80px;
}
.sticky-header .tabs-wrap .tabs .tab-item {
  font-weight: 300;
}
.sticky-header .list-wrap {
  width: 100%;
  background: #EDEDED;
  border-top: 1px solid #eaeaea;
}
.sticky-header .list-wrap .list-inner {
  max-width: 1580px;
  padding: 8px 80px;
  margin: 0 auto;
}
.sticky-header .list-wrap .list-inner .setting-list {
  border: 0;
  padding: 0;
}
.wrapper,
.dashboard-wrap,
.detail-wrapper {
  width: 100%;
  max-width: 1580px;
  margin: auto;
  padding: 0 80px 100px;
  margin-top: 20px;
}
.wrapper .detail-wrapper,
.dashboard-wrap .detail-wrapper,
.detail-wrapper .detail-wrapper {
  padding: 0 80px;
}
.chatflow-wrapper {
  position: relative;
  width: 100% !important;
  height: 100%;
  max-width: unset !important;
  padding: 0 !important;
  display: flex;
  margin-top: 110px;
}
.chatflow-node-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chatflow-node-wrapper .option-btn {
  display: table;
  padding: 4px 10px;
  border: 1px solid #ffad36;
  border-radius: 4px;
  font-size: 14px;
  color: #ffad36;
  cursor: pointer;
  margin: 12px auto 0;
}
.chatflow-node-wrapper .option-btn span {
  display: inline-block;
  margin: 0 4px 0 0;
}
.nodepop {
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: calc(100% - 110px);
}
.nodepop.bot_preview {
  width: 900px;
}
.nodepop.bot_preview .chatflow-node-body {
  padding-bottom: 0;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap {
  border-top: 1px solid #ccc;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap > .module-single-ele {
  overflow: auto;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap > .module-single-ele > div {
  float: left;
  width: calc(100% - 350px);
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap > .module-single-ele > div:last-child {
  width: fit-content;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item {
  display: flex;
  width: 100%;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-setting {
  width: 506px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview {
  width: 394px;
  background: #fff;
  padding: 0 0 20px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .module-ele-title {
  padding: 10px 20px 0;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-right: 0;
  cursor: auto;
  background-size: contain;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview audio::-webkit-media-controls-play-button,
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview audio::-webkit-media-controls-panel {
  background-color: #fff;
  color: #fff;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container {
  height: auto;
  margin-bottom: 18px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body {
  width: 100%;
  min-height: 500px;
  height: 100%;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap {
  min-height: 355px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.left {
  width: 80%;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message::-webkit-scrollbar {
  display: none;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message .message {
  width: 172px;
  border-radius: 8px;
  margin: 0 6px 0 0;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message .message .img-container {
  width: 150px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message .message .img-container.no-image .img-square:before {
  content: "이미지가 없습니다.";
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  font-size: 14px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message .message .message-title {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 600;
  font-size: 14px;
  margin-top: 4px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .chat-message.carousel-message .message .message-content {
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .img-container {
  background: #fff;
  width: 200px;
  height: 120px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .img-container .img-square {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .img-container .img-square.video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .message-wrap .img-container .img-square.video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff url(../img/teachable-machine/outputs/play-icon.svg) 63% center no-repeat;
  background-size: 50%;
  filter: invert(1);
  transform: translate3d(-50%, -50%, 0);
}
.nodepop.bot_preview .chatflow-node-body .node-setting-wrap .node-setting-item .node-preview .frogue-preview .frogue-container .frogue-body .frogue-bottom {
  padding: 4px 0;
}
.nodepop.bot_preview .node_float-btn {
  width: 900px !important;
}
.nodepop .delete {
  position: absolute;
  top: -14px;
  right: -10px;
  height: 30px;
  background: #fff;
  width: 30px;
  display: flex;
  border-radius: 100%;
  box-shadow: 0px 0px 10px 0px #00000022;
  align-items: center;
}
.nodepop .delete .delete-btn {
  width: 20px;
  height: 20px;
  margin: auto;
  right: 0;
  left: 0;
}
.nodepop .node-panel {
  border: 0.5px solid #C8C8C8;
  border-radius: 15px;
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
.nodepop .node-panel .panel-head {
  position: relative;
  height: auto;
}
.nodepop .node-panel .panel-head .title {
  font-size: 1rem;
  padding: 14px 25px;
  display: inline-block;
  font-weight: 600;
}
.nodepop .node-panel .panel-head .conditions-container {
  width: 100%;
}
.nodepop .node-panel .panel-head .conditions-wrap {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 0px;
  align-items: center;
  flex-wrap: wrap;
  background: transparent;
}
.nodepop .node-panel .panel-head .conditions-wrap:nth-child(1) {
  margin-top: -2px;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions {
  position: relative;
  margin-right: 5px;
  padding: 4px;
  border: 1px solid #C8C8C8;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions:last-child {
  margin-right: 0;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.delete {
  position: absolute;
  top: -14px;
  right: -10px;
  height: 30px;
  background: #fff;
  width: 30px;
  display: flex;
  border-radius: 100%;
  box-shadow: 0px 0px 10px 0px #00000022;
  align-items: center;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.delete .delete-btn {
  width: 20px;
  height: 20px;
  margin: auto;
  right: 0;
  left: 0;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.slot {
  border: 0;
  width: 90%;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.slot select {
  border: 1px solid #C8C8C8;
  box-shadow: none;
  margin-bottom: 10px;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.slot .icheckbox_square-green {
  margin-right: 0;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions.slot label {
  font-weight: 400;
  margin: 0 6px 2px 0;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions input[type="checkbox"] {
  display: none;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions select,
.nodepop .node-panel .panel-head .conditions-wrap .conditions input {
  padding: 0;
  width: 100%;
  border: 0;
  height: 25px;
  font-weight: 400;
  background: #ffffff;
  color: #333;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions .text-switch {
  color: rgba(255, 173, 54, 0.2);
  cursor: pointer;
  margin-top: -6px;
}
.nodepop .node-panel .panel-head .conditions-wrap .conditions .text-switch.mandatory {
  color: #FFAD36;
}
.nodepop .node-panel .panel-body {
  position: relative;
  padding: 0;
}
.nodepop .node-panel .panel-body .panel-btn-area {
  background: #eaeaea;
  border-radius: 0px 0px 14px 14px;
  width: calc(100% - 1px);
  margin: 0px;
}
.nodepop .node-panel .panel-body .btn-primary-line {
  width: calc(100% - 40px);
  margin: 20px;
}
.nodepop .node-panel .panel-body .panel-functions {
  margin-left: 15px;
}
.nodepop .node-panel .panel-body .db-btn-action {
  display: flex;
  align-items: center;
  margin: 5px 20px;
}
.nodepop .node-panel .panel-body .db-btn-action .db-btn-title {
  margin-right: 10px;
}
.nodepop .node-panel .panel-body .btn-seperator {
  height: 1px;
  margin: 20px auto;
  border-bottom: 1px solid #eaeaea;
}
.nodepop .node-panel .panel-body .btn-seperator div {
  position: absolute;
  font-size: 0.75rem;
  color: #C8C8C8;
  background: #fff;
  padding: 0 10px;
  margin: auto;
  left: 0;
  right: 0;
  margin-top: -7px;
  width: fit-content;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}
.nodepop .node-notice {
  position: absolute;
  bottom: 64px;
  padding: 5px 30px 5px 20px;
  background: #ffffff;
}
.nodepop .node-notice svg {
  position: absolute;
  top: 17px;
  left: 36px;
  width: 14px;
  height: 14px;
  background-size: contain;
}
.nodepop .node-notice svg path {
  fill: #b00e00;
}
.nodepop .node-notice p {
  padding: 10px 24px 8px 40px;
  color: #b00e00;
  font-size: 12px;
  border: 1px solid #b00e00;
  border-radius: 4px;
}
.full-height-wrap {
  height: 100%;
}
.chatflow-node-title {
  padding: 40px 40px 18px;
  position: absolute;
  min-height: 120px;
  width: 100%;
  top: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  z-index: 100;
}
.chatflow-node-title input {
  max-width: 415px;
  text-overflow: ellipsis;
}
.chatflow-node-title .node-title {
  font-size: 24px;
}
.chatflow-node-title .node-detail {
  font-size: 0.75rem;
}
.chatflow-node-title .module-ele-title {
  margin-bottom: 0px;
}
.chatflow-node-title .module-ele-titledetail {
  margin-top: 3px;
}
.chatflow-node-body {
  overflow: auto;
  margin: 142px 0 64px;
  height: calc(100vh - 206px);
  padding: 30px 0;
  border-right: 1px solid #eaeaea;
  background-color: #fff;
  z-index: 1;
}
.chatflow-node-body.chatflow-jump-node-body,
.chatflow-node-body.chatflow-function-node-body {
  height: calc(100vh - 336px);
}
.chatflow-node-body .panel-section {
  background: #fff;
  padding: 15px 30px 0px;
  display: block;
  font-weight: 600;
  margin-bottom: 18px;
  top: 0;
  z-index: 2;
}
.chatflow-node-body .more-node {
  background: rgba(255, 102, 71, 0.2);
  width: calc(100% - 56px);
  margin: 27px;
  font-weight: 300;
  font-size: 24px;
  padding: 100px;
}
.chatflow-node-body .module-single-ele {
  padding: 15px 40px;
  margin-top: 0;
}
.chatflow-node-body .module-single-ele:first-child {
  padding-top: 0;
}
.chatflow-node-body .module-scroll-ele {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
.chatflow-node-body .module-scroll-ele .scroll-nav {
  position: absolute;
  width: 44px;
  height: 48px;
  z-index: 1001;
  top: 49%;
  border-radius: 4px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  opacity: 0.34;
  cursor: pointer;
}
.chatflow-node-body .module-scroll-ele .scroll-nav:hover {
  opacity: 1;
}
.chatflow-node-body .module-scroll-ele .scroll-nav.scroll-nav-left {
  filter: invert(1);
  left: 10px;
  background-image: url(../img/chatflow/carousel_left.svg);
}
.chatflow-node-body .module-scroll-ele .scroll-nav.scroll-nav-right {
  filter: invert(1);
  right: 10px;
  background-image: url(../img/chatflow/carousel_right.svg);
}
.chatflow-node-body .module-scroll-ele .module-scroll-wrap {
  overflow-x: auto;
}
.chatflow-node-body .module-scroll-ele .module-scroll-wrap::-webkit-scrollbar {
  height: 10px !important;
  display: block !important;
  opacity: 1 !important;
  width: 100% !important;
}
.chatflow-node-body .module-scroll-ele .module-scroll-wrap:-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 5px;
}
.chatflow-node-body .module-scroll-ele .module-scroll-ele-inner {
  display: flex;
  width: fit-content;
  padding: 0 40px;
  white-space: nowrap;
  max-width: unset;
  max-width: unset !important;
}
.chatflow-node-body .module-scroll-ele .module-ele-title {
  padding: 30px 40px 0;
}
.chatflow-node-body .module-scroll-ele .module-scroll-item {
  display: inline-flex;
  width: 400px;
  position: relative;
  flex: 1 0 auto;
  background: #eaeaea;
  margin-top: 0;
  margin-right: 15px;
}
.chatflow-node-body .module-scroll-ele .module-scroll-item .carousel-wrap {
  width: 100%;
}
.chatflow-node-body .nav {
  padding: 0 25px;
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 0;
  list-style: none;
  margin-top: 40px;
}
.chatflow-node-body .nav > li > a {
  border: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #584c35;
}
.chatflow-node-body .nav > li > a:hover {
  border-bottom: 3px solid rgba(255, 173, 54, 0.2);
}
.chatflow-node-body .nav > li.active > a {
  border: 0;
  color: #FFAD36;
  border-bottom: 3px solid #FFAD36;
}
.chatflow-node-body .quick-reply-buttons .quick-reply-button-name {
  width: 45%;
  display: inline-block;
}
.chatflow-node-body .quick-reply-buttons .quick-reply-button-name input {
  background: #fff;
  width: 100%;
  border-radius: 35px;
  height: 36px;
  padding: 15px;
  color: #FFAD36;
  border: 1px solid #FFAD36;
}
.chatflow-node-body .quick-reply-buttons .quick-reply-button-function {
  width: 45%;
  margin-left: 3%;
  display: inline-block;
}
.chatflow-node-body .quick-reply-buttons .quick-reply-button-content {
  margin-top: 5px;
  width: 94%;
}
.chatflow-node-body .db-image-editor .tab-list {
  display: flex;
  border-top: 1px solid #C8C8C8;
  padding: 8px 0;
}
.chatflow-node-body .db-image-editor .tab-list span {
  width: 108px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
.chatflow-node-body .db-image-editor .tab-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chatflow-node-body .db-image-editor .tab-list ul li {
  float: left;
  margin-right: 16px;
  opacity: 0.6;
  cursor: pointer;
}
.chatflow-node-body .db-image-editor .tab-list ul li.active,
.chatflow-node-body .db-image-editor .tab-list ul li:hover {
  color: #FF6647;
  opacity: 1;
}
.chatflow-node-body .db-image-editor .tab-list ul li.active {
  cursor: default;
}
.chatflow-node-body .db-image-editor .tab-list ul li svg {
  position: relative;
  top: 2px;
  width: 18px;
}
.chatflow-node-body .db-image-editor .input-url {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  z-index: 1000;
  font-size: 0.75rem;
  border-color: #dfdfdf;
}
.chatflow-node-body .db-image-editor .input-url input {
  width: 100%;
  border: 1px solid #dfdfdf;
  border-left: 0;
  border-right: 0;
  padding: 6px;
}
.chatflow-node-body .db-image-editor .db-image-dummy,
.chatflow-node-body .db-image-editor .db-upload-url,
.chatflow-node-body .db-image-editor .db-have-image {
  width: 100%;
  position: relative;
  background: #C8C8C8;
  overflow: hidden;
}
.chatflow-node-body .db-image-editor .db-image-dummy {
  text-align: center;
  color: #b0b0b0;
  border-radius: 0;
  box-shadow: none;
  background: #eaeaea;
  width: 100%;
}
.chatflow-node-body .db-image-editor .db-image-dummy h2 {
  font-size: 18px;
  margin-top: 12px;
}
.chatflow-node-body .db-image-editor .db-image-dummy h2 small {
  color: inherit;
}
.chatflow-node-body .db-image-editor .db-image-dummy small {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  text-align: center;
}
.chatflow-node-body .db-image-editor .db-image-dummy span {
  font-weight: normal;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-editor-img .delete-btn {
  top: 10px;
  right: 10px;
  bottom: auto;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container {
  display: flex;
  width: 100%;
  height: 170px;
  padding: 20px 0;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .add-image-split {
  width: 10%;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .add-image-split .split-line {
  width: 1px;
  display: block;
  height: 40%;
  margin: auto;
  background: #ccc;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload {
  width: 100%;
  height: fit-content;
  color: #9f9f9f;
  cursor: pointer;
  margin: auto;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload .uploader-img-container {
  background: url(../img/chatflow/withImg.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 60px;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload:hover .uploader-img-container {
  background-image: url(../img/chatflow/withImgy.png);
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload:hover span {
  color: #f8ac59;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url {
  width: 100%;
  height: fit-content;
  color: #9f9f9f;
  cursor: pointer;
  margin: auto;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url .uploader-img-container {
  background: url(../img/chatflow/withUrl.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 60px;
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url:hover .uploader-img-container {
  background-image: url(../img/chatflow/withUrly.png);
}
.chatflow-node-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url:hover span {
  color: #f8ac59;
}
.chatflow-node-body .db-image-editor .db-upload-url .input-url {
  display: flex;
}
.chatflow-node-body .db-image-editor .db-upload-url .input-url .save-url {
  display: flex;
  width: 30%;
  margin-left: 3px;
}
.chatflow-node-body .db-image-editor .db-upload-url .input-url .save-url span {
  padding: 4px;
  margin: 0 3px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border-radius: 4px;
}
.chatflow-node-body .db-image-editor .db-upload-url .input-url .save-url .confirm-save {
  background: #f8ac59;
  color: #fff;
}
.chatflow-node-body .db-image-editor .db-upload-url .input-url .save-url .cancel-save {
  background: #ccc;
  color: #777;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail {
  padding: 10px;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail .uploaded-file-name {
  font-style: italic;
  color: #9f9f9f;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail .change-image {
  color: #9f9f9f;
  margin-top: 10px;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail .change-image h4 {
  color: #000;
  margin-bottom: 5px;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail .change-image .db-image-upload {
  padding: 5px 10px;
  width: auto;
  background: #f8ac59;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.chatflow-node-body .db-image-editor .db-have-image .image-detail .change-image .db-image-url {
  padding: 5px;
  cursor: pointer;
  width: auto;
  color: #f8ac59;
  text-decoration: underline;
}
.chatflow-node-body .db-image-editor .db-image-editor-img {
  width: 100%;
  height: 170px;
  line-height: 144px;
  text-align: center;
  overflow: hidden;
  border: 0;
  border-top: 1px solid #dfdfdf;
  padding-bottom: 30px;
}
.chatflow-node-body .db-image-editor .db-image-editor-img i {
  font-size: 24px;
  color: #ddd;
}
.chatflow-node-body .db-image-editor .db-image-editor-img img {
  vertical-align: baseline;
}
.chatflow-node-body .db-image-editor .db-image-editor-img.empty {
  line-height: 150px;
}
.chatflow-node-body .db-image-editor .db-image-editor-img.video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.chatflow-node-body .db-image-editor .db-image-editor-img.video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff url(../img/teachable-machine/outputs/play-icon.svg) 63% center no-repeat;
  background-size: 50%;
  filter: invert(1);
  transform: translate3d(-50%, calc(-50% - 15px), 0);
  cursor: pointer;
}
.chatflow-node-body .db-image-editor .db-image-editor-img.audio audio {
  vertical-align: middle;
}
.chatflow-node-body .db-image-editor .delete-btn {
  opacity: 0.6;
  margin-top: 10px;
}
.chatflow-node-body .db-image-editor .delete-btn:hover {
  opacity: 1;
}
.chatflow-node-body .db-text-editor {
  margin: 10px 25px;
}
.chatflow-node-body .db-text-editor .delete-btn {
  top: 2px;
  right: 0;
  bottom: auto;
}
.chatflow-node-body .db-text-editor textarea {
  min-height: 95px;
  resize: none;
  min-height: 90px;
  width: 100%;
  background: transparent;
  overflow: hidden;
  border: 0;
  cursor: pointer;
}
.chatflow-node-body .db-text-editor textarea:active,
.chatflow-node-body .db-text-editor textarea:focus {
  cursor: text;
}
.chatflow-node-body .db-text-editor textarea:hover {
  background: #eaeaea;
}
.chatflow-node-body .db-text-editor .delete-btn {
  top: 2px;
  right: 0;
  height: 20px;
}
.chatflow-node-body .db-text-editor .badge-or {
  position: absolute;
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.75rem;
  color: #C8C8C8;
  background: #fff;
  padding: 0 10px;
}
.chatflow-node-body .db-btns-editor {
  margin: 10px 20px;
  clear: both;
}
.chatflow-node-body .db-btns-editor .db-speak-btn {
  margin-top: 3px;
  position: relative;
  margin-bottom: 12px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-input-sort {
  position: absolute;
  width: 20px;
  top: -5px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-input-sort .db-mouse-over {
  display: block;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group {
  position: relative;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group input,
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group select {
  padding-right: 56px;
  font-size: 12px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group select {
  padding-left: 8px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group .btn-xs {
  position: absolute;
  top: 7px;
  right: 76px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group .db-input-add-on {
  position: absolute;
  top: 0px;
  right: 32px;
  font-size: 1rem;
  padding: 1px 0;
  border-left: none;
  height: 34px;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group .db-input-add-arrow {
  display: inline-block;
  float: right;
  font-size: 0.75rem;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group .db-input-add-arrow span[class*="arrow_"] {
  position: absolute;
  top: 4px;
  right: 20px;
  font-size: 1rem;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-header .db-input-group .db-input-add-arrow span[class*="arrow_"].arrow_carrot-down {
  bottom: 4px;
  top: unset;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-content .wrapper {
  border: 1px solid #e5e6e7;
  height: 34px;
  padding: 0 5px;
  overflow: hidden;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-content input,
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-content select {
  background: transparent;
  border: none;
}
.chatflow-node-body .db-btns-editor .db-speak-btn .db-speak-btn-content input:focus + .db-input-add-on {
  border: none;
}
.chatflow-node-body .db-speak-btn {
  padding: 0px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header {
  width: 100%;
  position: relative;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-speak-btn-name {
  width: 88%;
  min-width: 125px;
  margin-left: 20px;
  margin-right: 10px;
  background: #fff;
  margin-bottom: 1px;
  cursor: pointer;
  border-radius: 5px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-speak-btn-name .form-control {
  border-radius: 6px;
  background: rgba(255, 173, 54, 0.2);
  border-color: #FFAD36;
  padding: 16px;
  color: #FFAD36 !important;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail {
  width: 88%;
  background: #fff;
  padding: 10px;
  border: 1px solid #C8C8C8;
  margin-left: 20px;
  border-radius: 5px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail > div {
  margin-bottom: 5px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-type {
  width: 100%;
  height: 35px;
  font-size: 0.75rem;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-type select {
  width: 100%;
  height: 100%;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content {
  width: 100%;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content input {
  height: 35px;
  font-size: 0.75rem;
  padding: 5px;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content .edit-btn {
  right: 50px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content .delete-btn {
  height: 20px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content .db-input-sort {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  height: 35px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content .db-input-sort span {
  height: 15px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-del {
  width: 8%;
  position: absolute;
  height: 32px;
  right: -8px;
  top: 0;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-del .delete-btn {
  right: 0px;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-del .db-input-sort {
  width: 18px;
  position: absolute;
  right: 0;
}
.chatflow-node-body .db-speak-btn .db-speak-btn-header .db-btn-del .db-input-sort span {
  display: block;
  height: 14px;
}
.chatflow-node-body .db-speak-btn .db-btn-action {
  margin: 5px 0 !important;
}
.chatflow-node-body .db-speak-btn .db-btn-action textarea {
  width: 50%;
}
.chatflow-node-body.chatflow-slot-node-body .callflow-select {
  width: 100%;
}
.chatflow-node-body.chatflow-slot-node-body .callflow-select > .form-control:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: auto;
  background: url(../img/common/dropdown.png) no-repeat center;
  background-size: contain;
  margin-top: -14px;
}
.chatflow-node-body.chatflow-jump-node-body .panel-body .form-control > .dropdown-menu.open {
  overflow: inherit;
}
.split-node-wrapper .chatflow-node-body {
  height: calc(100vh - 280px);
  margin: 142px 0 138px;
}
.slot-node-wrapper .node-panel .panel-head .panel-num {
  display: inline-block;
  margin-top: 2px;
}
.slot-node-wrapper .node-panel .panel-head .conditions-wrap .conditions {
  padding: 0;
}
.slot-node-wrapper .node-panel .panel-head .conditions-wrap .conditions select {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 2px;
  height: auto;
}
.node_float-btn {
  width: 550px !important;
  height: 64px;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.8);
  bottom: 22px !important;
  padding: 13px 15px 0;
}
.node_float-btn .button {
  width: 47%;
  margin: 0 3px;
}
.node_float-btn .button.btn-primary {
  margin: 0 4px 0 5px;
}
.node-dimmed {
  background: rgba(0, 0, 0, 0.48);
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
}
.quick-reply-buttons .db-speak-btn-name {
  margin-left: 0px !important;
}
.quick-reply-buttons .db-btn-detail {
  margin-left: 0px !important;
}
.tri {
  border: solid ;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}
.tri.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.tri.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.tri.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.tri.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.navbar-static-side {
  z-index: 100000;
}
.navbar-static-side .top-bar {
  position: absolute;
  width: 100vw;
  height: 64px;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #F4F4F4 0%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid #aaa;
  padding: 0 10px;
}
.navbar-static-side .top-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.navbar-static-side .top-bar .logo-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  margin: 8px 0;
  text-align: center;
}
.navbar-static-side .top-bar .logo-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -webkit-object-fit: contain;
  -o-object-fit: contain;
  object-fit: contain;
}
.navbar-static-side .top-bar .plan {
  min-width: 206px;
  width: fit-content;
  margin-left: 20px;
  margin-right: 20px;
}
.navbar-static-side .top-bar .plan .tooltip * {
  white-space: pre-line !important;
}
.navbar-static-side .top-bar .group-indicator {
  max-width: 340px;
  height: 100%;
  width: fit-content;
  position: relative;
  margin-right: 20px;
  display: flex;
  align-items: center;
  cursor: default;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-name {
  position: absolute;
  margin-right: 0;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-content {
  width: 120px;
  margin-top: 20px;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-content .group-info-light {
  top: 38px;
  right: 65px;
  position: absolute;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-content .info-graph {
  width: 100%;
  background: #aaa;
  height: 3px;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-content .info-graph .info-graph-inner {
  background: #16E68C;
  width: 0%;
  height: 100%;
}
.navbar-static-side .top-bar .group-indicator.graph .group-info-content .info-count {
  display: none;
}
.navbar-static-side .top-bar .group-indicator:hover .info-pop {
  display: block;
}
.navbar-static-side .top-bar .group-indicator .group-info-name {
  width: auto;
  min-width: 25px;
  font-size: 0.75rem;
  margin-top: -20px;
  margin-right: 10px;
  display: flex;
}
.navbar-static-side .top-bar .group-indicator .group-info-content {
  font-weight: 300;
  width: fit-content;
}
.navbar-static-side .top-bar .group-indicator .group-info-content .info-count {
  font-size: 24px;
  display: flex;
}
.navbar-static-side .top-bar .group-indicator .group-info-content .info-count .unit {
  /*margin-left:-6px;*/
}
.navbar-static-side .top-bar .group-indicator .group-info-light {
  min-width: 8px;
  width: 8px;
  margin-left: 7px;
  margin-top: -20px;
  border-radius: 100%;
  height: 8px;
}
.navbar-static-side .top-bar .group-indicator .group-info-light.ok {
  background: #16E68C;
}
.navbar-static-side .top-bar .group-indicator .group-info-light.warning {
  background: #FFAD36;
}
.navbar-static-side .top-bar .group-indicator .group-info-light.failed {
  background: #EC2E2E;
}
.navbar-static-side .top-bar .group-indicator .info-pop {
  display: none;
  top: 52px;
  position: absolute;
  background: #222;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  width: 160px;
  font-size: 0.75rem;
  z-index: 1;
}
.navbar-static-side .top-bar .group-indicator .info-pop.open {
  display: block;
}
.navbar-static-side .top-bar .group-indicator .info-pop a {
  display: inline-block;
  color: #ffad36;
  text-decoration: underline;
  margin-top: 6px;
}
.navbar-static-side .top-bar .top-bar_con .button {
  font-size: 18px;
  color: #717171;
  background: transparent;
  border-radius: 12px 12px 0px 0px;
  transition: none;
  padding: 10px 10px 10px;
  margin-top: 9px;
}
.navbar-static-side .top-bar .top-bar_con .button:hover {
  color: #FF6647;
}
.navbar-static-side .top-bar .top-bar_con .button:hover svg {
  fill: #FF6647;
}
.navbar-static-side .top-bar .top-bar_con .button.active {
  border-bottom: 10px solid #FF6647;
  color: #FF6647;
}
.navbar-static-side .top-bar .top-bar_con .button.active svg {
  fill: #FF6647;
}
.navbar-static-side .top-bar .top-bar_con .button svg {
  width: 24px;
  vertical-align: text-bottom;
  fill: #717171;
}
.navbar-static-side .top-bar .top-item {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.navbar-static-side .top-bar .top-item > button {
  color: #686868;
  background: #fff;
  border: 1px solid #BFBFBF;
  height: 36px;
}
.navbar-static-side .top-bar .my-account {
  width: fit-content;
  align-items: center;
  transition: 0.2s all ease-in-out;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 12px;
}
.navbar-static-side .top-bar .my-account .group {
  cursor: pointer;
  color: #717171;
  font-size: 20px;
  border-radius: 5px;
  border: 1px solid transparent;
}
.navbar-static-side .top-bar .my-account .group:hover,
.navbar-static-side .top-bar .my-account .group:active,
.navbar-static-side .top-bar .my-account .group.active {
  background: #CFFDFF;
}
.navbar-static-side .top-bar .my-account .group .group-inner {
  display: flex;
  width: fit-content;
  border-radius: 5px;
  align-items: center;
  padding: 6px 8px;
}
.navbar-static-side .top-bar .my-account .group .group-inner span {
  display: inline-block;
}
.navbar-static-side .top-bar .my-account .group .group-inner span.curri-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.navbar-static-side .top-bar .my-account .group .group-inner span.tri {
  width: 10px;
  height: 10px;
  border-color: #717171;
  margin-left: 10px;
}
.navbar-static-side .top-bar .my-account .ui-pop {
  right: 20px;
  top: 50px;
  width: 230px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item {
  margin-bottom: 5px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile {
  text-align: center;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile img {
  width: 40px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile span {
  display: block;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile p {
  color: #333;
  font-size: 16px;
  margin-top: 10px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile p small {
  display: inline-block;
  font-size: 12px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile p span {
  font-weight: normal;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile p span.curri-close {
  color: #FF6647;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item.user-profile .btn-primary-gray {
  border-radius: 50px;
  width: fit-content !important;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button {
  background: #fff;
  padding: 6px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button:hover {
  background: #f1f1f1;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-primary-gray {
  width: 80%;
  text-align: center;
  padding: 6px 20px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-primary-gray:hover {
  background: transparent;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-manual {
  display: block;
  width: 100%;
  text-align: left;
  color: inherit;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-manual svg {
  position: relative;
  top: 4px;
  background-color: transparent;
  width: 20px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-QnA {
  width: 100%;
  text-align: left;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-QnA svg {
  position: relative;
  top: 4px;
  background-color: transparent;
  width: 20px;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-logout {
  width: 100%;
  color: #b00200;
  text-align: left;
}
.navbar-static-side .top-bar .my-account .ui-pop .ui-pop-item .button.btn-logout img {
  width: 20px;
  vertical-align: bottom;
}
.navbar-static-side .top-banner {
  position: absolute;
  top: 64px;
  width: 100vw;
  height: 46px;
  background: #FAFAFA;
  border-bottom: 1px solid #aaa;
  padding: 0 0 0 10px;
  display: flex;
  align-items: center;
  z-index: 11;
}
.navbar-static-side .top-banner .btn-menu {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #BFBFBF;
  background-image: url(../img/common/wrap_back.png);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-right: 10px;
}
.navbar-static-side .top-banner .btn-menu:hover {
  background-color: #CFFDFF;
}
.navbar-static-side .top-banner .btn-menu.open {
  background-image: url(../img/common/left_arrow.png);
  transform: translate(0%);
}
.navbar-static-side .top-banner .chatbot-wrap {
  width: 260px;
  margin-right: 10px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal {
  height: 100%;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner {
  border-radius: 20px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner.open {
  border-radius: 20px 20px 0 0;
  padding-bottom: 4px;
  margin-top: 4px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now {
  position: relative;
  z-index: 10;
  font-size: 16px;
  cursor: default;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 2px;
  border-radius: 50%;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot:hover {
  border-radius: 20px;
  background-color: #CFFDFF;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot.hide-arrow span:after {
  display: none;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot.hide-arrow:hover {
  background: #fff;
  cursor: default;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot span {
  line-height: 30px;
  width: calc(68%);
  padding: 0 20px 0 6px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .popup-now .popup-now-chatbot span:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list {
  top: 42px;
  left: 0;
  width: 260px;
  border: 1px solid #ccc;
  border-top: 0;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-btn {
  padding: 10px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-btn button {
  display: block;
  width: 100%;
  font-size: 14px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 3px 0;
  text-align: left;
  padding: 8px 10px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-btn button:hover {
  background: #eaeaea;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-btn button svg {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  margin-right: 2px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-list-title {
  font-size: 16px;
}
.navbar-static-side .top-banner .chatbot-wrap .option-module-hal .option-module-inner .option-list .option-list-item {
  display: flex;
  align-items: center;
}
.navbar-static-side .top-banner .pay-name {
  display: flex;
  align-items: center;
  width: 280px;
  margin-right: 18px;
}
.navbar-static-side .top-banner .pay-name img {
  margin-right: 10px;
  object-fit: contain;
}
.navbar-static-side .top-banner .btn-i-wrap.right {
  margin-left: auto;
}
.navbar-static-side .top-banner .btn-i-wrap.my-group-indicator .btn-i {
  position: relative;
  margin-right: 15px;
}
.navbar-static-side .top-banner .btn-i-wrap.my-group-indicator .btn-i:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.navbar-static-side .top-banner .btn-i-wrap.my-group-indicator .btn-i.ok:after {
  background: #16E68C;
}
.navbar-static-side .top-banner .btn-i-wrap.my-group-indicator .btn-i.warning:after {
  background: #FFAD36;
}
.navbar-static-side .top-banner .btn-i-wrap.my-group-indicator .btn-i.failed:after {
  background: #EC2E2E;
}
.navbar-static-side .top-banner .btn-i-wrap i {
  font-style: normal;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i {
  font-size: 14px;
  color: #717171;
  border-radius: 5px;
  border: 0;
  background: 0;
  font-weight: 500;
  padding: 2px;
  margin-left: 4px;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i:hover,
.navbar-static-side .top-banner .btn-i-wrap .btn-i:active {
  cursor: pointer;
  outline: none;
  background: #CFFDFF;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.active {
  background: transparent;
  color: #FF6647;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.active svg {
  fill: #FF6647;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.disable {
  color: #333333;
  opacity: 0.4;
  cursor: no-drop;
  user-select: none;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.disable:hover,
.navbar-static-side .top-banner .btn-i-wrap .btn-i.disable:active,
.navbar-static-side .top-banner .btn-i-wrap .btn-i.disable:focus {
  color: #333333;
  opacity: 0.4;
  cursor: no-drop;
  outline: none;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.no-click:hover {
  background: transparent;
  cursor: default;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.new {
  position: relative;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.new:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #EC2E2E;
  border-radius: 10px;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.btn-test {
  color: #717171;
  height: 38px;
  font-weight: 500;
  border-radius: 20px 0 0 20px;
  padding: 0 15px;
  border: 1px solid #BFBFBF;
  margin-right: 0;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.btn-test:before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  border: solid #717171;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  padding: 3px;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.btn-test.active {
  background: #FF6647;
  color: #fff;
  border-color: #FF6647;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.btn-test.active:before {
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 2px;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i.btn-test.active svg {
  fill: #fff;
}
.navbar-static-side .top-banner .btn-i-wrap .btn-i svg {
  fill: #717171;
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.navbar-static-side .sidebar-high {
  position: absolute;
  width: 65px;
  height: calc(100vh - 110px);
  top: 110px;
  left: 0;
  padding-top: 30px;
  background: #fff;
  z-index: 10;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #aaa;
}
.navbar-static-side .sidebar-high .margin {
  margin-top: auto;
}
.navbar-static-side .sidebar-high .side-high-item {
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 10px 7px;
  margin-bottom: 36px;
  transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navbar-static-side .sidebar-high .side-high-item.opened {
  border-right: 3px solid #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item.opened div text {
  color: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item.opened .no-chatbot {
  color: #FF6647 !important;
}
.navbar-static-side .sidebar-high .side-high-item.opened svg {
  fill: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item.opened svg path {
  fill: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item.opened .text {
  color: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item:hover div svg {
  opacity: 0.7;
}
.navbar-static-side .sidebar-high .side-high-item:hover div .text {
  color: #FF6647;
  opacity: 0.7;
}
.navbar-static-side .sidebar-high .side-high-item:hover .no-chatbot {
  color: #FF6647 !important;
}
.navbar-static-side .sidebar-high .side-high-item:hover svg {
  fill: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item:hover svg path {
  fill: #FF6647;
}
.navbar-static-side .sidebar-high .side-high-item div .text {
  opacity: 1;
  color: #717171;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
  word-break: keep-all;
}
.navbar-static-side .sidebar-high .side-high-item div svg {
  fill: #B3B3B3;
  opacity: 1;
  width: 25px;
  margin: auto;
  display: block;
}
.navbar-static-side .sidebar-high .side-high-item div .detail {
  font-size: 0.75rem;
  text-align: center;
}
.navbar-static-side .sidebar-high .side-high-item div .chatbot {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
  padding: 5px;
  margin-top: -10px;
  margin-left: 0px;
  box-shadow: 0px 0px 10px 0px #00000033;
}
.navbar-static-side .sidebar-high .side-high-item div .chatbot .chatbot-inner {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.navbar-static-side .sidebar-high .side-high-item div .chatbot .chatbot-inner .no-chatbot {
  color: #222;
  font-size: 55px;
  line-height: 37px;
  pointer-events: none;
}
.navbar-static-side .sidebar-high .side-high-item div .chatbot .chatbot-inner img {
  width: 100%;
}
.navbar-static-side .sidebar-high .side-high-item:last-child {
  margin-bottom: 30px;
}
.navbar-static-side .folder-controller {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  cursor: pointer;
}
.navbar-static-side .folder-controller span {
  top: 40px;
  position: absolute;
  right: -14px;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50%;
  border: 0.5px solid #ccc;
  box-shadow: 0px 0px 2px #00000011;
  background-image: url(../img/common/wrap_back.png);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.navbar-static-side .folder-controller span:hover {
  border-color: #FFAD36;
  background-color: #ffecd1;
}
.navbar-static-side .folder-controller.open span {
  background-image: url(../img/common/left_arrow.png);
  transform: translate(0%);
}
.navbar-static-side .sidebar-second {
  position: absolute;
  top: 110px;
  left: 0px;
  transform: translateX(-100%);
  transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navbar-static-side .sidebar-second .sidebar-second-inner {
  height: calc(100vh - 110px);
  width: 240px;
  position: relative;
  background: #F7F7F7;
  padding: 30px;
  overflow: auto;
  border-right: .5px solid #ccc;
  box-shadow: 1px 0px 2px #00000011;
}
.navbar-static-side .sidebar-second .btn-text {
  color: #584c35;
  text-align: left;
  padding: 5px;
  font-weight: 400;
  margin-bottom: 26px;
}
.navbar-static-side .sidebar-second .sidebar-title {
  font-size: 24px;
  font-weight: 300;
}
.navbar-static-side .sidebar-second .sidebar-title .chatbot:hover {
  color: #FF6647;
}
.navbar-static-side .sidebar-second .clickable-side {
  cursor: pointer;
}
.navbar-static-side .sidebar-second .clickable-side:hover {
  color: #FF6647;
  opacity: 1;
}
.navbar-static-side .sidebar-second .sidebar-group {
  border-bottom: 1px solid #B1B1B1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.navbar-static-side .sidebar-second .sidebar-group:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.navbar-static-side .sidebar-second .sidebar-group .group-title {
  color: #C6C6C6;
  font-weight: normal;
  line-height: 28px;
  font-size: 20px;
}
.navbar-static-side .sidebar-second .sidebar-group .group-title a {
  color: #636363;
}
.navbar-static-side .sidebar-second .sidebar-group p {
  margin: 0;
}
.navbar-static-side .sidebar-second .sidebar-group .group-inner-title {
  font-size: 16px;
  line-height: 28px;
}
.navbar-static-side .sidebar-second .sidebar-group .group-inner-title a {
  color: rgba(0, 0, 0, 0.6);
}
.navbar-static-side .sidebar-second .sidebar-group .group-inner-title > a.active:first-child {
  font-weight: 600;
}
.navbar-static-side .sidebar-second .sidebar-group .group-inner-title .group-item {
  display: block;
  margin-left: 28px;
}
.navbar-static-side .sidebar-second .sidebar-group .group-item {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 28px;
}
.navbar-static-side .sidebar-second .sidebar-group .group-item:hover {
  color: #FF6647;
}
.navbar-static-side .sidebar-second .sidebar-group .group-item.active {
  color: #FF6647;
}
.navbar-static-side .sidebar-second.open {
  transform: translate(0%);
}
.chatflow-panel {
  padding: 20px 20px 0px;
  display: block;
  top: 110px;
  width: 200px;
  height: calc(100% - 110px);
  background: #fff;
  border-right: 1px solid #eaeaea;
  overflow-y: auto;
}
.chatflow-panel > div {
  height: 100%;
  position: relative;
  width: 100%;
}
.chatflow-panel > div .param-lists {
  display: block;
  height: 100%;
  padding-bottom: 10px;
}
.chatflow-panel .node-group_name {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.38);
  margin: 6px 0;
}
.chatflow-panel .node-group_name:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 32px;
  width: 104px;
  height: 1px;
  background: #eee;
}
#chatflowModel {
  width: 100%;
  height: 100%;
}
#chatflowModel .detail-title-area .edit-btn {
  pointer-events: all;
}
.list-top-menu {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  margin: 20px 0 8px;
}
.list-top-menu > div {
  display: flex;
  align-items: center;
  width: 100%;
}
.list-top-menu .view-mode {
  padding: 5px;
  display: flex;
  height: 35px;
}
.list-top-menu .view-mode .mode-item {
  cursor: pointer;
}
.list-top-menu .view-mode .divider {
  padding: 0 10px;
  color: #C8C8C8;
}
.list-top-menu .list-top-th {
  position: absolute;
  width: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  padding: 5px 40px 10px;
  font-weight: 600;
}
.list-top-menu .top-filter {
  width: 120%;
}
.list-top-menu .top-filter .search-option {
  margin-left: inherit;
  align-items: center;
}
.list-top-menu .top-filter .search-option > div {
  margin-right: 6px;
}
.list-top-menu .top-filter .btn-filter {
  padding: 0 14px;
}
.list-top-menu .top-buttons {
  text-align: right;
  display: flex;
}
.list-top-menu .top-buttons > .button-wrap {
  margin-left: auto;
}
.list-top-menu .top-buttons .dropdown-menu {
  float: initial;
  left: auto;
  right: 0;
}
.table-list .list-box {
  display: block;
  width: 100%;
  background: #fff;
  padding: 20px 40px;
  border: 1px solid #C8C8C8;
  border-top: 0;
}
.table-list .list-box:first-child {
  border-top: 1px solid #C8C8C8;
}
.table-list .list-box.disabled {
  background: #EBEBEB;
  border: 1px solid #C8C8C8;
}
.table-list .list-box.disabled input,
.table-list .list-box.disabled textarea {
  border: 0;
  background: transparent;
}
.table-list .list-box .list-box-upper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.table-list .list-box .list-box-upper .title {
  font-size: 1rem;
  font-weight: 600;
  text-overflow: ellipsis;
  padding-right: 20px;
  display: block;
  overflow: hidden;
}
.table-list .list-box .list-box-upper .subtitle {
  display: block;
  font-size: 0.75rem;
}
.table-list .list-box .list-box-upper .subtitle .userId {
  display: inline-block;
  width: calc(100% - 65px);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  text-overflow: ellipsis;
}
.table-list .list-box .list-box-upper .isolate {
  position: absolute;
}
.table-list .list-box .list-box-lower {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
}
.page-list {
  background: #fff;
  border: 1px solid #C8C8C8;
  border-bottom: 0;
}
.page-list.board-view {
  max-width: 780px;
  width: 80%;
  margin: auto;
}
.page-list.grid-view {
  border-top: 0;
}
.page-list.grid-view .listbox {
  width: 49.5%;
  height: 90px;
  display: inline-flex;
  padding: 0;
  vertical-align: top;
}
.page-list.grid-view .listbox:nth-child(2n) {
  margin-left: 1%;
}
.page-list.list-view .listbox {
  padding: 0;
  border-bottom: 1px solid #C8C8C8;
  background: transparent;
  height: auto;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}
.page-list.list-view .listbox .listbox-title {
  max-width: 450px !important;
  min-width: 450px !important;
}
.page-list.list-view .listbox:after {
  box-shadow: none;
}
.page-list.list-view .listbox .category {
  color: #FFAD36;
  min-width: 150px;
  max-width: 150px;
}
.page-list .listbox {
  position: relative;
}
.page-list .listbox.ng-leave {
  display: none !important;
}
.page-list .listbox .listbox-inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 25px;
  cursor: pointer;
}
.page-list .listbox .listbox-inner .tooltip * {
  white-space: pre-line !important;
}
.page-list .listbox .listbox-inner .clickable-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
.page-list .listbox .listbox-inner .listbox-title {
  position: relative;
  min-width: 200px;
  max-width: 200px;
  display: block;
}
.page-list .listbox .listbox-inner .listbox-title .intent-faq {
  min-width: 150px;
  top: 9px;
  position: absolute;
  right: 0;
}
.page-list .listbox .listbox-inner .listbox-title .title {
  font-size: 1rem;
  font-weight: 600;
  text-overflow: ellipsis;
  padding-right: 20px;
  display: block;
  overflow: hidden;
}
.page-list .listbox .listbox-inner .listbox-title .subtitle {
  display: block;
  font-size: 0.75rem;
}
.page-list .listbox .listbox-inner .category {
  min-width: 100px;
  color: #FFAD36;
}
.page-list .listbox .listbox-inner .options,
.page-list .listbox .listbox-inner .sentence {
  margin-right: auto;
  font-size: 1rem;
  font-weight: 400;
  margin-left: auto;
}
.page-list .listbox .listbox-inner .options span {
  color: #584c35;
  opacity: 0.6;
}
.page-list .listbox .listbox-inner .options span.active {
  color: #FFAD36;
}
.page-list .listbox .icon-btn-group {
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  width: 66px;
  display: flex;
}
.page-list .listbox .icon-btn-group .button {
  position: initial;
  top: 0;
  right: 0;
  display: inline-block;
  margin: auto 4px;
  padding: 0;
}
.page-list .listbox .icon-btn-group .button .delete-btn {
  position: initial;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 1;
  margin: auto;
}
.page-list .listbox .icon-btn-group .button .delete-btn:hover {
  opacity: 1;
}
.page-list .listbox .button {
  padding: 5px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  height: fit-content;
  margin: auto;
}
.page-list .listbox .icon-btn {
  opacity: 0.3;
  width: 25px;
  height: 25px;
  transition: 0.2s ease-in;
}
.page-list .listbox .icon-btn svg {
  width: 15px;
}
.page-list .listbox .icon-btn:hover {
  opacity: 1;
  fill: #FF6647;
}
.page-list.nlu-list.list-view .listbox .listbox-title {
  min-width: 55% !important;
  max-width: 55% !important;
}
.page-list.nlu-list.list-view .listbox .listbox-title span {
  width: 95%;
}
.page-list.nlu-list.list-view .listbox .listbox-title span.title {
  padding-right: 0;
}
.page-list.nlu-list.list-view .listbox .listbox-title span.intent-faq {
  top: 50%;
  width: 15%;
  min-width: 15%;
  text-align: center;
  transform: translate3d(0, -50%, 0);
}
.page-list.nlu-list.list-view .listbox .category {
  min-width: 16%;
  width: 16%;
}
.page-list.nlu-list.list-view .listbox .options {
  width: 6%;
  text-align: center;
}
.page-list.nlu-list.list-view .listbox .sentence {
  width: 13%;
  margin-right: 50px;
}
.page-list.nlu-list.grid-view .listbox .listbox-title {
  min-width: 40% !important;
  max-width: 40% !important;
}
.page-list.nlu-list.grid-view .listbox .listbox-title span {
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page-list.nlu-list.grid-view .listbox .listbox-title span.title {
  padding-right: 0;
}
.page-list.nlu-list.grid-view .listbox .listbox-title span.intent-faq {
  width: 30%;
  min-width: 30%;
  text-align: center;
}
.page-list.nlu-list.grid-view .listbox .category {
  min-width: 20%;
  width: 20%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page-list.nlu-list.grid-view .listbox .options {
  width: 12%;
  text-align: center;
  margin: 0;
}
.page-list.nlu-list.grid-view .listbox .sentence {
  width: 18%;
  margin: 0;
  text-align: center;
}
.chatflow-list-wrapper {
  /*상단 옵션*/
  /*리스트*/
}
.chatflow-list-wrapper .list-top-menu .top-buttons .icon-question-line {
  position: absolute;
  right: 330px;
  top: 12px;
}
.chatflow-list-wrapper .page-list .listbox .listbox-inner .listbox-icon {
  width: 40px;
}
.chatflow-list-wrapper .page-list .listbox .listbox-inner .listbox-title {
  width: 92%;
  max-width: inherit !important;
  min-width: inherit !important;
}
.chatflow-list-wrapper .page-list.grid-view .listbox-icon {
  width: 7% !important;
}
.chatflowCanvas-container {
  height: 100%;
  position: relative;
}
.chatflowCanvas-container .chatflowCanvas {
  background: #f8f8f8 url("../img/chatflow/bg-grid.gif") repeat left top;
  overflow-y: auto;
  overflow-x: auto;
  position: absolute;
  width: 99%;
  bottom: auto;
  top: 0px;
  left: 0;
  right: 0;
  margin-top: 80px;
  height: calc(100% - 269px);
  box-sizing: border-box;
  transition: right 0.2s ease;
  padding: 0;
}
#page-wrapper {
  height: calc(100% - 22px);
  margin: 0;
  transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
#page-wrapper .floating-chatbot {
  position: fixed;
  top: 90px;
  z-index: 1000;
  left: 112px;
  width: fit-content;
  background: #fff;
  margin: auto;
  border: 1px solid #C8C8C8;
  transition: 0.2s all ease-in-out;
}
#page-wrapper .floating-chatbot.left {
  left: 352px;
}
#page-wrapper .floating-chatbot.down {
  top: 146px;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 12px;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile .chatbot-profile-detail {
  cursor: pointer;
  display: inline-block;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile img {
  width: 25px;
  margin-right: 7px;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile .share-chatbot {
  font-size: 12px;
  margin-left: 8px;
  padding: 5px 15px;
  display: inline-block;
  color: #FFAD36;
  border: 1px solid #FFAD36;
  border-radius: 20px;
  cursor: pointer;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile .share-chatbot:hover {
  background: rgba(255, 173, 54, 0.2);
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-profile .share-chatbot i {
  margin-right: 8px;
  color: #FFAD36;
  opacity: 0.7;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-stats {
  vertical-align: bottom;
  display: inline-block;
  margin-top: -4px;
  height: 42px;
  line-height: 1.7;
  box-sizing: border-box;
  padding: 8px 12px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-stats span {
  padding: 0px 8px;
  cursor: pointer;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-stats span .chatbot-stats-num {
  color: #FFAD36;
  font-weight: 700;
}
#page-wrapper .floating-chatbot .floating-chatbot-inner .chatbot-destroy {
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  cursor: pointer;
  padding: 8px 12px;
  color: #666;
}
#page-wrapper .floating-chatbot .share-chatbot-pop {
  position: absolute;
  background: #fff;
  width: fit-content;
  top: 63px;
  border: 0px;
  border-bottom-color: #fff;
  left: 20px;
  filter: drop-shadow(0 0.0825rem 0.525rem rgba(0, 0, 0, 0.1));
}
#page-wrapper .floating-chatbot .share-chatbot-pop .frogue-popup {
  padding: 14px 16px 14px 14px;
}
#page-wrapper .floating-chatbot .share-chatbot-pop .frogue-popup input {
  width: 300px;
  padding: 3px;
  background: #ffffff;
  border: 1px solid #dadada;
  cursor: pointer;
}
#page-wrapper .floating-chatbot .share-chatbot-pop .frogue-popup input:hover {
  background: rgba(255, 173, 54, 0.2);
}
#page-wrapper .floating-chatbot .share-chatbot-pop .frogue-popup i {
  padding: 10px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
#page-wrapper .floating-chatbot .share-chatbot-pop .frogue-popup i:hover {
  color: #333;
}
#page-wrapper .floating-chatbot .share-chatbot-pop:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 25%;
  border: .75rem solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}
#page-wrapper .floating-chatbot .addchannel {
  color: #FFAD36;
}
#page-wrapper.toggled {
  margin: 0 0 0 240px;
}
#page-wrapper.toggled .sticky-header {
  width: calc(100vw - 240px);
}
#page-wrapper.toggled .float-btn {
  width: calc(100vw - 240px);
}
.old-popup {
  width: 300px;
}
.noevent {
  pointer-events: none;
}
.module-card-content .module-card-item {
  padding: 20px;
  border: 0.5px solid #C8C8C8;
  width: 48%;
  margin: 6px;
  display: inline-block;
  vertical-align: middle;
}
.module-card-content .module-card-item .input-wrapper {
  width: 100%;
  border: 1px solid #c0c0c0;
}
.module-card-content .module-card-item .input-wrapper input {
  width: 96%;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: initial;
  padding: 6px 4px;
}
.module-card-content .module-card-item .input-wrapper input:hover {
  border: 0.5px solid transparent;
}
.module-card-content .module-card-item .module-card-item-tile {
  font-weight: 700;
  font-size: 18px;
}
.module-card-content .module-card-item .module-card-item-content {
  margin: 10px 0;
}
.module-card-content .module-card-item .module-card-item-content select {
  width: 100%;
  height: 34px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  margin: 0;
}
.module-card-content .module-card-item .module-card-item-content .input-wrapper {
  border-top: 0;
}
.module-card-content .module-card-item .module-card-item-bottom {
  display: flex;
  align-items: center;
}
.module-card-content .module-card-item .module-card-item-bottom button {
  width: 84px;
  box-shadow: none;
  margin-left: 4px;
  padding: 8px 20px;
}
.module-card-content .module-card-item .module-card-item-bottom button.btn-danger {
  width: 100%;
}
.module-card-content .module-card-item .module-card-item-bottom button.btn-danger:nth-child(3n - 2) {
  margin-left: 0;
}
.module-card-content .button {
  vertical-align: middle;
}
.page-heading {
  border-bottom: 1px solid #e0e0e0;
  background: #efefef;
  width: 100%;
}
.page-heading .m-t-md {
  margin-top: 10px !important;
  padding-right: 45px;
}
.page-heading .page-title {
  width: 100%;
  display: flex;
  padding: 0px 30px 0px 20px;
}
.page-heading.row {
  margin: 0;
}
.page-heading h2 {
  padding-left: 0;
  color: #584c35;
  font-weight: 300;
  padding: 0px 0;
  margin-top: 16px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 30px;
}
.page-heading h2 span[class*="icon_"] {
  position: relative;
  top: 3px;
  color: #bbbebf;
  margin-right: 3px;
}
.page-heading h2 span[class*="icon_"].fa-pencil-square-o,
.page-heading h2 span[class*="icon_"].icon_pencil-edit {
  position: relative;
  top: 3px;
  color: #f8ac59;
}
.page-heading h2 > div .db-header__input {
  display: inline-block;
  width: 100%;
}
.page-heading h2 > div .old-btn-info {
  background: #bbbebf;
  border-radius: 50%;
  color: #fff;
}
.page-heading .page-button-group {
  margin-top: 12px;
  margin-bottom: 6px;
  padding-right: 42px;
}
.page-heading .page-button-group .btn {
  margin-bottom: 4px;
  margin-left: 2px;
  margin-right: 2px;
  float: right;
}
.page-heading .btn-group {
  position: absolute;
  top: 10px;
  right: 10px;
}
.page-heading .btn.old-btn-primary {
  background: #f99348;
  background: -moz-linear-gradient(-70deg, #f99348 0%, #fa7d3e 100%);
  background: -webkit-linear-gradient(-70deg, #f99348 0%, #fa7d3e 100%);
  background: linear-gradient(110deg, #f99348 0%, #fa7d3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f99348', endColorstr='#fa7d3e', GradientType=1);
  border: none;
  font-weight: bold;
}
.page-heading .open > .dropdown-menu {
  display: block;
  max-height: 352px;
  overflow-x: hidden;
}
.page-heading .open > .dropdown-menu li span[class*="icon_"] {
  position: relative;
  top: 3px;
  font-size: 1rem;
  margin-right: 8px;
}
.notice-popup {
  background: #fff;
  width: 100%;
  padding: 50px;
  text-align: left;
  border-radius: 5px;
  overflow: hidden;
  color: #584c35;
  -webkit-font-smoothing: antialiased;
}
.notice-popup .notice-title {
  color: #584c35;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
  margin: 0px auto 15px ;
}
.notice-popup .notice-content {
  padding-top: 30px;
}
.notice-popup .notice-content .notice-content-item {
  padding: 20px 0;
}
.notice-popup .notice-content .notice-content-item .notice-item-title {
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 1.1rem;
}
.notice-popup .notice-content .notice-content-item .notice-content-detail {
  font-size: 1rem;
}
.notice-popup .notice-ps {
  color: #ccc;
}
.action-popup {
  position: absolute;
  z-index: 120;
  width: 330px;
  height: 72%;
  background: #00000022;
  top: 72px;
  left: 30px;
}
.action-popup .pop {
  width: 90%;
  max-height: 90%;
  background: #fff;
  padding: 20px;
  z-index: 100000;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: auto;
  box-shadow: 0px 0px 5px 0px #0000006b;
  position: absolute;
}
.action-popup .pop .pop-title {
  position: relative;
  height: 40px;
}
.action-popup .pop .pop-info {
  height: 90%;
  display: block;
  margin-top: 20px;
  position: relative;
  overflow: auto;
}
.action-popup .pop .pop-info dt {
  position: relative;
  display: block;
  text-align: left;
  width: fit-content;
}
.action-popup .pop .pop-info dd {
  margin-left: 0;
  white-space: normal;
  word-break: break-word;
}
.upgrade-popup {
  background: #fff;
  width: 500px !important;
  padding: 50px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
.upgrade-popup .popup-emoji {
  font-size: 4rem;
  height: 5rem;
  line-height: 1;
}
.upgrade-popup .popup-title {
  color: #584c35;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
  margin: 0px auto 35px ;
}
.upgrade-popup .popup-title.delete {
  color: #EC2E2E;
}
.upgrade-popup .popup-summary {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #584c35;
  margin: 0px auto 30px ;
}
.upgrade-popup ul {
  text-align: left;
  font-size: 1rem;
  color: #584c35;
  margin: 0px 5px 40px ;
}
.upgrade-popup ul li {
  padding: 8px 0 8px 5px;
}
.upgrade-popup .btn-primary {
  font-size: 17px;
  padding: 13px 40px;
  margin-bottom: 10px;
}
.upgrade-popup .btn-primary-text {
  font-size: 15px;
  font-weight: 400;
  padding: 10px 36px;
}
.warning-popup {
  background: #fff;
  width: 500px !important;
  padding: 50px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
.warning-popup .popup-emoji {
  font-size: 4rem;
  height: 5rem;
  line-height: 1;
}
.warning-popup .popup-title {
  color: #584c35;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
  margin: 0px auto 25px ;
}
.warning-popup .popup-summary {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #584c35;
  margin: 0px auto 40px ;
}
.warning-popup ul {
  text-align: left;
  font-size: 1rem;
  color: #584c35;
  margin: 0px 20px 40px ;
}
.warning-popup ul li {
  padding: 8px 0 8px 20px;
}
.warning-popup .btn-primary {
  font-size: 14px;
}
.warning-popup .btn-primary-text {
  font-size: 14px;
  font-weight: 400;
}
.payinfo-popup {
  display: block !important;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 10px #ddd;
}
.payinfo-popup div {
  background: #fff;
}
.payinfo-popup .pop-head {
  color: #584c35;
  font-size: 1.35rem;
  font-weight: 600;
  text-align: center;
  padding: 20px;
}
.payinfo-popup .pop-body {
  padding: 20px;
  max-height: 570px;
  overflow-y: auto;
}
.payinfo-popup .pop-body .check-wrap {
  border: 0;
  padding-top: 10px;
}
.payinfo-popup .pop-footer {
  text-align: right;
  border-top: 1px solid #ddd;
  padding: 20px;
}
.payinfo-popup .pop-footer button {
  width: 120px;
  text-align: center;
  margin-left: 6px;
}
.ibox-description {
  margin: 40px 25px 0;
  font-weight: 600;
  display: block;
  font-size: 1.25rem;
}
.ibox-description .ibox-description-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: center;
  background-position-y: -5px;
}
.ibox-button {
  padding: 20px 40px 40px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
.edit-btn {
  width: 17px;
  height: 16px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.input-wrapper {
  background: none;
  padding: 0 ;
  width: fit-content;
  position: relative;
}
.input-wrapper.fullwidth {
  width: 100%;
}
.input-wrapper textarea + .edit-btn {
  width: 17px;
  height: 16px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.input-wrapper textarea.knowledge-description {
  width: 100% !important;
  border: none;
}
.input-wrapper input {
  border: 0.5px solid transparent;
  color: #584c35;
  transition: 0.2s border ease-in;
  cursor: pointer;
  background: transparent;
  padding-right: 25px;
  width: 100%;
}
.input-wrapper input.line {
  padding-right: 0 !important;
  cursor: text !important;
}
.input-wrapper input + .edit-btn {
  width: 17px;
  height: 16px;
  opacity: 0.2;
  bottom: 0px;
  margin: auto;
  position: absolute;
  top: 0px;
  right: 0;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.input-wrapper input:hover {
  border-bottom: 0.5px solid #C8C8C8;
}
.input-wrapper input:active,
.input-wrapper input:focus {
  cursor: text;
  border-bottom: 1px solid #C8C8C8;
}
.input-wrapper input:active + .edit-btn,
.input-wrapper input:focus + .edit-btn {
  opacity: 0;
}
.input-wrapper.not-input {
  border-bottom: none;
  display: block;
  margin-top: 10px;
  background: transparent;
}
.input-wrapper #chatbotName {
  font-size: 2rem;
  height: 2.7rem;
  transition: 0.2s border ease-in;
  border-bottom: 1px solid #fff;
}
.input-wrapper #chatbotName:hover {
  border-bottom: 1px solid #999;
}
.input-wrapper#chatbotID:before {
  content: "Chatbot ID : ";
}
.input-wrapper #etc-input {
  display: none;
  transition: 0.2s all ease-in;
  margin-top: 0;
  width: 300px;
}
.input-wrapper .etc-input-open {
  display: block;
  height: 35px;
  border-bottom: 1px solid #999;
}
.input-wrapper .etc-input-close {
  display: none;
  height: 0;
  border-bottom: 0;
}
.square-input {
  width: 100%;
  position: relative;
  text-align: left;
  font-size: 18px;
}
.square-input input {
  padding: 20px;
  line-height: 1.5;
  width: 100%;
  height: 60px;
  font-size: 18px;
  border: 0.5px solid #C8C8C8;
}
.square-input.search {
  width: auto;
}
.square-input.search input {
  padding: 15px 15px 15px 50px;
  height: 45px;
  width: 300px;
}
.square-input.search input::placeholder {
  font-size: 0.85rem;
  padding-left: 0px;
}
.square-input.search:before {
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  top: 0;
  left: 17px;
  bottom: 0;
  display: block;
  margin: auto;
  height: fit-content;
}
.upgrade-user {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #FF6647 !important;
  color: #FF6647 !important;
  display: inline-block;
  font-weight: 600;
  margin: 0px 0px 6px 6px;
  background: #fff;
}
.more-option {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  opacity: 0.6;
  cursor: pointer;
}
.more-option .option-square {
  width: 4px;
  height: 4px;
  display: block;
  margin: 3px 0;
  background: #C8C8C8;
  opacity: 0.5;
}
.more-option:hover .option-square {
  opacity: 1;
}
.more-option + .more-option-list {
  position: absolute;
  text-align: left;
  right: 28px;
  width: 275px;
  top: 0;
  font-size: 18px;
  border-radius: 3px;
  border: 0.5px solid rgba(109, 93, 65, 0.51);
  background: #fff;
}
.more-option + .more-option-list .option-item {
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  text-align: left;
  color: #584c35;
  font-weight: 400;
}
.more-option + .more-option-list .option-item:hover {
  background: rgba(109, 93, 65, 0.51);
}
.more-option + .more-option-list .option-item-danger {
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  text-align: left;
  color: #EC2E2E;
  font-weight: 400;
}
.more-option + .more-option-list .option-item-danger:hover {
  background: rgba(216, 46, 46, 0.2);
}
#db-scrollArea {
  min-height: 100%;
  padding-bottom: 100px;
}
label {
  vertical-align: middle;
  margin-bottom: 0;
}
.ibox-title {
  font-size: 24px;
  font-weight: 600;
  opacity: 0.7;
  margin-top: 100px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
.ibox-title:nth-child(1) {
  margin-top: 0;
}
.ibox-title .switch {
  margin-left: auto;
  flex-direction: row-reverse;
}
.ibox-title.danger {
  color: #EC2E2E;
}
.ibox {
  position: relative;
  border-radius: 5px;
  border: 1px solid rgba(109, 93, 65, 0.21);
  clear: both;
  margin: 25px 0;
  padding: 0;
  background: #fff;
  /*z-index:1;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ibox .ng-leave {
  display: none !important;
}
.ibox.disabled {
  pointer-events: none;
  background: #eaeaea;
}
.ibox:last-of-type {
  margin-bottom: 100px;
}
.ibox.danger {
  background: rgba(216, 46, 46, 0.2);
  border: 1px solid rgba(216, 46, 46, 0.2);
}
.ibox.danger .module-ele-titledetail {
  color: #EC2E2E;
  opacity: 1;
}
.ibox .checkbox-inline {
  margin-right: 10px;
  margin-left: 0;
}
.ibox .ibox-content {
  padding: 40px;
  border: none;
  line-height: 18px;
  position: relative;
}
.ibox .ibox-content .flot-overlay {
  z-index: 10000;
}
.ibox .ibox-content .flot-text {
  pointer-events: none;
}
.ibox .ibox-content li {
  padding: 3px 0;
}
.ibox .ibox-content.negative-index {
  z-index: -1;
}
.ibox .ibox-content:first-child {
  padding-top: 40px;
}
.ibox .ibox-content .connect-flow {
  width: 350px;
  position: relative;
}
.ibox .ibox-content .connect-flow .button {
  font-size: 0.75rem;
  margin-top: 5px;
  width: 100%;
  margin-bottom: 14px;
}
.ibox .ibox-content .btn-simulate {
  border: 1px solid #FFAD36;
  background: rgba(255, 173, 54, 0.2);
  width: auto;
  height: auto;
  border-radius: 5px;
}
.ibox .ibox-content .btn-simulate input {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  padding: 9px !important;
  color: #eeaa00 !important;
}
.ibox .ibox-content .pay-wrap .pay-item {
  position: relative;
  width: calc(25% - 10px);
  background: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 14px;
  height: 192px;
  padding: 0;
  margin-left: 10px;
}
.ibox .ibox-content .pay-wrap .pay-item:first-child {
  margin-left: 0;
}
.ibox .ibox-content .pay-wrap .pay-item .check-style {
  width: fit-content;
  float: right;
  margin-bottom: 0;
  margin-right: 10px;
}
.ibox .ibox-content .pay-wrap .pay-item .check-style label {
  padding-right: 0;
}
.ibox .ibox-content .pay-wrap .pay-item .check-style label:before {
  margin-right: 0;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body {
  padding: 10px;
  margin-top: 22px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body span {
  display: block;
  margin-bottom: 6px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div {
  margin-bottom: 12px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div input {
  width: fit-content;
  border: 0;
  border-bottom: 1px solid #c0c0c0;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div img {
  width: 16px;
  height: 16px;
  opacity: 0.3;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div button {
  width: 20px;
  height: 20px;
  border: 1px solid #00cc00;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div button img {
  opacity: 1;
  vertical-align: bottom;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body div button:last-child {
  border-color: #f24f18;
  margin-left: 4px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body b {
  display: block;
  font-size: 18px;
  margin-bottom: 12px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body p {
  font-size: 14px;
  margin: 0;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-body p span {
  display: inline-block;
  margin-right: 6px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #c0c0c0;
  text-align: right;
  padding: 10px;
}
.ibox .ibox-content .pay-wrap .pay-item .pay-footer button {
  padding: 6px 12px;
}
.ibox .ibox-content .pay-wrap .pay-item .delete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 14px;
  color: #fff;
  padding-top: 58px;
  font-size: 20px;
  text-align: center;
  z-index: 1;
}
.ibox .ibox-content .pay-wrap .pay-item .delete button {
  display: block;
  margin: 16px auto 0;
}
.ibox .ibox-content .pay-wrap .pay-item.new {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  line-height: 192px;
  font-size: 32px;
}
@media screen and (max-width: 1440px) and (min-width: 992px) {
  .ibox .ibox-content .pay-wrap .pay-item {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }
  .ibox .ibox-content .pay-wrap .pay-item:nth-child(3n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .ibox .ibox-content .pay-wrap .pay-item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.ibox .ibox-content .explain-box {
  background: #f1f1f1;
  padding: 20px;
  margin: 20px 0 0;
}
.ibox .ibox-content .explain-box ul {
  padding: 0;
  margin: 0;
}
.ibox .ibox-content .explain-box ul li {
  position: relative;
  list-style: none;
  font-size: 14px;
  padding-left: 12px;
}
.ibox .ibox-content .explain-box ul li:before {
  content: "- ";
  position: absolute;
  left: 0;
}
.ibox.prepayment_apply .ibox-content {
  padding: 40px 40px 20px;
}
.ibox.prepayment_apply .ibox-content:last-child {
  padding: 20px 40px 40px;
}
.ibox.prepayment_apply .ibox-content:last-child div {
  display: flex;
  align-items: center;
}
.ibox.prepayment_apply .ibox-content .button {
  display: block;
  padding: 9px 0;
  width: 166px;
  margin: 0;
}
.ibox.prepayment_apply .ibox-content p {
  width: calc(100% - 166px - 12px);
  margin: 0 0 0 12px;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ibox.prepayment_apply .module-flex-wrap {
  padding: 0 40px;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele {
  width: 50%;
  text-align: center;
  border: 1px solid #efefef;
  margin: 0 !important;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele:first-child {
  border-right: 0;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele:first-child h4 {
  border-right: 1px solid #fff;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele h4 {
  font-size: 22px;
  background: #efefef;
  padding: 10px;
  margin: 0;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele .content-wrap {
  display: table;
  width: 100%;
  height: calc(100% - 64px);
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele .content-wrap div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 20px;
}
.ibox.prepayment_apply .module-flex-wrap .module-single-ele .content-wrap div .button {
  display: block;
  padding: 9px 0;
  width: 166px;
  margin: 6px auto;
}
.module-ele-title {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 12px;
  color: #584c35;
  position: relative;
}
.module-ele-title .module-btn {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
  padding: 10px 2px;
  bottom: 0px;
  z-index: 10;
}
.module-ele-title .module-btn.db-btn-action {
  color: #584c35 !important;
}
.module-ele-title .module-btn.input-wrapper {
  padding: 0;
}
.module-ele-title .module-btn.btn-black {
  top: -7px;
  bottom: auto;
  padding: 7px 20px;
}
.module-ele-title .module-button-wrap {
  display: flex;
}
.module-ele-title .btn-orange {
  background: transparent;
  padding: 0;
  border: 0;
  font-size: 14px;
  color: #FFAD36;
  font-weight: normal;
  border-radius: 4px;
  border: 1px solid;
  padding: 2px 4px;
  margin-left: 2px;
}
.module-ele-title .btn-orange:hover {
  box-shadow: 0px 3px 6px #00000055;
}
.module-ele-titledetail {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 0px;
  display: block;
  line-height: 1.55;
  white-space: normal;
  font-weight: 400;
  opacity: 0.6;
}
.module-ele-titledetail a {
  color: #584c35;
  text-decoration: underline;
}
.module-upload-photo .image-container-square {
  width: 80px;
  height: 80px;
  margin-bottom: 12px;
}
.module-upload-photo img {
  min-width: 100%;
  min-height: 100%;
}
.module-upload-photo input button {
  color: #FF6647;
}
.module-ele-selection {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.module-ele-selection .selection-title {
  font-size: 0.65rem;
}
.module-ele-selection .selection-ele {
  border-radius: 5px;
  padding: 10px 12px;
  box-shadow: 0px 0px 10px #00000011;
  margin: 5px 10px 5px 0;
  position: relative;
  text-align: center;
  width: 22%;
}
.module-ele-selection .selection-ele .hover {
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  top: 0;
  line-height: 3;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000aa;
  color: #fff;
  opacity: 0;
}
.module-ele-selection .selection-ele:hover .hover {
  opacity: 1;
}
.module-ele-selection .selection-half {
  margin-right: 10px;
  width: 46.5%;
  position: relative;
  margin-bottom: 10px;
}
.module-ele-selection .selection-half .selection-picker {
  padding: 10px 12px;
  height: 47px;
  box-shadow: 0px 0px 10px #00000011;
  border-radius: 5px;
}
.module-ele-selection .selection-half .selection-picker .hover {
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  top: 0;
  line-height: 3;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000aa;
  color: #fff;
  opacity: 0;
  text-align: center;
}
.module-ele-selection .selection-half:hover .hover {
  opacity: 1;
}
.option-module {
  height: 55px;
  position: relative;
  z-index: 10;
  /* box-shadow: 0px 0px 10px 0px #00000022; */
}
.option-module .option-module-inner {
  height: fit-content;
  border-radius: 4px;
  border: 1px solid #ccc;
  width: 370px;
  background: #fff;
}
.option-module .option-module-inner .popup-now {
  padding: 15px;
  cursor: pointer;
  height: 53px;
}
.option-module .option-module-inner .popup-now:hover {
  background: rgba(255, 173, 54, 0.2);
}
.option-module .option-module-inner .popup-now .standard {
  margin-left: 5px;
  height: 18px;
  display: inline-block;
}
.option-module .option-module-inner .popup-now .standard:after {
  content: 'Standard';
  display: inline-block;
  font-size: 10px;
  background: #FFAD36;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
}
.option-module .option-module-inner .popup-now .superior {
  height: 18px;
  display: inline-block;
  margin-left: 5px;
}
.option-module .option-module-inner .popup-now .superior:after {
  content: 'Superior';
  display: inline-block;
  font-size: 10px;
  background: #FF6647;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
}
.option-module .option-module-inner .option-list {
  height: 0;
  overflow: auto;
  max-height: 30vh;
}
.option-module .option-module-inner .option-list.show {
  height: auto;
  padding-bottom: 15px;
}
.option-module .option-module-inner .option-list .option-list-title {
  font-weight: 600;
  padding: 15px 15px 5px;
  border-top: 1px solid #eaeaea;
}
.option-module .option-module-inner .option-list .option-list-title .option-list-titledetail {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5;
}
.option-module .option-module-inner .option-list .option-list-item {
  cursor: pointer;
  padding: 4px 15px;
}
.option-module .option-module-inner .option-list .option-list-item:hover {
  background: rgba(255, 173, 54, 0.2);
}
.option-module .option-module-inner .option-list .option-list-item.standard:after {
  content: 'Standard';
  display: inline-block;
  font-size: 10px;
  background: #FFAD36;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.option-module .option-module-inner .option-list .option-list-item.superior:after {
  content: 'Superior';
  display: inline-block;
  font-size: 10px;
  background: #FF6647;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.option-module-hal {
  height: 55px;
  position: relative;
  z-index: 10;
  /* box-shadow: 0px 0px 10px 0px #00000022; */
}
.option-module-hal .option-module-inner {
  height: fit-content;
  border-radius: 0px;
  border: 1px solid #ccc;
  width: 100%;
  background: #fff;
}
.option-module-hal .option-module-inner .popup-now {
  font-size: 14px;
  cursor: pointer;
  display: flex;
}
.option-module-hal .option-module-inner .popup-now .popup-now-chatbot {
  width: calc(100% - 44px);
  padding: 8px 8px 8px 8px;
}
.option-module-hal .option-module-inner .popup-now .popup-now-chatbot span {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 40px);
  display: inline-block;
  box-sizing: border-box;
}
.option-module-hal .option-module-inner .popup-now .popup-now-chatbot:hover {
  background: rgba(255, 173, 54, 0.2);
}
.option-module-hal .option-module-inner .popup-now .popup-now-expand {
  width: fit-content;
  padding: 8px 15px 8px 15px;
  text-align: center;
  line-height: 1.8;
  border-left: 1px solid #C8C8C8;
  color: #777;
}
.option-module-hal .option-module-inner .popup-now .popup-now-expand:hover {
  background: rgba(255, 173, 54, 0.2);
}
.option-module-hal .option-module-inner .popup-now .standard {
  margin-left: 5px;
}
.option-module-hal .option-module-inner .popup-now .standard:after {
  content: 'Standard';
  display: inline-block;
  font-size: 10px;
  background: #FFAD36;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.option-module-hal .option-module-inner .popup-now .superior {
  margin-left: 5px;
}
.option-module-hal .option-module-inner .popup-now .superior:after {
  content: 'Superior';
  display: inline-block;
  font-size: 10px;
  background: #FF6647;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.option-module-hal .option-module-inner .option-list {
  display: none;
  left: 0;
  width: 100%;
  height: 0;
  overflow: auto;
  position: absolute;
  max-height: 30vh;
  background: #fff;
  border: 1px solid #C8C8C8;
}
.option-module-hal .option-module-inner .option-list.show {
  height: auto;
  display: block;
}
.option-module-hal .option-module-inner .option-list::-webkit-scrollbar {
  width: 3px !important;
}
.option-module-hal .option-module-inner .option-list::-webkit-scrollbar-thumb {
  width: 3px !important;
  background: #C8C8C8 !important;
}
.option-module-hal .option-module-inner .option-list .option-list-title {
  font-weight: 500;
  padding: 15px 15px 9px;
  font-size: 14px;
}
.option-module-hal .option-module-inner .option-list .option-list-title img {
  margin-right: 5px;
}
.option-module-hal .option-module-inner .option-list .option-list-title .option-list-titledetail {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5;
}
.option-module-hal .option-module-inner .option-list .option-list-item {
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  padding: 12px 15px;
}
.option-module-hal .option-module-inner .option-list .option-list-item span {
  vertical-align: middle;
}
.option-module-hal .option-module-inner .option-list .option-list-item:hover,
.option-module-hal .option-module-inner .option-list .option-list-item.selected {
  background: rgba(255, 173, 54, 0.2);
}
.option-module-hal .option-module-inner .option-list .option-list-item.standard:after {
  content: 'Standard';
  display: inline-block;
  font-size: 10px;
  background: #FFAD36;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.option-module-hal .option-module-inner .option-list .option-list-item.superior:after {
  content: 'Superior';
  display: inline-block;
  font-size: 10px;
  background: #FF6647;
  padding: 1px 5px;
  color: #fff;
  border-radius: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.module-option-selector {
  width: 100%;
  display: flex;
  border: 0.5px solid #C8C8C8;
  text-align: center;
}
.module-option-selector .module-option-ele {
  margin: 20px 0px 20px 20px;
  padding: 30px 30px 30px 10px;
  width: 50%;
  min-width: 250px;
  display: block;
  border-right: 0.5px solid #C8C8C8;
  font-weight: 600;
  opacity: 0.5;
  cursor: pointer;
}
.module-option-selector .module-option-ele:last-child {
  border-right: 0;
}
.module-option-selector .module-option-ele .module-option-icon {
  min-width: 150px;
  min-height: 150px;
  width: 80%;
  height: 80%;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.module-scroll-ele {
  width: 100%;
  overflow: auto;
}
.module-scroll-ele.horizontal .module-scroll-item {
  margin-right: 20px;
  width: 75%;
  background: #eaeaea;
}
.module-scroll-ele .module-scrol-ele-inner {
  width: auto;
}
.carousel-wrap .panel-head {
  height: 30px !important;
  display: flex;
  align-items: center;
}
.carousel-wrap .panel-head input {
  padding: 4px 13px;
}
.carousel-wrap .db-carousel-box-title {
  font-size: 1rem;
  padding: 15px;
  margin: 1px;
  background: #fff;
}
.carousel-wrap .db-carousel-box-title input {
  border: 0;
  font-size: 1rem;
  border: 10px;
  font-weight: 600;
}
.carousel-wrap .db-carousel-box-subtitle {
  padding: 15px;
  margin: 1px;
  background: #fff;
}
.carousel-wrap .db-carousel-box-subtitle textarea {
  border: 0;
  font-size: 1rem;
}
.carousel-wrap .db-carousel-box-btn {
  margin: 15px;
  background: #fff;
  border: 1px solid #FFAD36;
  border-radius: 5px;
}
.carousel-wrap .db-carousel-box-btn .btn-header {
  position: relative;
  padding: 5px;
}
.carousel-wrap .db-carousel-box-btn .btn-header .btn-header-top {
  position: relative;
}
.carousel-wrap .db-carousel-box-btn .btn-header .btn-header-top .order {
  position: relative;
}
.carousel-wrap .db-carousel-box-btn .btn-header .btn-header-top .delete-btn {
  right: 10px;
}
.carousel-wrap .db-carousel-box-btn .btn-header > span {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0px;
  height: fit-content;
  margin: auto 10px auto auto;
}
.carousel-wrap .db-carousel-box-btn .btn-header input {
  font-size: 1rem;
  max-width: 390px;
  color: #FFAD36;
  font-weight: bold;
}
.carousel-wrap .db-carousel-box-btn .btn-content {
  padding: 0 15px 15px;
}
.carousel-wrap .db-carousel-box-btn .db-btn-action {
  margin: 0 !important;
}
.carousel-wrap .db-carousel-box-btn .input-wrapper {
  margin: auto;
}
.no-table {
  display: flex;
}
.no-table .no-table-title {
  width: 130px;
  line-height: 1.6;
}
.db-btn-action {
  margin-top: 5px;
}
.db-btn-action .btn-secondary {
  margin-left: 10px;
}
.db-btn-action .db-btn-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-right: 5px;
}
.db-btn-action .db-btn-title img {
  margin-right: 3px;
}
.db-btn-action .switch {
  width: fit-content;
  height: 27px;
}
.db-btn-action .switch .slider {
  width: 54px;
  height: 27px;
}
.db-btn-action .switch .slider:before {
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 3px;
}
.db-btn-action textarea {
  width: 68%;
  vertical-align: middle;
  border: 0.5px solid #C8C8C8;
}
.db-btn-action #conditionFunctionPanelSet textarea {
  width: 100%;
}
.db-btn-action .fullscreen {
  opacity: 0.4;
  font-weight: 600;
  margin-left: 10px;
  cursor: pointer;
}
.db-btn-action .fullscreen:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/common/fullscreen.png);
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-right: 10px;
}
.db-btn-action .fullscreen:hover {
  opacity: 1;
}
.switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: 34px;
}
.switch + .switch-state {
  position: relative;
  width: 100px;
  display: inline-flex;
  font-weight: 600;
  padding-left: 10px;
  align-items: center;
}
.switch + .switch-state span {
  font-size: 0.75rem;
}
.switch + .switch-state .switchYes {
  color: #FFAD36;
}
.switch + .switch-state .switchNo {
  color: #ccc;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 25px;
  background-color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  box-shadow: 0px 0px 10px #0000006e;
  -webkit-transition: .3s;
  transition: .3s;
}
.switch .round {
  border-radius: 34px;
}
.switch .round:before {
  border-radius: 50%;
}
.switch .switch-state {
  position: relative;
  width: 100px;
  display: inline-block;
  font-weight: 600;
  padding-left: 10px;
}
.switch .switch-state .switchYes {
  color: #FFAD36;
}
.switch .switch-state .switchNo {
  color: #ccc;
}
.switch input[sub-value="true"] {
  width: 0px;
}
.switch input[sub-value="true"] + .slider {
  background-color: #FFAD36;
}
.switch input[sub-value="true"] + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.switch .switch-on.slider {
  background-color: #FFAD36;
}
.switch .switch-on.slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.modal-button {
  position: absolute;
  right: 20px;
  top: 17px;
  font-size: 0.85rem;
  color: #EC2E2E;
  background: transparent;
}
.modal-button:hover {
  background: rgba(255, 102, 71, 0.2);
}
.module-btn-bottom {
  margin-top: 20px;
}
.module-btn-top {
  margin-right: 10px;
  margin-top: 10px;
  margin-left: auto;
  text-align: right;
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}
.module-btn-top:focus {
  -webkit-appearance: none !important;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}
.module-flex-wrap {
  display: flex;
  width: 100%;
  margin: 0px 0;
  position: relative;
}
.module-flex-wrap:first-child {
  margin-top: 0px;
}
.module-flex-wrap:last-child {
  margin-bottom: 0;
}
.module-flex-wrap .module-single-ele {
  margin-top: 0;
  width: 100%;
  margin-right: 40px;
}
.module-flex-wrap .module-single-ele:last-child {
  margin-right: 0;
}
#chatbotName-input {
  font-size: 1.67rem;
  height: 2.7rem;
}
.module-single-ele,
.module-flex-ele {
  max-width: 1400px;
  margin-top: 32px;
  position: relative;
}
.module-single-ele .nlu,
.module-flex-ele .nlu {
  width: 450px;
}
.module-single-ele .nlu #bvalue,
.module-flex-ele .nlu #bvalue,
.module-single-ele .nlu #cvalue,
.module-flex-ele .nlu #cvalue {
  color: #FFAD36;
  font-weight: 600;
}
.module-single-ele .check-style label,
.module-flex-ele .check-style label {
  font-size: 0.9rem;
}
.module-single-ele:first-child,
.module-flex-ele:first-child {
  margin-top: 0;
}
.module-single-ele .db-profile,
.module-flex-ele .db-profile {
  position: relative;
  text-align: center;
  width: auto;
  display: inline-block;
  height: 103px;
}
.module-single-ele.fixed-input,
.module-flex-ele.fixed-input {
  width: 400px;
}
.module-single-ele.fixed-input .input-wrapper,
.module-flex-ele.fixed-input .input-wrapper {
  width: 100%;
  margin-top: 20px;
}
.module-single-ele.fixed-input .input-wrapper input,
.module-flex-ele.fixed-input .input-wrapper input {
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 10px;
  height: 36px;
  border-bottom: 0.5px solid #C8C8C8;
}
.module-single-ele textarea,
.module-flex-ele textarea {
  width: 350px;
  font-size: 0.85rem;
  padding: 10px;
  max-width: 1200px;
  line-height: 1.75;
}
.module-single-ele textarea.ng-leave,
.module-flex-ele textarea.ng-leave,
.module-single-ele textarea.ng-hide,
.module-flex-ele textarea.ng-hide {
  display: none !important;
}
.node-btn-wrapper {
  position: relative;
  margin-top: 25px;
  padding-top: 15px;
  border-top: 0.5px solid #ddd;
  background: #eaeaea;
  border-radius: 0px 0px 15px 15px;
}
.node-btn-wrapper .node-btn-title {
  display: block;
  position: absolute;
  top: -10px;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  text-align: center;
  font-size: 11px;
  color: #999;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}
.node-btn-wrapper .node-data-toggle {
  right: 10px;
  top: -15px;
}
.node-data-toggle {
  width: 25px;
  overflow: hidden;
  height: 25px;
  top: -13px;
  position: absolute;
  z-index: 10;
  right: -11px;
  font-size: 0.75rem;
  padding: 0px 5px;
  cursor: pointer;
  transition: 0.2s all ease-in;
}
.node-data-toggle:before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../img/common/exchange.png);
  background-size: 13px;
  background-position: 50% 0px;
  background-repeat: no-repeat !important;
  opacity: 0.5;
}
.node-data-toggle:hover {
  width: 155px;
}
.node-data-toggle:hover:before {
  opacity: 1;
}
.delete-btn,
.delete-btn-b {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  right: 4px;
  background: transparent !important;
  background-image: url(../img/common/trash_r.png) !important;
  background-size: contain !important;
  background-position: center !important;
  transition: 0.1s all ease-in;
  background-repeat: no-repeat !important;
  z-index: 10;
  cursor: pointer;
}
.delete-btn.round,
.delete-btn-b.round {
  padding: 8px;
  border-radius: 100%;
  box-shadow: 0px 0px 10px 0px #00000022;
  background-size: 20px !important;
  background-color: #fff !important;
}
.delete-btn:hover,
.delete-btn-b:hover {
  opacity: 1;
}
.delete-btn-b {
  width: 20px;
  height: 20px;
  right: 0;
  background-image: url(../img/common/trash.png) !important;
}
.cross-btn {
  width: 18px;
  height: 18px;
  opacity: 0.2;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  right: 22px;
  background-image: url(../img/common/cross.png);
  background-size: contain;
  background-position: center;
  transition: 0.1s all ease-in;
  z-index: 10;
  cursor: pointer;
}
.cross-btn:hover {
  opacity: 1;
}
.owner-btn {
  width: 25px;
  height: 25px;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  right: 22px;
  background-image: url(../img/common/icon-owner.svg);
  background-size: contain;
  background-position: center;
  transition: 0.1s all ease-in;
  z-index: 10;
  cursor: pointer;
}
.owner-btn:hover {
  opacity: 1;
}
.open-list {
  width: 25px;
  height: 25px;
  opacity: 0.45;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  right: 65px;
  background-image: url(../img/common/dropdown.png);
  background-size: contain;
  background-position: center;
  z-index: 10;
  pointer-events: none;
}
.open-list:hover {
  opacity: 1;
}
.open-list.open {
  transform: rotateZ(180deg);
  top: 30px;
  bottom: auto;
}
.module-table-ele {
  position: relative;
  max-width: 1400px;
  width: 100%;
  padding-top: 0px;
  color: #584c35;
  margin-top: 55px;
}
.module-table-ele:first-child {
  margin-top: 0;
}
.module-table-ele .module-table-content-addable {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #C8C8C8;
}
.module-table-ele .module-table-content-addable thead {
  background: #f5f5f6;
  border-bottom-width: 1px;
}
.module-table-ele .module-table-content-addable thead tr th {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  border-right: 1px solid #C8C8C8;
}
.module-table-ele .module-table-content-addable thead tr th:last-child {
  border-right: 0;
}
.module-table-ele .module-table-content-addable tbody tr {
  text-align: center;
  border-top: 1px solid #C8C8C8;
}
.module-table-ele .module-table-content-addable tbody tr:nth-last-child(2n) {
  background: #fbfbfb;
}
.module-table-ele .module-table-content-addable tbody tr td {
  border-right: 1px solid #C8C8C8;
  padding: 20px;
  vertical-align: top;
  position: relative;
}
.module-table-ele .module-table-content-addable tbody tr td.reference {
  padding: 0;
  position: relative;
}
.module-table-ele .module-table-content-addable tbody tr td.reference .tag-editor {
  padding: 20px 60px 20px 20px;
}
.module-table-ele .module-table-content-addable tbody tr td.reference .tag-editor .tag-editor-item {
  border: 1px solid #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
  background: #ffffff;
  border-radius: 3px;
  margin-right: 5px;
  letter-spacing: 0.1px;
}
.module-table-ele .module-table-content-addable tbody tr td.reference .tag-editor .tag-editor-item:hover {
  background: #ffffff;
}
.module-table-ele .module-table-content-addable tbody tr td.list {
  position: relative;
  text-align: left;
  font-size: 18px;
  height: 60px;
}
.module-table-ele .module-table-content-addable tbody tr td.list textarea {
  width: 95%;
  border: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.module-table-ele .module-table-content-addable tbody tr td.list textarea + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.module-table-ele .module-table-content-addable tbody tr td.list textarea:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
  display: none;
}
.module-table-ele .module-table-content-addable tbody tr td:last-child {
  border-right: 0;
}
.module-table-ele .module-table-content {
  width: 100%;
  border: 1px solid #C8C8C8;
}
.module-table-ele .module-table-content.align-left thead tr th {
  text-align: left;
}
.module-table-ele .module-table-content.align-left tbody tr {
  text-align: left;
}
.module-table-ele .module-table-content.align-left tbody tr td {
  text-align: left;
}
.module-table-ele .module-table-content thead {
  background: #e8e8e8;
  border-bottom: 1px solid #C8C8C8;
}
.module-table-ele .module-table-content thead tr th {
  border-right: 1px solid #cacaca66;
  padding: 10px;
  color: #584c35;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.module-table-ele .module-table-content thead tr th:last-child {
  border-right: 0;
}
.module-table-ele .module-table-content tbody tr {
  text-align: center;
  border-top: 1px solid #cacaca66;
}
.module-table-ele .module-table-content tbody tr:first-child {
  border-top: 0;
}
.module-table-ele .module-table-content tbody tr:nth-child(2n) {
  background: #fbfbfb;
}
.module-table-ele .module-table-content tbody tr.fail {
  background: rgba(255, 0, 0, 0.07);
}
.module-table-ele .module-table-content tbody tr.fail td:last-child {
  color: red;
}
.module-table-ele .module-table-content tbody tr td {
  border-right: 1px solid #cacaca66;
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  line-height: 1.6;
}
.module-table-ele .module-table-content tbody tr td ul {
  padding: 0;
  margin: 0;
}
.module-table-ele .module-table-content tbody tr td ul li {
  list-style-type: none;
}
.module-table-ele .module-table-content tbody tr td table.dropdown-menu {
  padding: 5px;
  min-width: max-content;
}
.module-table-ele .module-table-content tbody tr td table.dropdown-menu th {
  text-align: center;
  background: #e8e8e8;
  padding: 2px 6px;
}
.module-table-ele .module-table-content tbody tr td table.dropdown-menu td {
  text-align: left;
  padding: 2px 6px;
}
.module-table-ele .module-table-content tbody tr td.reference {
  padding: 0;
  position: relative;
}
.module-table-ele .module-table-content tbody tr td.reference > div {
  position: relative;
}
.module-table-ele .module-table-content tbody tr td.reference > div .clova {
  text-align: left;
  margin: 0 0 10px 20px;
}
.module-table-ele .module-table-content tbody tr td.reference > div .clova .btn-black {
  font-size: 12px;
  background: #e3e4e3;
  color: #000;
  padding: 4px 12px;
}
.module-table-ele .module-table-content tbody tr td.reference > div .clova .btn-black img {
  width: 56px;
  margin: 0 0 0 6px;
}
.module-table-ele .module-table-content tbody tr td.reference .tag-editor {
  padding: 20px 60px 20px 20px;
}
.module-table-ele .module-table-content tbody tr td.reference .tag-editor .tag-editor-item {
  border: 1px solid #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
  background: #ffffff;
  border-radius: 3px;
  margin-right: 5px;
  letter-spacing: 0.1px;
}
.module-table-ele .module-table-content tbody tr td.reference .tag-editor .tag-editor-item:hover {
  background: #ffffff;
}
.module-table-ele .module-table-content tbody tr td.list {
  position: relative;
  text-align: left;
  font-size: 18px;
  height: 60px;
}
.module-table-ele .module-table-content tbody tr td.list textarea {
  width: 97%;
  border: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.module-table-ele .module-table-content tbody tr td.list textarea + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.module-table-ele .module-table-content tbody tr td.list textarea:focus + .edit-btn {
  width: 25px;
  height: 25px;
  opacity: 0.2;
  bottom: 0px;
  top: 0px;
  margin: auto;
  position: absolute;
  right: 7%;
  background-image: url(../img/common/edit.png);
  background-size: contain;
  background-position: center;
  pointer-events: none;
  display: none;
}
.module-table-ele .module-table-content tbody tr td:last-child {
  border-right: 0;
}
.module-table-ele .module-table-content tbody tr.active {
  background: #ffeace;
  cursor: pointer;
}
.module-table-ele .table-bottom-wrapper {
  width: 100%;
  padding: 10px 0px;
  text-align: right;
}
.module-table-ele .table-bottom-wrapper .table-bottom-btn {
  padding: 3px 0;
  font-weight: 500;
  font-size: 13px;
}
.module-table-ele .table-bottom-wrapper .table-bottom-btn .icon_plus_alt2 {
  padding-right: 5px;
}
.ht_clone_left {
  z-index: 10 !important;
}
.handsontableInputHolder {
  z-index: 9 !important;
}
.small-chatbots img {
  width: 40px;
  height: 40px;
  background: #eaeaea;
  border-radius: 100%;
  display: inline-block;
  margin-right: 3px;
}
.more-chatbots {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 17px;
  background: #eaeaea;
  border-radius: 20px;
  vertical-align: top;
}
.round-label-hal-type {
  font-size: 1rem;
  width: 25%;
  border: 1px solid #C8C8C8;
  border-radius: 30px;
  height: 38px;
  width: fit-content;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 20px;
  line-height: 37px;
  background-position: calc(80%);
  background-color: #eaeaea;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none;
}
.select-input-hal-type {
  font-size: 0.85rem;
  width: 25%;
  border-radius: 30px;
  height: 38px;
  width: auto;
  display: block;
  position: relative;
  padding: 0 40px 0 20px;
  line-height: 1.5;
  background-position: calc(100% - 20px);
  background-color: #eaeaea;
  background-image: url(../img/common/dropdown.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none;
}
.select-input-hal-type:-ms-expand {
  display: none;
}
.select-input-type {
  font-size: 0.85rem;
  width: 25%;
  border: 0.5px solid #999;
  height: 45px;
  max-width: 400px;
  min-width: 250px;
  display: block;
  position: relative;
  padding: 0 20px;
  line-height: 1.5;
  background-color: #fff;
  background-position: calc(100% - 20px);
  background-image: url(../img/common/dropdown.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none;
}
.select-input-type:-ms-expand {
  display: none;
}
.custom-made-select {
  font-size: 0.85rem;
  width: 43%;
  border: 0.5px solid #999;
  height: 60px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.custom-made-select.active-ask .select-items {
  display: block;
}
.custom-made-select .select-selected {
  position: relative;
  padding: 18px;
  font-size: 16px;
  line-height: 1.3;
  height: 60px;
}
.custom-made-select .select-selected:after {
  content: "";
  width: 20px;
  background-image: url(../img/common/dropdown.png);
  height: 20px;
  position: absolute;
  top: 22px;
  right: 10px;
  background-size: contain;
}
.custom-made-select .select-items {
  height: 200px;
  line-height: 1.5;
  position: absolute;
  left: -0.5px;
  right: 0;
  z-index: 43;
  overflow: hidden;
  display: none;
  top: 58px;
  border: 1px solid #999;
  background: #fff;
  overflow: scroll;
  overflow-x: hidden;
  width: 100.5%;
}
.custom-made-select .select-items div {
  padding: 12px;
  color: #555;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  height: 45px;
  overflow: hidden;
}
.chatflow-module {
  display: none;
  position: absolute;
  border-radius: 5px;
  margin-top: 0;
  transform: translateY();
  border: 0.5px solid rgba(109, 93, 65, 0.21);
  background: #fff;
  padding: 30px;
  width: 35%;
  min-width: 675px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  bottom: 0;
  right: 190px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
.chatflow-module .ng-hide {
  transition: 0s display;
}
.chatflow-module .module-btn {
  top: 0;
  padding: 0 10px 0px;
  height: fit-content;
}
.chatflow-module .module-btn .open-list {
  position: relative;
  display: inline-block;
  width: 21px;
  right: 0;
  top: 7px;
}
.chatflow-module .module-btn .open-list.open {
  right: 0;
  top: 7px;
}
@keyframes initCardList {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.arrow-icon {
  position: relative;
  width: 20px;
  height: 25px;
  margin-left: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.arrow-icon.reverse {
  margin-left: 0px;
  margin-right: 20px;
}
.arrow-icon.reverse .arrow {
  transform: rotate(180deg);
}
.arrow-icon .arrow {
  position: absolute;
  display: inline-block;
  top: 11px;
  width: 24px;
  height: 2px;
  background-color: #fff;
}
.arrow-icon .arrow:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  top: -5px;
  right: -3px;
  background-color: #fff;
  transform: rotate(45deg);
}
.arrow-icon .arrow:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  top: 4.5px;
  right: -3px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
}
.make-bot {
  width: 24%;
  height: 472px;
  min-width: 300px;
  vertical-align: top;
  margin: 0.5%;
  float: left;
  white-space: nowrap;
  box-sizing: border-box;
  color: #FFAD36;
  text-align: center;
  position: relative;
  border: 1px solid #FFAD36;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: 0.2s background ease-in;
}
.make-bot:hover {
  background: rgba(255, 173, 54, 0.2);
}
.make-bot .make-bot-inner {
  margin: auto;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.make-bot .make-bot-title {
  font-size: 24px;
  margin: 0 auto 20px;
  font-weight: 700;
  position: relative;
}
.make-bot .make-bot-detail {
  font-size: 14px;
  margin: 0 auto 30px;
  position: relative;
  width: 90%;
}
.make-bot .make-bot-detail span {
  white-space: pre-line;
}
.make-bot .make-bot-plus {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 1px solid #FFAD36;
  position: relative;
  margin: 20px auto;
}
.make-bot .make-bot-plus .make-bot-cross {
  position: absolute;
  background: #FFAD36;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.make-bot .make-bot-plus .make-bot-cross:first-child {
  width: 50%;
  margin: auto;
  height: 2px;
}
.make-bot .make-bot-plus .make-bot-cross:last-child {
  height: 50%;
  width: 2px;
  margin: auto;
}
.placeholder-content {
  overflow: hidden;
  background: #000;
  position: relative;
  width: 100%;
  height: 100%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  display: block;
}
.placeholder-content div {
  opacity: 0;
}
@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0;
  }
  100% {
    background-position: 650px 0;
  }
}
.recommended-bot {
  width: 24%;
  height: 472px;
  overflow: hidden;
  min-width: 300px;
  vertical-align: top;
  border-radius: 5px;
  margin: 0.5%;
  color: #fff;
  float: left;
  white-space: nowrap;
  box-sizing: border-box;
}
.recommended-bot .recommended-bot-inner {
  height: 472px;
  width: 100%;
  position: relative;
  padding: 25px;
}
.recommended-bot .recommended-bot-inner .bot-list-head {
  position: relative;
  left: 0;
  width: 100%;
  z-index: 2;
}
.recommended-bot .recommended-bot-inner .bot-list-head .bot-list-label {
  width: 100%;
  text-align: left;
  position: absolute;
  display: block;
  left: 0;
}
.recommended-bot .recommended-bot-inner .bot-list-head .bot-list-label div {
  height: 26px;
  font-size: 12px;
  display: inline-block;
  width: fit-content;
  padding: 2px 13px 2px 10px;
  background: #fff;
  border-radius: 20px;
  font-weight: 300;
  line-height: 1.9;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-new {
  color: #FFAD36;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-new:before {
  content: '✨';
  width: 20px;
  display: inline-block;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-hot {
  color: #FF6647;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-hot:before {
  content: '🔥';
  width: 20px;
  display: inline-block;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-wizard {
  vertical-align: top;
  color: #584c35;
}
.recommended-bot .recommended-bot-inner .bot-list-head .label-wizard:before {
  content: '';
  background-image: url(../img/wizard/wand.png);
  background-size: cover;
  background-position: 50% -5px;
  background-repeat: no-repeat;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  margin-top: -4px;
}
.recommended-bot .recommended-bot-inner .bot-list-head .bot-list-document {
  position: absolute;
  right: 0;
  background: #fff;
  width: 26px;
  height: 26px;
  margin: 0 0 20px 20px;
  border-radius: 100%;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #584c35;
}
.recommended-bot .recommended-bot-img {
  width: 90px;
  height: 90px;
  margin: 100px auto 20px;
  border-radius: 100%;
  display: block;
  overflow: hidden;
}
.recommended-bot .recommended-bot-img img {
  width: 100%;
}
.recommended-bot .recommended-bot-title {
  font-size: 24px;
  margin: 0 auto 10px;
  font-weight: 700;
  position: relative;
  text-align: center;
}
.recommended-bot .recommended-bot-detail {
  font-size: 14px;
  margin: 0 auto 16px;
  position: relative;
  word-break: keep-all;
  width: 90%;
  text-align: center;
  white-space: pre-line;
}
.recommended-bot .recommended-bot-btnwrapper {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: fit-content;
}
.recommended-bot .recommended-bot-btnwrapper .btn-text {
  display: block;
  background: transparent;
  color: #fff;
  margin: 5px auto;
  width: fit-content;
}
.recommended-bot .recommended-bot-btnwrapper .btn-text:hover {
  background: rgba(255, 102, 71, 0.2);
}
.seperator {
  width: 100%;
  display: block;
  height: 1px;
  opacity: 0.5;
  border: 0.5px solid #dfdfdf;
  box-sizing: border-box;
  margin: 28px 0 20px;
  position: relative;
}
.seperator span {
  position: absolute;
  top: -9px;
  padding: 2px 15px;
  font-size: 12px;
  background: #eaeaea;
  color: #222;
  border-radius: 15px;
  left: 0;
  right: 0;
  width: fit-content;
  margin: auto;
}
.go-to-list {
  width: fit-content;
  border-radius: 3px;
  font-size: 14px;
  padding: 13px 20px;
  margin-top: 30px;
}
.chatbot-make-list .chatbot-sample-section,
.chatbot-make-list-0 .chatbot-sample-section {
  display: flex;
  width: 100%;
  margin: 55px 0;
  opacity: 0;
  animation-name: initSampleList;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.chatbot-make-list .chatbot-sample-section:nth-child(2),
.chatbot-make-list-0 .chatbot-sample-section:nth-child(2) {
  animation-delay: 0s;
}
.chatbot-make-list .chatbot-sample-section:nth-child(3),
.chatbot-make-list-0 .chatbot-sample-section:nth-child(3) {
  animation-delay: 0.1s;
}
.chatbot-make-list .chatbot-sample-section:nth-child(4),
.chatbot-make-list-0 .chatbot-sample-section:nth-child(4) {
  animation-delay: 0.2s;
}
.chatbot-make-list .chatbot-sample-section.tutorial-screen .section-list .make-bot-card,
.chatbot-make-list-0 .chatbot-sample-section.tutorial-screen .section-list .make-bot-card {
  position: relative;
}
.chatbot-make-list .chatbot-sample-section.tutorial-screen .section-list .make-bot-card:before,
.chatbot-make-list-0 .chatbot-sample-section.tutorial-screen .section-list .make-bot-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 20px #ffad36;
  animation: fadeAni 1s step-end infinite;
  border-radius: 10px;
}
.chatbot-make-list .chatbot-sample-section .section-title,
.chatbot-make-list-0 .chatbot-sample-section .section-title {
  width: 20%;
  color: #584c35;
  font-size: 24px;
  padding: 15px 10px;
  font-weight: 700;
}
.chatbot-make-list .chatbot-sample-section .section-title .module-ele-titledetail,
.chatbot-make-list-0 .chatbot-sample-section .section-title .module-ele-titledetail {
  margin-top: 15px;
  white-space: pre-line;
}
.chatbot-make-list .chatbot-sample-section .section-list,
.chatbot-make-list-0 .chatbot-sample-section .section-list {
  width: 80%;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card {
  width: 23%;
  min-width: 300px;
  background: #fff;
  display: inline-block;
  height: 470px;
  margin: 0.5%;
  text-align: center;
  position: relative;
  border: 0.5px solid #FFAD36;
  color: #FFAD36;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  vertical-align: top;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card img,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card img {
  margin: 0;
  left: 0;
  top: 0;
  position: relative;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card .bot-list-body,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card .bot-list-body {
  position: relative;
  margin-top: 115px;
  color: #FFAD36;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card .bot-list-body h2,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card .bot-list-body h2 {
  margin-top: 20px;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card .bot-list-body p,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card .bot-list-body p {
  width: 85%;
  margin: auto;
  margin-bottom: 25px;
}
.chatbot-make-list .chatbot-sample-section .section-list .make-bot-card .bot-list-body .button,
.chatbot-make-list-0 .chatbot-sample-section .section-list .make-bot-card .bot-list-body .button {
  display: block;
  margin: auto;
  width: fit-content;
  margin-top: 4px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list {
  width: 23%;
  min-width: 300px;
  background: #ccc;
  display: inline-block;
  height: 470px;
  margin: 0.5%;
  text-align: center;
  position: relative;
  vertical-align: top;
  border-radius: 5px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list img,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list img {
  margin: 0;
  left: 0;
  top: 0;
  position: relative;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 2;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-label,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-label {
  width: 100%;
  text-align: left;
  position: absolute;
  display: block;
  left: 0;
  padding: 20px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-label div,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-label div {
  height: 26px;
  font-size: 12px;
  display: inline-block;
  width: fit-content;
  padding: 2px 13px 2px 10px;
  background: #fff;
  border-radius: 20px;
  font-weight: 300;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-new,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-new {
  color: #FFAD36;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-new:before,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-new:before {
  content: '✨';
  width: 20px;
  margin-top: 2px;
  margin-right: 5px;
  display: inline-block;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-hot,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-hot {
  color: #FF6647;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-hot:before,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-hot:before {
  content: '🔥';
  width: 20px;
  margin-top: 2px;
  margin-right: 5px;
  display: inline-block;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-wizard,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-wizard {
  color: #584c35;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .label-wizard:before,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .label-wizard:before {
  content: '';
  background-image: url(../img/wizard/wand.png);
  background-size: cover;
  background-position: 50% -5px;
  background-repeat: no-repeat;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  height: 24px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-document,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-head .bot-list-document {
  position: absolute;
  right: 0;
  background: #fff;
  width: 26px;
  height: 26px;
  margin: 20px;
  border-radius: 100%;
  line-height: 26px;
  font-size: 14px;
  font-weight: 600;
  color: #584c35;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-body,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-body {
  position: relative;
  margin-top: 115px;
  color: #fff;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-body h2,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-body h2 {
  margin-top: 20px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-foot,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-foot {
  position: absolute;
  width: 100%;
  bottom: 30px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-foot .button,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-foot .button {
  display: block;
  margin: auto;
  width: fit-content;
  margin-top: 4px;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-foot .btn-text,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-foot .btn-text {
  color: #fff;
}
.chatbot-make-list .chatbot-sample-section .section-list .bot-list .bot-list-foot .btn-text:hover,
.chatbot-make-list-0 .chatbot-sample-section .section-list .bot-list .bot-list-foot .btn-text:hover {
  color: #fff;
  background: rgba(255, 102, 71, 0.2);
}
.chatbot-list-area .chatbot-list-item {
  width: 18.5%;
  height: 470px;
  min-width: 300px;
  vertical-align: top;
  margin: 0.5%;
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
}
.chatbot-list-area .chatbot-list-item .chatbot-list-item-inner {
  height: 470px;
  width: 100%;
}
.chatbot-list-area .chatbot-list-item .bot-list {
  height: 470px;
  margin-top: 0;
  position: relative;
}
.chatbot-list-area .chatbot-list-item .bot-list:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #9a9;
}
.chatbot-list-area .chatbot-list-item .bot-list img {
  cursor: pointer;
  position: relative;
  margin: 30px;
  left: 0;
  top: 0;
}
.chatbot-list-area .chatbot-list-item .bot-list h2 {
  cursor: pointer;
  text-align: left;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 60px);
  margin: 0 30px 15px;
  position: relative;
}
.chatbot-list-area .chatbot-list-item .bot-list p {
  cursor: pointer;
  text-align: left;
  padding: 0;
  height: 56px;
  white-space: normal;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: keep-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 10px 30px 30px;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options {
  position: absolute;
  top: 30px;
  right: 22px;
  z-index: 10;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options:hover .circle {
  opacity: 0.8;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options .circle {
  width: 6px;
  height: 6px;
  margin: 4px;
  background: #000;
  opacity: 0.4;
  border-radius: 100%;
  overflow: hidden;
  display: block;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop {
  display: block;
  right: 40px;
  top: 30px;
  position: absolute;
  width: 55%;
  z-index: 10;
  border-radius: 4px;
  border: 0.5px solid #ccc;
  background: #fff;
  color: #584c35;
  box-shadow: 1px 1px 5px #00000022;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div {
  padding: 12px;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div:hover {
  background: rgba(109, 93, 65, 0.51);
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div:last-child {
  color: #EC2E2E;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div:last-child:hover {
  background: rgba(216, 46, 46, 0.2);
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div:last-child,
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-options-pop div:nth-child(2) {
  border-top: 0.5px solid #ccc;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task {
  min-height: 93px;
  margin: 40px 30px 32px;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-noneed-title {
  font-size: 14px;
  color: #16E68C;
  font-weight: 500;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-noneed-title:before {
  background-image: url(../img/common/checked.png);
  content: '';
  width: 20px;
  height: 20px;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-noneed-action {
  height: 92px;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-title {
  font-size: 14px;
  color: #FF6647;
  font-weight: 500;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-list {
  color: #584c35;
  margin-top: 20px;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-list .task-need-item {
  display: flex;
  align-items: flex-end;
  margin: 6px 0 0;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-list .task-need-item .task-need-item-left {
  margin-right: auto;
  font-size: 13px;
  width: 70%;
  white-space: pre-line;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-list .task-need-item .task-need-item-left .how-many {
  font-weight: 700;
  color: #FF6647;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-list-task .task-need-list .task-need-item .task-need-item-right {
  padding: 1px 20px;
  font-size: 0.75rem;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-statistics {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.chatbot-list-area .chatbot-list-item .bot-list .bot-statistics a {
  display: inline-block;
  float: unset;
  width: 33%;
}
.chatbot-list-area .chatbot-list-item-ella {
  position: relative;
  width: 24%;
  height: 472px;
  min-width: 300px;
  vertical-align: top;
  margin: 0.5%;
  float: left;
  white-space: nowrap;
  box-sizing: border-box;
}
.chatbot-list-area .chatbot-list-item-ella .chatbot-list-item-inner {
  width: 100%;
  height: 472px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list {
  height: 472px;
  margin-top: 0;
  position: relative;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .profile-wrap img {
  position: inherit;
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin: 24px 10px 0 20px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .profile-wrap .bot-list-options {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  right: 8px;
  z-index: 10;
  cursor: pointer;
  background: url(../img/common/icon-menu-option.png) no-repeat;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop {
  display: block;
  right: 36px;
  top: 30px;
  position: absolute;
  width: 55%;
  z-index: 10;
  border-radius: 4px;
  border: 0.5px solid #ccc;
  background: #fff;
  color: #584c35;
  box-shadow: 1px 1px 5px #00000022;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div {
  padding: 12px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div:hover {
  background: rgba(109, 93, 65, 0.51);
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div:last-child {
  color: #EC2E2E;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div:last-child:hover {
  background: rgba(216, 46, 46, 0.2);
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div:last-child,
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-options-pop div:nth-child(2) {
  border-top: 0.5px solid #ccc;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task {
  position: relative;
  height: 104px;
  margin: 16px 20px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  padding: 0 12px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: calc(100% - 24px);
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-noneed-title {
  font-size: 14px;
  color: #0288D1;
  font-weight: 500;
  margin: 0 0 10px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-noneed-title:before {
  background-image: url(../img/common/chatbot-list-checked.png);
  content: '';
  width: 20px;
  height: 20px;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list {
  color: #584c35;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list .task-need-item {
  display: flex;
  align-items: flex-end;
  margin: 6px 0 0;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list .task-need-item:first-child {
  margin: 0;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list .task-need-item .task-need-item-left {
  margin-right: auto;
  font-size: 13px;
  white-space: pre-line;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list .task-need-item .task-need-item-left .how-many {
  font-weight: 700;
  color: #FF6647;
  right: 88px;
  margin-left: 2px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .bot-list-task .task-list-action .task-need-list .task-need-item .task-need-item-right {
  padding: 1px 20px;
  font-size: 0.75rem;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list h2 {
  width: calc(100% - 36px);
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  margin: 16px 16px 4px 20px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list p {
  position: relative;
  display: -webkit-box;
  height: auto;
  white-space: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  margin: 10px 20px;
  padding: 0;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list p.chatbot-txt {
  height: 40px;
  font-size: 14px;
  margin: 0 16px 0 20px;
  line-height: normal;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list span {
  position: absolute;
  right: 0;
  width: 65%;
  text-align: right;
  color: #ffad36;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list ul {
  margin: 0;
  padding: 0;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list ul li {
  position: relative;
  font-size: 16px;
  list-style: none;
  color: rgba(0, 0, 0, 0.6);
  margin: 6px 20px 4px 40px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list ul li:before {
  content: "";
  position: absolute;
  left: -20px;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon-arrow-right.png) no-repeat;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .locked-wrapper {
  background: #f5f5f5;
  height: 470px;
  border-radius: 5px;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .locked-wrapper .profile-wrap {
  opacity: 0.3;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .locked-wrapper .bot-is-idle {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
}
.chatbot-list-area .chatbot-list-item-ella .bot-list .locked-wrapper .bot-is-idle p {
  text-align: center;
  font-weight: 500;
}
.add-chatflow-param-item {
  width: fit-content;
  padding: 2px 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 17px;
  display: inline-block;
  margin: 3px 1px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 1rem;
  z-index: 10;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.chatflow-param-item {
  width: fit-content;
  padding: 2px 6px;
  color: #fff;
  border-radius: 17px;
  display: inline-block;
  margin: 3px 1px;
  word-break: keep-all;
  font-size: 14px;
  z-index: 10;
  font-weight: 400;
  letter-spacing: 0.5px;
  max-width: 98%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chatflow-param-item:before {
  content: "#{";
  opacity: 0.65;
  font-weight: 300;
  padding-right: 2px;
}
.chatflow-param-item:after {
  content: "}";
  opacity: 0.65;
  font-weight: 300;
  padding-left: 2px;
}
.chatflow-param-item.dragging {
  position: fixed;
  pointer-events: none;
}
.temp-param .chatflow-param-item {
  background: #f89927;
}
.temp-param .chatflow-param-item.connected {
  background: #74798b;
}
.event-param .chatflow-param-item {
  background: #f89927;
}
.event-param .chatflow-param-item.connected {
  background: #74798b;
}
.session-param .chatflow-param-item {
  background: #FF6647;
}
.session-param .add-chatflow-param-item {
  background: #FF6647;
}
.session-param .chatflow-param-content {
  max-height: 170px;
  overflow: auto;
}
.temp-param .chatflow-param-item {
  background: #FFAD36;
}
.temp-param .add-chatflow-param-item {
  background: #FFAD36;
}
.temp-param .chatflow-param-content {
  max-height: 170px;
  overflow: auto;
}
.param-detail .modal-dialog {
  width: 400px;
}
.param-detail .modal-dialog .modal-header {
  display: block;
  height: fit-content;
}
.param-detail .param-detail-header {
  width: 100%;
  text-align: center;
}
.param-detail .param-detail-header .param-detail-title {
  width: 90%;
  margin: auto;
  overflow: hidden;
  height: fit-content;
  font-size: 21px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.param-detail .param-detail-header .param-detail-title .input-wrapper {
  background: #fff !important;
  margin: 0 auto;
  text-align: center;
  height: fit-content;
}
.param-detail .param-detail-header .param-detail-title .input-wrapper:before {
  content: "#{";
  top: 0;
  left: 0px;
}
.param-detail .param-detail-header .param-detail-title .input-wrapper:after {
  content: "} ";
  top: 0;
  right: 0px;
}
.param-detail .param-detail-header .param-detail-title .input-wrapper input {
  text-align: center;
  border-bottom: 0.5px solid #c0c0c0;
  width: 82%;
  padding: 0;
}
.param-detail .param-detail-header .param-detail-title .input-wrapper .edit-btn {
  right: 21px;
}
.param-detail .param-detail-header .param-detail-description {
  font-size: 11px;
}
.param-detail .param-detail-header button {
  margin-top: 15px;
}
.param-detail .param-detail-header button:hover {
  color: #fff;
}
.param-detail .param-detail-content .input-wrapper input {
  border-bottom: 0.5px solid #c0c0c0;
}
.param-detail .param-detail-content .param-detail-entity,
.param-detail .param-detail-content .param-detail-default {
  padding: 5px 0;
  display: flex;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-title,
.param-detail .param-detail-content .param-detail-default .param-detail-content-title {
  width: 30%;
  font-weight: 600;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value {
  width: 70%;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value span,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 43%;
  display: inline-block;
  vertical-align: middle;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value span .icon_question_alt,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value span .icon_question_alt {
  width: fit-content;
  padding: 0 6px;
  opacity: 0.6;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value span:first-child,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value span:first-child {
  text-overflow: unset;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value span.loading,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value span.loading {
  width: fit-content;
  width: -moz-fit-content;
}
.param-detail .param-detail-content .param-detail-entity .param-detail-content-value .tooltip .tooltip-inner,
.param-detail .param-detail-content .param-detail-default .param-detail-content-value .tooltip .tooltip-inner {
  width: fit-content;
  width: -moz-fit-content;
}
.param-detail .param-detail-add-button {
  text-align: right;
}
.param-detail.chatflow-param-detail .param-detail-content-value .loading {
  width: 70%;
}
.param-detail.chatflow-param-detail .param-detail-content-value .ng-binding {
  width: 30%;
}
.param-auto-input {
  position: absolute;
  background: #fff;
  top: 100px;
  z-index: 100;
  border: 0.5px solid #ccc;
  width: 250px;
}
.param-auto-input li {
  list-style: none;
  padding: 5px 10px;
  display: flex;
}
.param-auto-input li.current-suggestion-sess {
  background: #FF6647;
  color: #fff;
}
.param-auto-input li.current-suggestion-chat {
  background: #f89927;
  color: #fff;
}
.param-auto-input li.current-suggestion-connected {
  background: #74798b;
  color: #fff;
}
.param-auto-input li .param-input-type {
  margin-left: auto;
}
.param-auto-input li .param-input-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
  overflow: hidden;
}
.param-auto-input .param-auto-head {
  padding: 5px 10px;
  display: flex;
  font-weight: 600;
  border-bottom: 0.5px solid #ccc;
}
.param-auto-input .param-auto-head .param-input-type {
  margin-left: auto;
}
.textarea-mask {
  min-height: 95px;
  position: absolute;
  top: 0;
  padding: 7px 8px;
  color: transparent;
  pointer-events: none;
  white-space: pre-line;
  line-height: 1.45;
}
.textarea-mask .param-highlight {
  border-radius: 3px;
  background: #FF6647;
  color: #fff;
}
.textarea-mask .param-highlight.selected {
  border: 1px solid #FF6647;
  color: transparent;
  background: transparent;
}
.test-panel {
  top: 110px;
  right: -368px;
  width: 380px;
  height: calc(100% - 110px);
  z-index: 200;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 15px 20px 15px 31px;
}
.test-panel .test-panel-content .form-group {
  position: relative;
}
.test-panel .test-panel-content .form-group .test-sentence-input {
  padding: 6px 34px 6px 6px;
}
.test-panel .test-panel-content .form-group .test-sentence-input ~ .btn-trans {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
}
.test-panel .test-panel-content .form-group .test-sentence-input ~ .btn-trans:hover {
  background: rgba(248, 172, 89, 0.2);
}
.test-panel .test-panel-content .form-group .test-sentence-input ~ .btn-trans:active {
  background: rgba(248, 172, 89, 0.5);
}
.test-panel .test-panel-content .form-group .test-sentence-input ~ .btn-trans img {
  display: block;
  margin: auto;
}
.test-panel .test-panel-content .btn-group {
  width: 100%;
}
.test-panel .test-panel-content .btn-group button {
  width: 50%;
  font-size: 0.75rem;
  font-weight: bold;
}
.test-panel .test-panel-content table.table-bordered tbody.test-fixed-table td {
  border-left: none;
  border-right: none;
}
.test-panel .test-panel-content table.table-bordered tbody tr td,
.test-panel .test-panel-content table.table-bordered thead tr th {
  padding: 4px 8px;
}
.test-panel .test-panel-content table.table-bordered tbody tr td.text-left,
.test-panel .test-panel-content table.table-bordered thead tr th.text-left {
  text-align: left;
}
.test-panel #quick-button-container {
  margin: 0 auto;
  width: 327px;
  position: absolute;
  bottom: 146px;
  left: 12px;
  right: 0;
  padding: 2px 10px;
  height: 40px;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  z-index: 100;
  color: #FFAD36;
  -webkit-transition: opacity 0.6s ease-in;
  transition: opacity 0.6s ease-in;
}
.test-panel #quick-button-container .btn-option-text {
  color: #FFAD36;
}
.test-panel #quick-button-container p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 38px;
  opacity: 0;
}
.test-panel #quick-button-container p.opacity_p {
  opacity: 1;
  z-index: 1;
  transition: all 0.7s;
}
.test-panel #quick-list-container {
  width: 90%;
  height: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 15px;
}
.test-panel #quick-list-container .btn-quick-list {
  background: #fff;
  border: 1.5px solid #FFAD36;
  color: #FFAD36;
  padding: 5px 20px;
  border-radius: 20px;
  letter-spacing: -0.025em;
  margin-right: 4px;
}
.test-panel .file-wrap {
  position: absolute;
  bottom: 136px;
  width: 327px;
  height: 66px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}
.test-panel .file-wrap .btn {
  background: transparent;
  color: #fff;
}
.test-panel .file-wrap .btn img {
  display: block;
  margin-bottom: 2px;
}
.test-panel .file-wrap .btn img.on {
  display: none;
}
.test-panel .file-wrap .btn:hover {
  color: #FF7A00;
}
.test-panel .file-wrap .btn:hover img {
  display: none;
}
.test-panel .file-wrap .btn:hover img.on {
  display: block;
}
.test-panel .tabs-container {
  box-shadow: none;
}
.test-panel .tabs-container #tab-Test > .form-group {
  margin-bottom: 20px;
}
.test-panel .tabs-container #tab-Test > .form-group .test-sentence-input {
  margin-top: 0;
}
.test-panel .tabs-container .test-table th {
  text-align: right;
}
.test-panel .param-name {
  display: block !important;
  font-weight: 700;
  padding-top: 5px !important;
  height: 27px;
  margin-top: 0px;
  border-radius: 0px !important;
  border-top: 0.5px solid #ccc;
}
.test-panel .param-name:first-child {
  border-top: 0;
}
.test-panel .param-name span:first-child {
  padding-left: 0 !important;
}
.test-panel .param-name span:last-child {
  font-size: 10px;
  font-weight: 300;
}
.test-panel .param-name span:last-child.sess {
  color: #FF6647 !important;
}
.test-panel .param-name span:last-child.temp {
  color: #FFAD36 !important;
}
.test-panel .param-change {
  opacity: 0.7;
}
.dashboard .digest {
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 25px;
}
.dashboard .digest .ibox {
  margin-bottom: 0 !important;
}
.dashboard .digest .tab-pane {
  padding-bottom: 25px;
}
.dashboard .digest .general_title {
  text-align: left;
  border-bottom: 1px solid #cfd2d4;
  margin: 0 -30px;
  padding: 9px 30px;
}
.dashboard .digest .general_title > input.datePicker {
  width: 110px;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2f4050;
}
.dashboard .digest .general_title > input.datePicker.daterange {
  width: 235px;
}
.dashboard .digest .general_title > input.datePicker.monthpicker {
  width: 100px;
}
.dashboard .digest .general_title button.dateBtn {
  border: none;
  background: none;
}
.dashboard .digest .general_title button.dateBtn .icon_calendar {
  font-size: 18px;
  position: relative;
  top: -1px;
}
.dashboard .digest .general_title > .btn-trans {
  position: relative;
  top: -4px;
}
.dashboard .digest .general_title .pull-right button {
  background: none;
  border: none;
  margin-top: 4px;
}
.dashboard .digest .general_title .pull-right button:hover {
  opacity: 0.8;
}
.dashboard .digest .general_title .pull-right button span[class*="icon_"] {
  font-size: 20px;
}
.dashboard .digest .duration {
  text-align: center;
  border-bottom: 1px solid #cfd2d4;
  margin: 0 -30px;
  padding: 9px 30px;
}
.dashboard .digest .duration > input.datePicker {
  width: 110px;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2f4050;
}
.dashboard .digest .duration > input.datePicker.daterange {
  width: 235px;
}
.dashboard .digest .duration > input.datePicker.monthpicker {
  width: 100px;
}
.dashboard .digest .duration button.dateBtn {
  border: none;
  background: none;
}
.dashboard .digest .duration button.dateBtn .icon_calendar {
  font-size: 18px;
  position: relative;
  top: -1px;
}
.dashboard .digest .duration > .btn-trans {
  position: relative;
  top: -4px;
}
.dashboard .digest .duration .pull-right button {
  background: none;
  border: none;
  margin-top: 4px;
}
.dashboard .digest .duration .pull-right button:hover {
  opacity: 0.8;
}
.dashboard .digest .duration .pull-right button span[class*="icon_"] {
  font-size: 20px;
}
.dashboard .digest .transactionInfo {
  margin: 0 -30px 30px !important;
  padding: 0 30px;
  border-bottom: 1px solid #cfd2d4;
}
.dashboard .digest .transactionInfo .col-lg-2 {
  text-align: center;
  border-left: 1px solid #cfd2d4;
  padding: 90px 0;
  height: 365px;
}
.dashboard .digest .transactionInfo .col-lg-2 dl {
  margin-bottom: 0;
}
.dashboard .digest .transactionInfo .col-lg-2 dl dt {
  font-size: 14px;
  color: #67737e;
}
.dashboard .digest .transactionInfo .col-lg-2 dl dt:after {
  content: "";
  display: block;
  margin: 16px auto 26px;
  background: #b8cadb;
  width: 48px;
  height: 3px;
  border-radius: 2px;
}
.dashboard .digest .transactionInfo .col-lg-2 dl dd {
  text-align: center;
  font-size: 30px;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  color: #2f4050;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .digest .transactionInfo .col-lg-2 dl dd.center {
  padding-right: 0;
  text-align: center;
}
.dashboard .digest .transactionInfo .col-lg-2 dl .targetFraction {
  word-break: break-word;
  white-space: normal;
}
.dashboard .digest .transactionInfo .col-lg-2 dl .targetFraction span {
  font-size: 30px;
}
.dashboard .digest .transactionInfo .col-lg-2 span {
  font-size: 13px;
  font-weight: 600;
}
.dashboard .digest .transactionInfo .col-lg-4 {
  border-left: 1px solid #cfd2d4;
  border-right: 1px solid #cfd2d4;
  height: 365px;
}
.dashboard .digest .learningInfo {
  margin: 0 -30px 30px !important;
  padding: 0 30px;
  border-bottom: 1px solid #cfd2d4;
}
.dashboard .digest .learningInfo div[class*="col-lg"] {
  padding-top: 30px;
  padding-bottom: 30px;
  border-left: 1px solid #cfd2d4;
}
.dashboard .digest .learningInfo div[class*="col-lg"]:last-child {
  border-right: 1px solid #cfd2d4;
}
.dashboard .digest .learningInfo .col-lg-4 {
  padding-left: 30px;
  padding-right: 30px;
}
.dashboard .digest .learningInfo .pieArea {
  position: relative;
}
.dashboard .digest .learningInfo .pieArea .percentage {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -40px;
  width: 100%;
  text-align: center;
  color: #2f4050;
}
.dashboard .digest .learningInfo .pieArea .percentage > * {
  display: block;
  font-weight: bold;
}
.dashboard .digest .learningInfo .pieArea .percentage strong {
  font-size: 62px;
  line-height: 62px;
}
.dashboard .digest .learningInfo .pieArea .percentage span {
  font-size: 14px;
  line-height: 14px;
}
.dashboard .digest .learningInfo .pieArea .percentage.plural {
  margin-top: -38px;
}
.dashboard .digest .learningInfo .pieArea .percentage.plural strong {
  font-size: 36px;
  margin-bottom: -6px;
}
.dashboard .digest .learningInfo .reliability {
  position: relative;
  background: #d5d8db;
  width: 100%;
  height: 16px;
  border-radius: 3px;
  margin: 158px 0 20px;
}
.dashboard .digest .learningInfo .reliability label {
  position: absolute;
  top: -18px;
  font-size: 0.75rem;
  font-weight: 600;
}
.dashboard .digest .learningInfo .reliability label:last-child {
  right: 0;
}
.dashboard .digest .learningInfo .reliability .flag {
  position: absolute;
  bottom: 16px;
  margin-right: -4px;
}
.dashboard .digest .learningInfo .reliability .flag strong {
  position: absolute;
  top: 24px;
  left: 48px;
  font-size: 34px;
  color: #fff;
  text-align: center;
}
.dashboard .digest .learningInfo .reliability .score {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17%;
  left: 0;
  border-radius: 3px;
  background: #FFAD36;
  background: -moz-linear-gradient(-45deg, #FFAD36 0%, #5fd4a7 100%);
  background: -webkit-linear-gradient(-45deg, #FFAD36 0%, #5fd4a7 100%);
  background: linear-gradient(135deg, #FFAD36 0%, #5fd4a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@db-secondary', endColorstr='#5fd4a7', GradientType=1);
}
.dashboard .digest .learningInfo p {
  text-align: center;
  font-size: 14px;
}
.dashboard .digest .learningInfo p strong {
  font-size: 24px;
}
.dashboard .digest .learningInfo h4 {
  font-size: 14px;
  color: #67737e;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .digest .learningInfo ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.dashboard .digest .learningInfo ul li {
  font-size: 0.75rem;
  display: inline-block;
  margin-left: 5px;
  padding: 0 7px 0 0;
  height: 12px;
  line-height: 12px;
  border-right: 1px solid #adb4ba;
}
.dashboard .digest .learningInfo ul li:last-child {
  border-right: none;
}
.dashboard .digest .learningInfo ul li span {
  font-weight: bold;
  margin-left: 5px;
}
.dashboard .digest .learningInfo ul li label {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 0 -2px 5px;
  background: #d5d8db;
  border: 1px solid #c1c4c7;
}
.dashboard .digest .learningInfo ul li label.positive {
  background: #8ec88f;
  border-color: #76a676;
}
.dashboard .digest .learningInfo ul li label.negative {
  background: #FFAD36;
  border-color: #d9652b;
}
.dashboard .digest .topRankItem {
  background: url(../img/dashboard/img_crown.png) no-repeat 25px 50px;
  margin: 0 -15px;
  height: 50%;
  border-bottom: 1px solid #cfd2d4;
  padding: 50px 30px 22px 130px;
  line-height: 38px;
}
.dashboard .digest .topRankItem:last-child {
  border-bottom: none;
}
.dashboard .digest .topRankItem a {
  display: block;
  color: #2f4050;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .digest .topRankItem div {
  margin-bottom: -3px;
}
.dashboard .digest .topRankItem div strong {
  font-size: 40px;
  letter-spacing: -0.025em;
  margin-right: 3px;
}
.dashboard .digest .ibox .ibox-title .pull-right span {
  font-weight: bold;
  margin-left: 3px;
}
.dashboard .digest .ibox .ibox-title .pull-right > button {
  border-color: #c8cacc;
  margin-left: 5px;
}
.dashboard .digest .ibox .ibox-content {
  position: relative;
  z-index: 10;
}
.dashboard .digest .ibox .ibox-content .ibox-content-scroll {
  position: relative;
  overflow-y: auto;
  height: 400px;
  z-index: 10;
  background: #fff;
}
.dashboard .digest .ibox .ibox-content .ibox-content-scroll .table.table-bordered {
  position: relative;
  z-index: 10;
  background: #fff;
}
.dashboard .digest .ibox .ibox-content .no-data-field {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  height: inherit;
  border-radius: 0 0 5px 5px;
}
.dashboard .digest .ibox .ibox-content .no-data-field span {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 0;
  margin-top: -14px;
  margin-left: 0;
  left: 0;
  background: none;
  font-weight: bold;
  color: #67737e;
  opacity: 0.75;
}
.dashboard .digest .ibox .ibox-content .legend > div,
.dashboard .digest .ibox .ibox-content .legend > table {
  top: 15px !important;
  right: 35px !important;
}
.dashboard .digest .ibox.dialog {
  margin-top: 30px;
}
.dashboard .digest .ibox.dialog .ibox-content {
  padding: 30px;
}
.dashboard .digest .ibox.dialog .ibox-content .btn {
  font-size: 0.75rem;
  font-weight: bold;
  box-shadow: none;
  border: 1px solid #584c35;
  background: #fff;
}
.dashboard .digest .ibox.dialog .ibox-content .btn:hover {
  background: rgba(109, 93, 65, 0.51);
}
.dashboard .digest .ibox.dialog .ibox-content .btn:after {
  display: none;
}
.dashboard .digest .ibox.dialog .ibox-content .btn.pressed {
  background: #584c35;
  color: #fff;
}
.dashboard .digest .ibox.dialog .ibox-content h5 {
  margin: 0 0 20px 0;
  font-size: 14px;
}
.dashboard .digest .ibox.dialog .ibox-content .wordsWrapper {
  background: #f8f8f8;
  border: 1px solid #e6e9eb;
  padding: 16px 20px;
  margin-bottom: 40px;
}
.dashboard .digest .ibox.dialog .ibox-content .wordsWrapper span {
  cursor: pointer;
}
.dashboard .digest .ibox.dialog .ibox-content .wordsWrapper span:hover {
  opacity: 0.85;
  font-weight: bold;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow {
  font-size: 1rem;
  margin-bottom: 40px;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #f8f8f8;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row .rank {
  text-align: center;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row .volume {
  text-align: right;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row:nth-child(2n) {
  background: #fbfbfb;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row:last-child {
  border-bottom: 1px solid #d5d9dc;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row > div[class*="col-xs-"] {
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row .col-xs-3 div {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row .col-xs-3 div:first-child {
  float: left;
  width: 75%;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row .col-xs-3 div:last-child {
  float: right;
  width: 25%;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row.headerRow {
  font-size: 0.75rem;
  color: #2f4050;
  font-weight: bold;
  border-bottom: 2px solid #2f4050;
  background: none;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row.headerRow div[class*="col-xs"] {
  font-size: 14px;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow .row.headerRow div[class*="col-xs"]:nth-child(2n) {
  background: none;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow.pressed .row {
  position: relative;
  padding-left: 60px;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow.pressed .row .pull-left {
  position: absolute;
  top: 9px;
  left: 18px;
  width: 24px;
  text-align: center;
}
.dashboard .digest .ibox.dialog .ibox-content .tableRow.pressed .row .stripe {
  background: rgba(0, 0, 0, 0.025);
}
.dashboard .digest .rank-list .label {
  position: relative;
  display: inline-block;
  min-width: 27px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  top: -3px;
  padding: 3px 0;
  margin-right: 5px;
  z-index: 10;
}
.dashboard .digest .rank-list .label.rank1 {
  background-color: #f34724;
}
.dashboard .digest .rank-list .label.rank2 {
  background-color: #604cbf;
}
.dashboard .digest .rank-list .label.rank3 {
  background-color: #b1cc29;
}
.dashboard .digest .rank-list .label.rank4 {
  background-color: #26a6bf;
}
.dashboard .digest .rank-list .label.rank5 {
  background-color: #24b33c;
}
.dashboard .digest .rank-list .label.rank6 {
  background-color: #e6a82e;
}
.dashboard .digest .rank-list .label.rank7 {
  background-color: #58cc1f;
}
.dashboard .digest .rank-list .label.rank8 {
  background-color: #3966bf;
}
.dashboard .digest .rank-list .label.rank9 {
  background-color: #2e9975;
}
.dashboard .digest .rank-list .label.rank10 {
  background-color: #9c56bf;
}
.dashboard .digest .rank-list.list-group {
  margin-bottom: 0;
}
.dashboard .digest .rank-list.list-group .list-group-item {
  border: none;
  text-align: left;
}
.dashboard .digest .rank-list.list-group .list-group-item .rank-title {
  width: 70%;
}
.dashboard .digest .rank-list.list-group .list-group-item .rank-title:hover {
  color: #f8ac59;
}
.dashboard .digest .rank-list.list-group .list-group-item .db-checkbox-area ~ .rank-title {
  width: 75%;
}
.dashboard .digest .rank-list.list-group .list-group-item .db-checkbox-area {
  /* position: absolute; */
  /* left: 0; */
  /* top: 18px; */
  /* z-index: 20; */
  /* height: 10px; */
  display: inline-block;
  position: relative;
  top: 10px;
  margin-bottom: 0px;
  margin-right: -8px;
  line-height: 19px;
}
.dashboard .digest .db-no-rank {
  padding: 80px 0;
  opacity: 0.8;
}
.dashboard .digest .db-no-rank img {
  margin-bottom: 10px;
}
.dashboard .digest .db-no-rank p {
  font-size: 1rem;
  font-weight: bold;
}
.flot-x-axis .flot-tick-label {
  transform: rotate(0deg);
  max-width: 140px;
  margin-top: 5px;
  width: auto;
  line-height: 1;
}
.flot-x-axis .flot-tick-label:before {
  content: "";
  position: absolute;
  left: 46%;
  width: 2px;
  top: -8px;
  display: block;
  height: 9px;
  border-right: 1px solid #222;
}
.flot-x-axis .flot-tick-label:nth-child(2n-1) {
  opacity: 0;
}
.dashboard-column {
  display: inline-block;
  margin: 10px;
}
.dashboard-column .dashboard {
  margin: 10px 0;
  box-sizing: border-box;
  width: 100%;
}
.dashboard {
  position: relative;
  border-radius: 5px;
  border: 1px solid rgba(109, 93, 65, 0.21);
  clear: both;
  margin: 10px;
  background: #fff;
  padding: 40px;
  display: inline-block;
  /*z-index:1;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
}
.dashboard .flot-base {
  z-index: 1;
}
.dashboard.module-table-ele .module-table-content thead tr th {
  text-align: left;
  border-right: 1px solid #cacaca66;
}
.dashboard.module-table-ele .module-table-content tbody tr td {
  text-align: left;
  padding: 10px;
}
.dashboard.hasmore {
  padding-bottom: 0;
}
.dashboard .big-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 17px;
  width: 445px;
  line-height: 1.3;
}
.dashboard .title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 40px;
  color: #584c35;
  position: relative;
}
.dashboard .title .module-btn {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 16px;
}
.dashboard .title .module-btn .button {
  padding: 2px 10px;
}
.dashboard .title .module-btn.input-wrapper {
  padding: 0;
}
.dashboard .title .module-button-wrap {
  display: flex;
}
.dashboard .content {
  background: #fff;
  border: none;
  position: relative;
  display: flex;
  line-height: initial;
}
.dashboard .content .row {
  width: 100%;
  margin: 0 !important;
  padding: 0;
}
.dashboard .content .row.chart {
  display: flex;
}
.dashboard .content .row.chart > div:first-child {
  width: 70%;
}
.dashboard .content .row.chart > div:last-child {
  width: 30%;
}
.dashboard .content .row.chart > div:last-child li {
  padding: 12px 20px 12px 6px;
  border: 0;
  border-bottom: 1px solid #C8C8C8;
  border-radius: 0;
}
.dashboard .content .row.chart > div:last-child li:last-child {
  border-bottom: 0;
}
.dashboard .content .row.chart > div:last-child .label {
  vertical-align: super;
  color: #fff;
}
.dashboard .content .row.chart > div:last-child .label.rank1 {
  background-color: #f34724;
}
.dashboard .content .row.chart > div:last-child .label.rank2 {
  background-color: #604cbf;
}
.dashboard .content .row.chart > div:last-child .label.rank3 {
  background-color: #b1cc29;
}
.dashboard .content .row.chart > div:last-child .label.rank4 {
  background-color: #26a6bf;
}
.dashboard .content .row.chart > div:last-child .label.rank5 {
  background-color: #24b33c;
}
.dashboard .content .row.chart > div:last-child .label.rank6 {
  background-color: #e6a82e;
}
.dashboard .content .row.chart > div:last-child .label.rank7 {
  background-color: #58cc1f;
}
.dashboard .content .row.chart > div:last-child .label.rank8 {
  background-color: #3966bf;
}
.dashboard .content .row.chart > div:last-child .label.rank9 {
  background-color: #2e9975;
}
.dashboard .content .row.chart > div:last-child .label.rank10 {
  background-color: #9c56bf;
}
.dashboard .content > div {
  width: 50%;
  margin-right: 15px;
}
.dashboard .content .row-name {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 30px;
}
.dashboard .content .row-content {
  margin-top: 5px;
}
.dashboard .content .left {
  text-align: left;
}
.dashboard .content .right {
  text-align: right;
}
.dashboard .content td {
  vertical-align: middle !important;
}
.dashboard .content .topRankItem a {
  font-size: 24px;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #584c35;
}
.dashboard .content .list-row-head {
  width: 100%;
  padding: 5px 10px;
  margin: 5px 0;
  border-top: 0.5px solid #C8C8C8;
  display: flex;
  align-items: center;
}
.dashboard .content .list-row-head .list-row-name {
  display: inline-block;
}
.dashboard .content .list-row-head .list-row-content {
  margin-left: auto;
  text-align: right;
  display: inline-block;
}
.dashboard .content .list-row {
  width: 100%;
  padding: 15px 10px;
  border-top: 0.5px solid #C8C8C8;
  display: flex;
  align-items: center;
}
.dashboard .content .list-row:last-child {
  border-bottom: 0.5px solid #C8C8C8;
}
.dashboard .content .list-row .list-row-name {
  display: inline-block;
}
.dashboard .content .list-row .list-row-content {
  margin-left: auto;
  text-align: right;
  display: inline-block;
}
.dashboard .content .list-row .no-data {
  color: #aaa;
}
.dashboard .content .list-row:nth-child(2n) {
  background: #fbfbfb;
}
.dashboard .show-more {
  width: calc(100% - 80px);
  position: absolute;
  z-index: 1;
  bottom: .1px;
  background: linear-gradient(to top, #ffffffff 25%, #ffffff00);
  height: 130px;
}
.dashboard .show-more .button {
  bottom: 40px;
  padding: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}
.grid-1 {
  width: 35%;
  min-width: 360px;
}
.grid-15 {
  width: 47.5%;
  min-width: 490px;
}
.grid-2 {
  width: 60%;
  min-width: 602px;
}
.grid-2.short {
  height: 350px;
}
.grid-3 {
  width: 96.3%;
  min-width: 1000px;
}
.list-example {
  display: flex;
}
.list-example > div {
  width: 50%;
  display: flex;
}
.list-example .db-filter {
  font-size: 1rem;
  position: relative;
  cursor: pointer;
}
.list-example .db-filter .now-filter.active {
  color: #FFAD36;
  background: #C8C8C8;
}
.list-example .db-filter .now-filter:hover {
  color: #FFAD36;
}
.list-example .db-filter .fa {
  margin-right: 10px;
}
.list-example .align-right {
  text-align: right;
}
.list-example .align-right div {
  margin-right: 10px;
}
.list-example .align-right div:first-child {
  margin-left: auto;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list {
  height: auto;
  align-items: stretch;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item {
  height: auto;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top h2 {
  font-size: 24px;
}
.chatbot-list-area .no-sample-list .chatbot-sample-list .bot-item .bot-item-top .bot-item-description {
  font-size: 12px;
  height: auto;
}
@media screen and (max-width: 1700px) {
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-15 {
    width: 100%;
    min-width: 0;
  }
  .sticky-header .sticky-header-row .title-to-list {
    display: none;
  }
  .sticky-header .sticky-header-row .title-name {
    padding: 0 80px;
  }
}
@media (min-width: 800px) and (max-width: 1380px) {
  .top-bar .group-indicator {
    min-width: 110px;
  }
  .top-bar .group-indicator:nth-child(5),
  .top-bar .group-indicator:nth-child(6),
  .top-bar .group-indicator:nth-child(7),
  .top-bar .group-indicator:nth-child(8) {
    display: none;
  }
  .top-bar .authority {
    display: none;
  }
}
@media screen and (max-width: 1380px) {
  .page-list .listbox .listbox-inner .options {
    display: none;
  }
  .page-list.grid-view .listbox .listbox-inner .options,
  .page-list.grid-view .listbox .listbox-inner .sentence {
    display: none;
  }
  .sticky-header .search-option-wrap .search-option-inner .option-input-wrapper {
    display: none;
  }
  .navbar-static-side .top-bar .group-indicator:nth-child(5),
  .navbar-static-side .top-bar .group-indicator:nth-child(6),
  .navbar-static-side .top-bar .group-indicator:nth-child(7) {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .col3 .col-item {
    padding: 0 10px 0 0;
    width: 34vw;
  }
  .col3 .col-item:first-child {
    padding-left: 10px;
  }
  .col3 .col-item:last-child {
    padding-right: 10px;
  }
  .plan-name .big.fav:after {
    top: -24px;
    right: auto;
    left: 0px;
  }
}
@media screen and (max-width: 1000px) {
  .wizard-container .wizard-workspace .wizard-workspace-inner {
    padding: 20px;
  }
  .wizard-container .wizard-header-title .modal-inner-wizard-title {
    margin-top: 20px;
  }
  .wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr-wrap .frogue-qr {
    margin: 0 !important;
  }
  .wizard-container .wizard-three .frogue-sim-code .frogue-sim-qr-btn {
    margin-right: 0;
  }
  .wizard-container .wizard-three .frogue-sim-container {
    min-width: calc(50% - 10px);
    margin-left: 10px;
  }
}
@media screen and (max-width: 800px) {
  .btn-primary-w {
    padding: 0 28px;
  }
  .col3 {
    padding: 40px 0px 90px;
  }
  .col3 .signup-title {
    padding: 0 30px;
  }
  .col3 .signup-process {
    padding: 0 30px;
  }
  .test-panel {
    overflow-y: auto;
  }
  .align-left-wrap .sticky-header .sticky-header-row .title-name {
    padding: 0 30px !important;
  }
  .align-left-wrap .sticky-header .list-wrap .list-inner {
    padding: 8px 30px;
  }
  .align-left-wrap .float-btn .float-inner {
    padding: 20px 30px !important;
  }
  .setting-list li a {
    padding: 4px 20px !important;
  }
  .signup-process .signup-step div:nth-child(2):before {
    width: 70% !important;
  }
  .signup-process .signup-step div:nth-child(2):after {
    width: 70% !important;
  }
  .list-top-menu .top-filter .search-option {
    width: max-content;
  }
  .list-top-menu .top-filter .search-option .option-input-wrapper {
    width: 300px;
  }
  #frogue-container .frogue-chat {
    position: fixed !important;
    height: 100vh !important;
  }
  .slide .page-title {
    margin-top: 100px;
  }
  .slide .page-title .big {
    font-size: 24px;
    max-width: 90vw;
    margin: auto;
  }
  .slide .page-title .small {
    font-size: 16px;
    width: 100%;
    padding: 10px;
  }
  .plan-name .big {
    font-size: 18px;
  }
  .plan-name .big.fav:after {
    font-size: 8px;
  }
  .plan-name .small {
    display: none;
  }
  .plan-name .start-small {
    font-size: .6rem;
  }
  .more-detail {
    display: none;
  }
  .btn-more-detail {
    display: block;
  }
  .plan-summary {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eaeaea;
  }
  .plan-summary .plan-summary-inner {
    min-height: 190px;
  }
  .plan-summary > div {
    font-size: 0.75rem;
    padding-bottom: 6px;
  }
  .plan-summary > div:nth-child(3) {
    height: 40px;
  }
  .plan-summary button {
    font-size: .75rem;
  }
  .plan-summary .price {
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
  }
  .plan-summary .price .per-month {
    font-size: 14px;
    /*display:none;*/
  }
  .plan-summary .start-small {
    font-size: 0.5rem;
  }
  .plan-summary .select-plan {
    height: 80px;
  }
  .plan-detail {
    font-size: .75rem;
    min-height: 220px;
  }
  .plan-content .caption {
    margin: auto;
    text-align: center;
    width: 90vw;
  }
  .upgrade-popup .popup-summary {
    max-height: 40vh;
    overflow: auto;
  }
  #toast-container {
    width: calc(100% - 40px);
    left: 20px;
  }
  #toast-container .toast-title {
    font-size: 12px !important;
  }
  #toast-container .toast-message {
    font-size: 12px !important;
  }
  .signup-email .signup-title,
  .payment-info .signup-title,
  .signup-survey .signup-title {
    font-size: 16px;
  }
  .signup-email .agree-to-policy,
  .payment-info .agree-to-policy,
  .signup-survey .agree-to-policy {
    display: inline-block !important;
  }
  .body-small .navbar-static-side {
    left: 0;
    width: 100%;
  }
  .navbar-static-side .top-bar .tenant {
    margin-left: 0;
  }
  .navbar-static-side .top-bar .group {
    min-width: auto;
    margin-left: 0;
  }
  .navbar-static-side .top-bar .group .ui-pop {
    left: 10px !important;
  }
  .navbar-static-side .top-bar .group .group-inner span {
    margin-right: 10px;
  }
  .navbar-static-side .top-bar .authority {
    display: none;
  }
  .navbar-static-side .top-bar .group-indicator {
    display: none !important;
  }
  .navbar-static-side .top-bar .plan {
    display: none !important;
  }
  .navbar-static-side .top-banner {
    padding-left: 20px;
  }
  .title-area,
  .detail-title-area {
    border-left: 0;
    border-right: 0;
  }
  .title-area .title-area-inner,
  .detail-title-area .title-area-inner,
  .title-area .title-area-options,
  .detail-title-area .title-area-options {
    padding: 0px 30px !important;
  }
  .title-area .title-area-inner .title-detail,
  .detail-title-area .title-area-inner .title-detail,
  .title-area .title-area-options .title-detail,
  .detail-title-area .title-area-options .title-detail,
  .title-area .title-area-inner .title-to-list,
  .detail-title-area .title-area-inner .title-to-list,
  .title-area .title-area-options .title-to-list,
  .detail-title-area .title-area-options .title-to-list {
    font-size: 12px;
  }
  #wrapper ::-webkit-scrollbar,
  #modalScroll ::-webkit-scrollbar {
    width: 5px;
  }
  .wrapper,
  .dashboard-wrap {
    padding: 0px;
  }
  .wrapper .go-to-list,
  .dashboard-wrap .go-to-list {
    display: none;
  }
  .ibox-title {
    margin: 30px 0;
  }
  .ibox-title:first-child {
    margin-top: 0;
  }
  .ibox .ibox-content {
    padding: 30px 25px !important;
  }
  .align-left-wrap .tabs-wrap .tabs {
    padding: 0 30px !important;
  }
  .align-left-wrap .wrapper,
  .align-left-wrap .dashboard-wrap,
  .align-left-wrap .detail-wrapper {
    width: 100%;
    padding: 0 30px 100px !important;
  }
  .align-left-wrap .edu-dashboard {
    padding: 40px 30px !important;
  }
  .align-left-wrap .edu-dashboard .dashboard-inner section {
    padding: 0 0 40px;
  }
  .align-left-wrap .edu-dashboard .dashboard-inner section:last-child {
    padding-left: 0;
  }
  .align-left-wrap .full-width-wrap .wrapper {
    padding: 0 !important;
  }
  .wizard-container .wizard-workspace .wizard-workspace-inner {
    min-width: 100%;
  }
  .wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input {
    min-width: 100%;
  }
  .wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input input,
  .wizard-container .wizard-workspace .wizard-workspace-inner .wizard-input textarea {
    min-width: 100%;
  }
  .wizard-container .wizard-workspace .wizard-workspace-inner .select-items {
    height: 120px;
  }
  .upgrade-popup {
    width: 100% !important;
    padding: 20px;
    margin: auto;
  }
  #db-entire-scrollArea {
    width: 100%;
    padding: 0;
    margin-top: 0;
  }
  .landing-page .loginscreen.middle-box .bg-login .clear-float .btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .landing-page .loginscreen.middle-box .bg-login .row button.btn-primary-text {
    padding: 0;
    text-align: left;
  }
  #small-chat {
    right: 10px !important;
  }
  .frogue-opened {
    width: 100%;
  }
  .frogue-opened #page-wrapper {
    transition: 0s !important;
    overflow: hidden;
    z-index: 1000000;
  }
  #page-wrapper {
    height: 100% !important;
  }
  .dashboard {
    padding: 30px;
    margin: 0;
    margin-bottom: 30px;
    border-right: 0;
    border-left: 0;
    pointer-events: none;
    height: fit-content !important;
  }
  .dashboard .show-more {
    width: calc(100% - 60px);
  }
  .dashboard.module-table-ele {
    pointer-events: all;
  }
  .dashboard.module-table-ele .content {
    overflow: auto;
  }
  .dashboard.module-table-ele .module-table-content tbody tr td {
    font-size: 12px;
    padding: 5px;
  }
  .dashboard .content {
    display: block;
  }
  .dashboard .content .row.chart {
    display: block;
  }
  .dashboard .content .row.chart div {
    width: 100% !important;
  }
  .dashboard .content > div {
    width: 100%;
    margin-bottom: 60px;
  }
  .dashboard .content > div:last-child {
    margin-bottom: 0;
  }
  .dashboard .content > div div:nth-child(3) {
    position: absolute;
    right: 0;
    top: 106px;
  }
  .dashboard .content > div div:nth-child(3) span {
    font-size: 24px !important;
  }
  .dashboard .content > div .module-ele-title + div {
    position: absolute;
    right: 0;
    top: 40px;
  }
  .dashboard .content > div .module-ele-title + div span {
    font-size: 24px !important;
  }
  .bot-list.mobile .bot-is-idle span {
    width: fit-content;
    margin: auto;
    white-space: nowrap;
  }
  .bot-list.mobile img.img-circle {
    margin: 20px 60px;
  }
  .chatbot-sample-wrap {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .chatbot-sample-wrap .wrapper-content {
    padding: 0 !important;
    width: 100%;
    height: 100%;
  }
  .chatbot-sample-wrap .wrapper-content .chatbot-list-area {
    padding: 0 30px;
  }
  .chatbot-sample-wrap .wrapper-content .chatbot-list-area .chatbot-list-item-ella:last-child {
    min-height: 502px;
  }
  .chatbot-sample-wrap .no-sample-list {
    display: none;
  }
  .chatbot-sample-wrap .no-sample-mobile {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    height: fit-content !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
  }
  .dropdown-menu {
    left: initial;
    right: 0;
  }
  .chatflow-wrapper .area-right {
    right: 10px !important;
    margin-right: initial !important;
  }
  .chatflow-wrapper .nodepop .chatflow-node-title {
    padding-top: 20px;
  }
  .chatflow-wrapper .nodepop .chatflow-node-body {
    height: calc(100vh - 186px);
    margin-top: 120px;
  }
  .chatflow-wrapper .nodepop .chatflow-node-body.chatflow-jump-node-body,
  .chatflow-wrapper .nodepop .chatflow-node-body.chatflow-function-node-body {
    height: calc(100vh - 316px);
  }
  .chatflow-wrapper .nodepop .chatflow-node-wrapper.split-node-wrapper .chatflow-node-body {
    height: calc(100vh - 260px);
    margin-top: 122px;
  }
  .chatflow-wrapper .nodepop .chatflow-node-wrapper.split-node-wrapper .chatflow-node-body .node-notice {
    bottom: 82px;
  }
  .chatflow-wrapper .nodepop .chatflow-node-wrapper#popupKnowledgeNodePanel .chatflow-node-body {
    margin-top: 120px;
  }
  .footer {
    z-index: 99999;
  }
  .float-btn {
    bottom: 22px !important;
  }
  .modal-dialog {
    width: 88%;
  }
}
@media screen and (max-width: 744px) {
  .wizard-container .wizard-workspace-inner {
    min-width: 100% !important;
  }
  .wizard-container .wizard-workspace-inner .wizard-header-title {
    width: 100%;
  }
  .wizard-container .wizard-workspace-inner .wizard-three.mo_wizard-three {
    display: block !important;
    width: 100%;
  }
  .wizard-container .wizard-workspace-inner .wizard-three.mo_wizard-three > div {
    width: 100% !important;
  }
  .wizard-container .wizard-workspace-inner .wizard-three.mo_wizard-three > div.frogue-sim-container {
    margin-top: 40px;
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .modal-body.ng-scope {
    padding: 0;
  }
  .modal-body {
    padding-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .signup-process .signup-step {
    padding: 5% 4%;
  }
  .signup-process .signup-step div:nth-child(2):before {
    right: 65%;
  }
  .signup-process .signup-step div:nth-child(2):after {
    left: 65%;
  }
  .signup-process {
    padding: 0 20px;
  }
  .signup-email,
  .phone-certification,
  .payment-info,
  .signup-survey {
    padding: 0 20px;
  }
  .signup-email .signup-content,
  .phone-certification .signup-content,
  .payment-info .signup-content,
  .signup-survey .signup-content {
    padding: 5% 4%;
  }
  .plan-name .big {
    font-size: 16px;
  }
  .plan-summary .plan-summary-inner {
    min-height: 210px;
  }
  .plan-summary .plan-summary-inner > div,
  .plan-detail div {
    font-size: 0.65rem;
  }
  .plan-summary button {
    height: 30px;
  }
  .col3 {
    padding: 30% 0 20%;
  }
  .modal-content {
    margin: 0 10px;
  }
  .payment-info .signup-content {
    padding: 0;
  }
  .payment-info .signup-content > .module-single-ele {
    padding: 5% 4% !important;
  }
  .navbar-static-side .top-bar .tenant div p {
    max-width: 220px;
  }
}
@media screen and (max-width: 500px) {
  .pc {
    display: none;
  }
  .mo {
    display: block;
  }
  .col6-mo {
    width: 200%;
  }
  .scroll-width .col-item {
    background: #fff !important;
  }
  .scroll-width.price-select {
    height: 1602px;
  }
  .scroll-width .slide {
    overflow: inherit;
    height: auto !important;
  }
  .scroll-width .slide .col3 {
    width: 100%;
    padding: 16px 16px 80px;
  }
  .scroll-width .slide .col3 .col3-inner {
    display: block;
    align-items: inherit;
  }
  .scroll-width .slide .col-item {
    width: 100%;
    border: 1px solid #eee;
    padding: 7% 5% 5% !important;
    text-align: center !important;
    margin-bottom: 16px;
  }
  .scroll-width .slide .col-item:last-child {
    margin-bottom: 0;
  }
  .scroll-width .slide .col-item:first-child .plan-summary-inner > div:first-child {
    font-size: 12px;
    font-weight: 400 !important;
  }
  .scroll-width .slide .col-item .plan-name .big {
    font-size: 24px;
  }
  .scroll-width .slide .col-item .plan-name .big.fav:after {
    left: auto;
    top: -5px;
    margin-left: 5px;
  }
  .scroll-width .slide .col-item .plan-summary {
    border-top: transparent;
    margin-top: 20px;
  }
  .scroll-width .slide .col-item .plan-summary .plan-summary-inner {
    min-height: 100%;
    padding-bottom: 50px;
  }
  .scroll-width .slide .col-item .plan-summary .plan-summary-inner:first-child {
    padding-bottom: 70px;
  }
  .scroll-width .slide .col-item .plan-summary .plan-summary-inner > div {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .scroll-width .slide .col-item .plan-summary .price {
    font-size: 24px;
    font-weight: 500;
  }
  .scroll-width .slide .col-item .plan-summary .price .per-month {
    font-size: 16px;
  }
  .scroll-width .slide .col-item .plan-summary .start-plan button {
    height: 45px;
    font-size: 0.9rem;
  }
  .scroll-width .slide .col-item .sm-txt {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .scroll-width .slide .btn-more-detail {
    bottom: 30px;
    width: 130px;
  }
  .navbar-static-side .top-banner .btn-i-wrap {
    display: none;
  }
  .navbar-static-side .top-banner .btn-i-wrap.right {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .navbar-static-side .top-bar .tenant div p {
    max-width: 160px;
    font-size: 20px;
  }
  .navbar-static-side .top-bar .tenant .button {
    margin-left: 0;
  }
}
@media screen and (max-width: 360px) {
  .signup-process .signup-step div span {
    font-size: 12px;
  }
  .signup-process .signup-step div:nth-child(2):before {
    width: 80% !important;
    right: 65%;
    top: 7px;
  }
  .signup-process .signup-step div:nth-child(2):after {
    width: 80% !important;
    left: 65%;
    top: 7px;
  }
  .input-within input {
    font-size: 0.9rem !important;
  }
  .col3 .col-item {
    padding: 0 5px 0 0;
  }
  .col3 .col-item:first-child {
    padding: 0 5px;
  }
  .col3 .col-item:last-child {
    padding: 0 5px;
  }
  .plan-summary .plan-summary-inner {
    min-height: 240px;
  }
}
.price-select {
  position: relative;
  height: 740px;
  overflow: hidden;
  margin-bottom: 0;
}
.payment-info.pay-unpaid {
  margin-top: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.payment-info.pay-unpaid table {
  border-bottom: 1px solid #ddd;
}
.payment-info.pay-unpaid table td {
  padding: 16px 0;
}
.signup-survey {
  padding: 0 !important;
  background: transparent;
}
.signup-survey .module-single-ele {
  background: #fff;
  margin-top: 0;
}
.signup-survey .module-single-ele input {
  padding: 8px;
  width: 80%;
  margin-left: 7%;
  font-size: 0.9rem;
  border: 1px solid #e0e0e0;
}
.signup-survey .module-single-ele input::placeholder {
  font-style: normal;
}
.signup-survey .check-style input + label:before {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
/*.alert {margin: 30px 0 0;}*/
.upgrade-popup .popup-title p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 50px;
}
.table-card_info {
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
}
.table-card_info tr th,
.table-card_info tr td {
  width: 33.33%;
  text-align: center;
  padding: 10px 0;
}
.table-card_info tr th {
  border-bottom: 1px solid #eee;
}
.table-card_info tr td {
  font-weight: normal;
}
.card-info .popup-emoji {
  display: none;
}
.card-info .popup-title img {
  margin-bottom: 6px;
}
.card-info .btn {
  width: 100%;
  padding: 15px 0;
  font-size: 14px;
  border-radius: 2px;
  font-weight: 700;
}
.card-info .btn.btn-primary-text {
  border: solid 1px #e0e0e0;
  color: rgba(0, 0, 0, 0.87) !important;
}
.card-info.paygrade-pop {
  width: 560px;
  padding: 30px;
}
.card-info.paygrade-pop .popup-summary {
  text-align: left;
}
.card-info.paygrade-pop .popup-summary ul {
  padding: 0;
  margin: 30px 0 0;
}
.card-info.paygrade-pop .popup-summary ul li {
  position: relative;
  list-style: none;
  font-size: 14px;
  padding: 3px 0 3px 10px;
}
.card-info.paygrade-pop .popup-summary ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}
.card-info.paygrade-pop .popup-summary .reference_box {
  background: #f1f1f1;
  padding: 10px;
  margin-top: 30px;
}
.card-info.paygrade-pop .popup-summary .reference_box p {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 6px;
}
.card-info.paygrade-pop .popup-summary .reference_box ul {
  margin: 0;
}
/*대화 흐름 삭제 위치 변경 스타일*/
.chatflow .area-right {
  transition: inherit;
  position: relative;
}
.chatflow .chatflow-btnD {
  right: 190px;
}
.chatflow-tree .is-open {
  margin-right: 0;
  position: absolute;
  right: 220px;
}
@media screen and (max-width: 1920px) {
  .chatflow-tree .area-right {
    position: absolute;
    right: 220px;
  }
}
@media screen and (max-width: 2150px) {
  .chatflow-tree .chatflow-btnD {
    position: absolute;
    right: 220px;
  }
}
/*대화 흐름 액션 스크립트 조건 변경*/
.chatflow-node-title.actionscriptOn,
.node_float-btn.actionscriptOn {
  z-index: 0;
}
.chatflow-node-body.actionscriptOn {
  overflow: hidden;
}
/*대화 흐름 sloat노드 경고 메세지 스타일*/
.panel-warning-txt {
  padding: 20px 25px 30px !important;
}
.bot-list-title {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
}
.group-list-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
}
/*대화 흐름 이력 - 테이블 수정*/
@media screen and (max-width: 1920px) {
  .nlu-top-btn {
    padding: 8px 20px;
  }
}
.chatflow-log_table .module-table-ele .module-table-content tbody tr td:first-child {
  max-width: 540px;
}
/*API 노드 파라미터 목록 추가*/
.param-list-btn {
  display: inline-block;
  font-size: 14px;
  color: #FFAD36;
  margin: 0 30px 10px;
  border: 0;
  background: transparent;
}
.param-list-btn svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
/*지식라이브러리 style*/
.knowledge-content .module-ele-title {
  font-size: 20px;
  font-weight: 600;
}
.knowledge-content .module-ele-title .switch-wrap {
  display: inline-block;
  margin-left: 10px;
}
.knowledge-content .module-ele-title .switch-wrap .switch-state {
  padding-left: 0;
}
.knowledge-content .module-flex-wrap .option-module {
  height: 40px;
  font-size: 14px;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner {
  float: left;
  width: 304px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner .tag {
  margin-top: 6px;
  margin-left: 16px;
  width: 56px;
  padding: 4px 0;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner .tag span {
  color: rgba(0, 0, 0, 0.6);
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner .popup-now {
  height: 38px;
  padding: 11px 36px 11px 88px !important;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner .popup-now span {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner .popup-now:after {
  content: "변경";
  position: relative;
  top: -18px;
  right: -180px;
  color: #ffae37;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner:last-child {
  float: right;
}
.knowledge-content .module-flex-wrap .option-module .option-module-inner.file-up-down-wrap {
  border: 0;
  border-radius: 0;
}
.knowledge-content .module-flex-wrap .option-module .file-down-btn {
  margin-left: 8px;
  padding: 0 24px;
  vertical-align: top;
  border-radius: 2px;
  height: 40px;
}
.knowledge-content .module-flex-wrap .option-module .file-down-btn svg {
  vertical-align: middle;
  fill: #ffa633;
}
.knowledge-content .module-flex-wrap .option-module .file-down-btn.down {
  opacity: 0.32;
}
.group-knowledge-detail .btn-secondary-line {
  margin-left: 0;
  display: inline-block;
}
.group-knowledge-detail .round-label-hal-type {
  height: inherit;
  line-height: inherit;
  padding: 8px 35px;
  display: inline-block;
}
.group-knowledge-detail .ibox-content {
  padding: 0 !important;
}
.group-knowledge-detail .ibox-content textarea {
  max-width: 100%;
  height: 88px;
}
.group-knowledge-detail .knowledge_face .ibox-content {
  padding: 40px !important;
}
.group-knowledge-detail .knowledge_face .ibox-content .input-wrapper {
  width: 100%;
}
.group-knowledge-detail .knowledge_face .ibox-content input,
.group-knowledge-detail .knowledge_face .ibox-content textarea {
  cursor: auto;
  width: 100% !important;
  border: 1px solid rgba(109, 93, 65, 0.21);
  padding: 10px 12px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row {
  background: rgba(0, 0, 0, 0.05);
  padding: 20px 10px;
  margin: 0;
  overflow: auto;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row.dimmed {
  position: relative;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row.dimmed:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row.dimmed:after {
  content: "학습된 이미지가 없습니다.";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 22px;
  z-index: 4;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-4,
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-8 {
  padding-right: 10px;
  padding-left: 10px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-4 h3 {
  font-size: 20px;
  margin-top: 0;
  color: #b9b9b9;
}
@media screen and (max-width: 1600px) {
  .group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-4 {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 1200px) {
  .group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-4 {
    width: 100%;
    margin-bottom: 20px;
  }
  .group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .col-lg-4:last-child {
    margin-bottom: 0;
  }
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner {
  padding: 10px;
  background: #fff;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.shot {
  overflow: auto;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.shot > div {
  width: calc(50% - 4px);
  float: left;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.shot > div.photo-choice {
  margin-right: 8px;
  margin-top: 10px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.shot > div.photo-wrap .photo-inner {
  height: 278px;
  max-height: fit-content;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.shot > div.photo-wrap .photo-inner .photo-item {
  width: 81px;
  height: 81px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice {
  width: 100%;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice p {
  border: 1px solid rgba(109, 93, 65, 0.21);
  padding: 10px;
  margin: 0;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice p span.choice-close {
  display: block;
  cursor: pointer;
  float: right;
  width: 16px;
  height: 16px;
  background: url(../img/common/cross.png) no-repeat center;
  background-size: contain;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice .photo-shot {
  height: 200px;
  background: #000;
  text-align: center;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice .photo-shot img {
  width: fit-content;
  height: 100%;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice button {
  margin-top: 10px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-choice small {
  display: block;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap {
  border: 1px solid rgba(109, 93, 65, 0.21);
  margin-top: 10px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap p {
  margin: 0;
  border-bottom: 1px solid rgba(109, 93, 65, 0.21);
  padding: 10px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap p b {
  font-size: 20px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner {
  height: 234px;
  overflow-y: auto;
  padding: 10px 5px;
  margin: 0;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner.photo-none {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner.photo-none:after {
  content: "이미지가 없습니다.";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #000;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner .photo-item {
  position: relative;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(109, 93, 65, 0.21);
  padding: 0;
  margin: 2px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner .photo-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner .photo-item .close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  z-index: 1;
  opacity: 1;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner .photo-wrap .photo-inner .photo-item .close:after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/dds/cancel.png) no-repeat center;
  background-size: 90%;
  border-radius: 50%;
  background-color: #fff;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result {
  height: 304px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 {
  overflow: auto;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7.class1 {
  color: #6a67d6;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7.class2 {
  color: #bae217;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7.class3 {
  color: #49b5e8;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 h3 {
  font-size: 20px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-9 {
  height: 30px;
  border-radius: 8px;
  background: #f1f1f1;
  padding: 0;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-9 .progs {
  width: 0;
  height: 30px;
  border-radius: 8px;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-9 .progs#progs1 {
  background-color: #6a67d6;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-9 .progs#progs2 {
  background-color: #bae217;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-9 .progs#progs3 {
  background-color: #49b5e8;
}
.group-knowledge-detail .knowledge_face .knowledge-photoLearning .module-single-ele .row .photoLearning-inner.photo-result .col-lg-7 .col-md-3 {
  font-weight: bold;
  margin-top: 6px;
}
.group-knowledge-detail .knowledge_face .module-table-ele {
  max-width: 100%;
  clear: both;
}
.group-knowledge-detail .knowledge_face .module-table-ele table {
  background: #fff;
}
.group-knowledge-detail .knowledge_face .module-table-ele table img {
  width: 100px;
  height: 100px;
}
.group-knowledge-detail .knowledge_face .module-table-ele table canvas {
  width: 100px;
  height: 100px;
}
.face-pop .face-pop-cont .pop-head {
  color: #584c35;
  font-size: 1.35rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
}
.face-pop .face-pop-cont .pop-body {
  padding: 20px 0;
}
.face-pop .face-pop-cont .pop-body .img-wrap {
  position: relative;
  width: 100%;
  height: 240px;
  background: #ddd;
  text-align: center;
  margin-bottom: 10px;
}
.face-pop .face-pop-cont .pop-body .img-wrap img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: inherit;
  height: 100%;
  object-fit: contain;
}
.face-pop .face-pop-cont .pop-body .img-wrap video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.face-pop .face-pop-cont .pop-body .img-wrap #face-capture-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.face-pop .face-pop-cont .pop-body .img-wrap button {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  z-index: 1;
}
.face-pop .face-pop-cont .pop-body .img-wrap button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ffa41f;
  z-index: -1;
  border-radius: 4px;
  transition: all 0.1s;
}
.face-pop .face-pop-cont .pop-body .img-wrap button:active:before {
  width: 100%;
}
.face-pop .face-pop-cont .pop-body .img-wrap:before {
  content: "얼굴을 등록해주세요.";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.face-pop .face-pop-cont .pop-body .old-btn-primary {
  padding: 4px 20px;
}
.face-pop .face-pop-cont .pop-body input,
.face-pop .face-pop-cont .pop-body textarea {
  width: 100%;
  font-size: 14px;
  border: 1px solid #ddd;
}
.face-pop .face-pop-cont .pop-body .file-wrap {
  display: flex;
  margin-top: 4px;
}
.face-pop .face-pop-cont .pop-body table {
  margin-bottom: 0;
}
.face-pop .face-pop-cont .pop-body table.table > tbody > tr > td,
.face-pop .face-pop-cont .pop-body table.table > tbody > tr > th,
.face-pop .face-pop-cont .pop-body table.table > tfoot > tr > td,
.face-pop .face-pop-cont .pop-body table.table > tfoot > tr > th,
.face-pop .face-pop-cont .pop-body table.table > thead > tr > td,
.face-pop .face-pop-cont .pop-body table.table > thead > tr > th {
  border-top: 0;
}
.face-pop .face-pop-cont .pop-body table th {
  background: #fff;
}
.face-pop .face-pop-cont .pop-footer {
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.face-pop .face-pop-cont .pop-footer button {
  width: 120px;
  text-align: center;
  margin-left: 6px;
}
.icon-question-line {
  position: relative;
  top: 2px;
  background: url(../img/common/icon-help.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
}
.icon-question-line.sm {
  width: 16px;
  height: 16px;
}
.icon-question-line.md {
  top: 6px;
  width: 24px;
  height: 24px;
}
.file-up-down-wrap {
  position: relative;
  height: 40px;
}
.file-up-down-wrap button {
  margin-left: 8px;
  padding: 0 24px;
  vertical-align: top;
  border-radius: 2px;
  height: 40px;
}
.file-up-down-wrap button svg {
  vertical-align: middle;
}
.file-up-down-wrap button.btn-secondary-line {
  height: 40px;
}
.file-up-down-wrap button.btn-secondary-line svg {
  fill: #ffa633;
}
.file-up-down-wrap button.btn-secondary-line.down {
  opacity: 0.32;
}
.file-up-down-wrap .right {
  position: absolute;
  top: 0;
  right: 0;
}
.file-up-down-wrap .right span {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.38);
}
/*캐로셀 메시지 스타일*/
.icon-question-line {
  background: url(../img/common/icon-help.svg) no-repeat;
  background-size: contain;
  margin-left: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.speak-type .module-ele-title .inline {
  margin-left: 10px;
}
.speak-type .module-ele-title .btn-secondary-line {
  margin-left: 10px;
  padding: 4px 15px;
}
.speak-type .module-upload-photo {
  display: flex;
}
.speak-type .module-upload-photo .photo {
  position: relative;
  width: 33.33%;
  background: #f0f0f0;
  color: #b0b0b0;
  height: 200px;
  line-height: 200px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #c0c0c0;
}
.speak-type .module-upload-photo .photo div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e0e0e0;
}
.speak-type .module-upload-photo .photo div img {
  display: block;
  margin: auto;
  width: auto;
  height: 100%;
  min-height: inherit;
  min-width: inherit;
}
.speak-type .module-upload-photo .upload {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 33.33% - 6px);
}
.speak-type .module-upload-photo .upload input {
  width: 100%;
  height: 34px;
  border: 1px solid #c0c0c0;
}
.speak-type .module-upload-photo .upload input::placeholder {
  font-size: 14px;
}
.speak-type .module-upload-photo .upload div {
  display: flex;
  margin-bottom: 6px;
}
.speak-type .module-upload-photo .upload div button {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.speak-type .module-message {
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
}
.speak-type .module-message .inner {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  padding: 10px 10px 0 10px;
}
.speak-type .module-message .inner:last-child {
  padding-bottom: 10px;
}
.speak-type .module-message .inner textarea {
  display: block;
  width: 100%;
  max-width: initial;
  min-height: 88px;
  color: initial;
  background: #fff;
  border: 0;
  margin-top: 6px;
}
.speak-type .module-message .inner textarea::placeholder {
  color: #b0b0b0;
}
.speak-type .module-message .inner .delete-btn {
  position: relative;
  top: 6px;
  left: 2px;
  right: initial;
  display: inline-block;
  margin: 0;
}
.speak-type .module-card-content:after {
  content: '';
  display: block;
  clear: both;
}
.speak-type .module-card-content .module-card-item {
  position: relative;
  float: left;
  width: 33.33%;
  height: 212px;
  border: 1px solid #c0c0c0;
  border-right: 0;
  margin: 0;
  padding: 10px;
}
.speak-type .module-card-content .module-card-item:nth-child(3n),
.speak-type .module-card-content .module-card-item:last-child {
  border-right: 1px solid #c0c0c0;
}
.speak-type .module-card-content .module-card-item:nth-child(n + 4) {
  border-top: 0;
}
.speak-type .module-card-content .module-card-item .input-wrapper.disabled {
  cursor: not-allowed;
  background: #c0c0c0;
}
.speak-type .module-card-content .module-card-item .input-wrapper.disabled input {
  cursor: not-allowed;
}
.speak-type .module-card-content .module-card-item .input-wrapper input {
  height: 34px;
}
.speak-type .module-card-content .module-card-item .module-card-item-content select {
  height: 34px;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .callflow-select {
  width: 100%;
  display: block;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .callflow-select button {
  height: 36px;
  border-top: 0;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .callflow-select button:hover {
  border-color: #c5c5c5 !important;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .callflow-select #selectCollectors {
  width: 100%;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .button-order {
  display: inline-block;
  float: right;
  margin-top: 6px;
}
.speak-type .module-card-content .module-card-item .module-card-item-content .button-order .button {
  border-radius: 0;
  padding: 2px 8px;
}
.carousel-type .text-box {
  font-size: 14px;
}
.carousel-type .text-box .top {
  position: relative;
}
.carousel-type .text-box .top .button {
  padding: 0 24px;
  height: 40px;
  margin-left: 8px;
  border-radius: 0;
}
.carousel-type .text-box .top .left input {
  width: 144px;
  padding: 0 20px;
  border: 1px solid #e0e0e0;
  height: 40px;
}
.carousel-type .text-box .top .left .button.down {
  opacity: 0.32;
}
.carousel-type .text-box .top .left .button.down svg {
  fill: #ffa633;
  vertical-align: middle;
}
.carousel-type .text-box .top .left .button.down:hover {
  background-color: transparent;
  cursor: default;
}
.carousel-type .text-box .top .left .button.down.active {
  opacity: 1;
}
.carousel-type .text-box .top .left .button.down.active:hover {
  cursor: pointer;
  background-color: rgba(255, 173, 54, 0.2);
}
.carousel-type .text-box .top .right {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.carousel-type .text-box .top .right .button.up svg {
  fill: #fff;
  vertical-align: middle;
}
.carousel-type .text-box > textarea {
  width: 100%;
  height: 114px;
  margin-top: 8px;
  padding: 16px;
  border: 1px solid #e0e0e0;
}
.carousel-type .text-box .db-btn-action {
  display: flex;
  align-items: center;
}
.carousel-type .text-box .db-btn-action .db-btn-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-right: 5px;
}
.carousel-type .text-box .db-btn-action .db-btn-title img {
  margin-right: 3px;
}
.carousel-type .text-box .db-btn-action .switch {
  width: fit-content;
  height: 27px;
}
.carousel-type .text-box .db-btn-action .switch .slider {
  width: 54px;
  height: 27px;
}
.carousel-type .text-box .db-btn-action .switch .slider:before {
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 3px;
}
.carousel-type .module-scroll-ele {
  margin-top: 30px;
  position: relative;
}
.carousel-type .module-scroll-ele .module-ele-title {
  font-size: 14px;
}
.carousel-type .module-scroll-ele .module-ele-title .btn-primary-text {
  font-weight: 500;
}
.carousel-type .module-scroll-ele .module-scroll-wrap {
  overflow-x: auto;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner {
  display: flex;
  width: fit-content;
  padding: 0 40px 40px;
  white-space: nowrap;
  max-width: unset;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item {
  border: 1px solid #c0c0c0;
  border-radius: 15px;
  display: inline-flex;
  width: 400px;
  position: relative;
  flex: 1 0 auto;
  background: #eaeaea;
  margin-top: 0;
  margin-right: 24px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap {
  width: 100%;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body {
  padding: 0;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body input {
  width: 100%;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor {
  position: relative;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy {
  text-align: center;
  color: #b0b0b0;
  background: #eaeaea;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy h2 {
  font-size: 18px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy h2 small {
  color: inherit;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container {
  display: flex;
  padding: 5px 5px 20px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload {
  width: 100%;
  color: #9f9f9f;
  cursor: pointer;
  padding: 10px 10px 20px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload .uploader-img-container {
  background: url(../img/chatflow/withImg.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 40px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload:hover .uploader-img-container {
  background-image: url(../img/chatflow/withImgy.png);
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-upload:hover span {
  color: #f8ac59;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .add-image-split {
  width: 10%;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .add-image-split .split-line {
  display: block;
  width: 1px;
  height: 40%;
  margin: auto;
  background-color: #ccc;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url {
  width: 100%;
  color: #9f9f9f;
  cursor: pointer;
  padding: 10px 10px 20px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url .uploader-img-container {
  background: url(../img/chatflow/withUrl.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 40px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url:hover .uploader-img-container {
  background-image: url(../img/chatflow/withUrly.png);
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-image-dummy .db-image-add-container .db-image-url:hover span {
  color: #f8ac59;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-upload-url {
  position: relative;
  background-color: #c0c0c0;
  overflow: hidden;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-upload-url .db-image-editor-img {
  height: 170px;
  text-align: center;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .db-upload-url .db-image-editor-img i {
  color: #ddd;
  font-size: 24px;
  margin-top: 68px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .delete-btn {
  opacity: 0.6;
  margin-top: 10px;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .db-image-editor .delete-btn:hover {
  opacity: 1;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .node-btn-wrapper .db-btns-editor {
  margin: 10px 20px;
  clear: both;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .node-btn-wrapper .db-btns-editor .row {
  margin-right: 0;
}
.carousel-type .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .carousel-wrap .panel-body .node-btn-wrapper .btn-primary-line {
  width: calc(100% - 40px);
  margin: 20px;
}
.carousel-type .module-scroll-ele .scroll-nav {
  position: absolute;
  width: 44px;
  height: 48px;
  z-index: 11;
  top: 49%;
  border-radius: 4px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.34;
  cursor: pointer;
}
.carousel-type .module-scroll-ele .scroll-nav.scroll-nav-left {
  filter: invert(1);
  left: 10px;
  background-image: url(../img/chatflow/carousel_left.svg);
}
.carousel-type .module-scroll-ele .scroll-nav.scroll-nav-right {
  filter: invert(1);
  right: 10px;
  background-image: url(../img/chatflow/carousel_right.svg);
}
.carousel-type .db-speak-btn {
  margin-top: 3px;
  position: relative;
  margin-bottom: 12px;
}
.carousel-type .db-speak-btn .db-speak-btn-header {
  width: 100%;
  position: relative;
}
.carousel-type .db-speak-btn .db-speak-btn-header.row {
  margin-right: 0;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-input-sort {
  position: absolute;
  width: 20px;
  top: 0;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-input-sort .db-mouse-over {
  display: block;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-speak-btn-name {
  width: 88%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 1px;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-speak-btn-name input {
  border-radius: 6px;
  background-color: rgba(255, 173, 54, 0.2);
  border: 1px solid #FFAD36;
  padding: 16px;
  color: #FFAD36;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail {
  width: 88%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-type {
  width: 100%;
  height: 35px;
  font-size: 0.75rem;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-type select {
  width: 100%;
  height: 100%;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content {
  border-bottom: 1px solid #eaeaea;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-speak-btn-content input {
  height: 35px;
  font-size: 0.75rem;
  padding: 5px;
  border: 0;
  width: 100%;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-btn-action {
  display: flex;
  align-items: center;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-btn-action input {
  width: 0 !important;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-detail .db-btn-action .db-btn-title {
  display: flex;
  align-items: center;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-del {
  width: 8%;
  position: absolute;
  height: 32px;
  right: -8px;
  top: 0;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-del .delete-btn {
  right: 0px;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-del .db-input-sort {
  width: 18px;
  position: absolute;
  right: 0;
}
.carousel-type .db-speak-btn .db-speak-btn-header .db-btn-del .db-input-sort span {
  display: block;
  height: 14px;
}
.carousel-type .quick-reply-wrap .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner {
  padding: 0 30px 30px;
}
.carousel-type .quick-reply-wrap .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item {
  width: 260px;
  border: 0;
  border-radius: 0;
  background: transparent;
  margin-right: 30px;
}
.carousel-type .quick-reply-wrap .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .row {
  width: 100%;
  margin: 0;
}
.carousel-type .quick-reply-wrap .module-scroll-ele .module-scroll-wrap .module-scroll-ele-inner .module-scroll-item .row .quick-reply-buttons .db-speak-btn {
  margin: 0;
}
.carousel-type .quick-reply-wrap .quick-reply-list {
  position: absolute;
  top: 62px;
  right: 0;
}
.carousel-type .more-btn {
  width: 100%;
  height: 40px;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  text-align: center;
  margin-top: 30px;
}
.carousel-type .more-btn:after {
  background: url(../img/common/dropdown.png);
  display: inline-block;
  width: 16px;
}
/*popup-584*/
.pop-584 .modal-lg {
  width: 584px;
}
.pop-584 .modal-body {
  max-height: calc(100vh - 480px);
  padding: 20px 0 0;
}
.pop-584 .modal-body .common-popup {
  border-radius: 5px;
}
.pop-584 .modal-body .common-popup .pop-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
}
.pop-584 .modal-body .common-popup .pop-close:hover {
  cursor: pointer;
}
.pop-584 .modal-body .common-popup .plan-content {
  height: auto;
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills {
  text-align: center;
  width: 320px;
  margin: 0 auto;
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills li {
  margin-left: 0;
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills li.active > a {
  background-color: transparent;
  color: #ffa633;
  border-bottom: 1px solid #ffa633;
  font-weight: 500;
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills li.active > a sup {
  color: #ffa633;
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills li a {
  padding: 14px 0;
  width: 160px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
}
.pop-584 .modal-body .common-popup .plan-content .nav-pills li a sup {
  color: rgba(0, 0, 0, 0.38);
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane {
  display: block;
  border: 0;
  padding: 20px 32px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane h3 {
  font-size: 20px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane p {
  font-size: 14px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane img {
  display: block;
  margin: 24px auto 32px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane small {
  display: block;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 32px;
  color: rgba(0, 0, 0, 0.38);
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane h4 {
  font-size: 14px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .img-hover img {
  width: 100%;
  margin: 24px auto 0;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .img-hover:hover:after {
  content: "";
  position: fixed;
  top: 50%;
  left: -50%;
  display: block;
  background-image: url(../img/chatbot/img_sheet.png);
  background-repeat: no-repeat;
  width: 1256px;
  height: 48px;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.24);
  transform: translate3d(0, -50%, 0);
  z-index: 10;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table {
  font-size: 14px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table.table-striped {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table.table-striped th {
  background: #e5e6e7;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table th,
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table td {
  padding: 12px 20px;
  text-align: left;
  line-height: 17px;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane .table td span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane.temple .table span {
  font-weight: 700;
  color: #b00200;
}
.pop-584 .modal-body .common-popup .plan-content .tab-content .tab-pane.temple .table td span {
  text-decoration: underline;
}
.pop-584 .modal-body .common-popup.tree-pop .img-hover:hover:after {
  content: "";
  position: fixed;
  top: 50%;
  left: -50%;
  display: block;
  background-image: url(../img/chatflow/pop-tree03.png) !important;
  width: 1008px !important;
  height: 624px !important;
  background-repeat: no-repeat;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.24);
  transform: translate3d(0, -50%, 0);
}
@media screen and (max-height: 1200px) {
  .pop-584 .modal-body {
    max-height: calc(100vh - 220px);
  }
}
/*챗봇 추론 설정 - 지식 라이브러리*/
.dropdown-wrap {
  display: flex;
  margin-top: 14px;
}
.dropdown-wrap .dropdown-inner {
  position: relative;
  width: 96px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid #cccccc;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.dropdown-wrap .dropdown-inner .dropdown-header {
  height: 38px;
  padding: 12px 0 11px 16px;
}
.dropdown-wrap .dropdown-inner .dropdown-header:after {
  content: "";
  background: url(../img/common/icon-arrowdown.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  right: 6px;
}
.dropdown-wrap .dropdown-inner .dropdown-body {
  padding: 15px 0;
  position: absolute;
  bottom: 0;
  top: 38px;
  width: 100%;
  height: fit-content;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  border: 1px solid #cccccc;
  z-index: 1;
}
.dropdown-wrap .dropdown-inner .dropdown-body.show {
  display: block;
}
.dropdown-wrap .dropdown-inner .dropdown-body div {
  padding: 4px 16px;
  background: #ffffff;
}
.dropdown-wrap .dropdown-inner .dropdown-body div:hover {
  cursor: pointer;
  background: rgba(255, 173, 54, 0.2);
}
.dropdown-wrap .module-flex-wrap .option-module {
  height: 40px;
  width: auto;
}
.dropdown-wrap .module-flex-wrap .option-module .option-module-inner {
  width: auto;
  background-color: transparent;
  border-radius: 0;
  border: 0;
}
.dropdown-wrap .module-flex-wrap .option-module .option-module-inner .popup-now {
  min-width: 264px;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 12px 20px 11px 16px;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
}
.dropdown-wrap .module-flex-wrap .option-module .option-module-inner .option-list {
  min-width: 264px;
  background: #fff;
  border-top: 0;
  width: fit-content;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
}
.dropdown-wrap .module-flex-wrap .option-module .option-module-inner .option-list.show {
  border-bottom: 1px solid #ccc;
}
.dropdown-wrap .module-flex-wrap .option-module .option-module-inner .option-list .option-list-title {
  margin-top: 0;
}
/* handsontable input select cell selection zIndex down */
.ht_master .wtHolder .wtHider .wtSpreader .htBorders div:first-child {
  z-index: 1;
}
/*tree - 대화 흐름 detail */
.tree-detail .float-btn .btn-primary {
  position: relative;
  padding: 0;
}
.tree-detail .float-btn .btn-primary .btn-primary-text {
  height: 40px;
  color: #fff !important;
}
.tree-detail .float-btn .btn-primary .dropdown {
  position: absolute;
  right: 0;
}
.tree-detail .float-btn .btn-primary .dropdown .btn-primary-more {
  height: 40px;
  color: #fff;
}
.tree-detail .float-btn .btn-primary .dropdown.open > .dropdown-menu {
  top: -100%;
}
.tree-detail .float-btn .btn-primary .dropdown.open > .dropdown-menu li {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 12px;
}
.tree-detail .icon-question-line {
  position: relative;
  top: 6px;
  width: 24px;
  height: 24px;
  margin-left: 0;
}
.tree-detail .ibox {
  margin: 25px 0 16px;
  border: 0;
  background: transparent;
}
.tree-detail .ibox .module-single-ele {
  max-width: 100%;
}
.tree-detail .ibox .module-single-ele h4 {
  font-weight: 900;
}
.tree-detail .ibox .module-single-ele textarea {
  border: 1px solid rgba(109, 93, 65, 0.21);
  display: inline-block;
  padding: 6px 14px;
}
.tree-detail .ibox .module-single-ele input {
  padding: 8px 14px 9px;
  border: 1px solid rgba(109, 93, 65, 0.21);
  display: inline-block;
  background: #ffffff;
  font-size: 14px;
}
.tree-detail .ibox .module-single-ele .check-style input + label:before {
  margin-right: 8px;
}
.tree-detail .ibox .module-single-ele .check-style label {
  font-weight: 900;
  margin-right: 26px;
  padding-right: 0;
}
.tree-detail .ibox .module-single-ele .check-style label:last-child {
  margin-right: 0;
}
.tree-detail .ibox .module-single-ele .right {
  position: absolute;
  right: 0;
  bottom: 0;
}
.tree-detail .ibox .module-single-ele .right .btn-text {
  border: 0;
  font-size: 14px;
  color: #FFAD36;
  margin-bottom: 20px;
}
.tree-detail .ibox .module-single-ele .right .btn-normal {
  background: #ffffff;
  border: solid 1px #9e9e9e;
  padding: 8px 14px;
}
.tree-detail .ibox .module-single-ele .right .btn-normal img {
  width: 20px;
  margin-right: 4px;
}
.tree-detail .ibox .module-single-ele .right.excel-filter {
  bottom: -18px;
}
.tree-detail .ibox .module-single-ele .right.excel-filter div {
  display: inline-block;
}
.tree-detail .ibox .module-single-ele .right.excel-filter div.check-style2 {
  border: 1px solid #bdbdbd;
  background: #ffffff;
  padding: 8px 18px 10px;
}
.tree-detail .ibox .module-single-ele .right.excel-filter div.check-style2 input + label:before {
  background: transparent;
  border: 1px solid #bdbdbd;
  min-width: 13px;
  width: 13px;
  height: 13px;
}
.tree-detail .ibox .module-single-ele .right.excel-filter div.check-style2 input:checked + label:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  margin: 1px 0 0 3px;
  background: #FFAD36;
  border-radius: 50%;
}
.tree-detail .modal {
  position: absolute;
  top: 38%;
  left: 60%;
  width: 500px;
  height: fit-content;
  padding: 20px;
}
.tree-detail .modal .modal-body h5 {
  color: #584c35;
  margin-bottom: 15px;
}
.tree-detail .modal .modal-body .check-style > div {
  margin-bottom: 8px;
}
.tree-detail .modal .modal-footer {
  background: #ffffff;
  text-align: left;
  border-top: 0;
}
/*경고, 안내 문구*/
.caution-txt {
  font-size: 12px;
  color: #b00200;
  font-weight: 500;
}
.caution-txt svg {
  position: relative;
  top: 2px;
  margin-right: 2px;
}
/*link-icon*/
.link-icon {
  position: absolute;
  top: 10px;
  margin-left: 8px;
  cursor: pointer;
  color: #ffae37;
}
/*시작/실패메시지 - 대화 흐름 연결 드롭다운 아이콘*/
.db-person-select.icon svg {
  position: relative;
  top: 2px;
  width: 16px !important;
  height: 16px !important;
}
/*fillter popup switch*/
.search-filter .db-btn-action {
  position: absolute;
  top: 0;
  display: inline-block;
  margin: 0 0 0 8px;
}
.search-filter .db-btn-action label.switch.sm-switch .slider {
  width: 44px;
  height: 20px;
}
.search-filter .db-btn-action label.switch.sm-switch .slider:before {
  height: 15px;
  width: 15px;
  left: 3px;
}
.search-filter .check-style {
  margin-bottom: 0;
}
.search-filter .check-style label {
  margin-bottom: 5px;
}
.search-filter .check-style label:last-child {
  margin-bottom: 0;
}
/*딤드 없음*/
.no-dimmed {
  background: transparent !important;
}
/*dropdown-list scroll none*/
.dropdown-scroll .dropdown-menu.open {
  overflow: inherit;
}
.caution-txt {
  font-size: 12px;
  color: #b00200;
  font-weight: 500;
}
.caution-txt svg path {
  color: #b00200;
}
/*Knowledge 노드*/
#popupKnowledgeNodePanel .chatflow-node-body {
  border-top: 1px solid #e0e0e0;
  margin-top: 142px;
  padding-top: 6px;
}
#popupKnowledgeNodePanel .chatflow-node-body h4 {
  font-size: 16px;
  font-weight: 600;
  margin-left: 18px;
}
#popupKnowledgeNodePanel .chatflow-node-body .delete-btn {
  position: initial;
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  margin: auto;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search {
  overflow: hidden;
  padding: 0 18px;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search select {
  float: left;
  height: 40px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 0 4px;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search select option {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search .option-btn {
  position: absolute;
  right: 16px;
  padding: 12px 10px;
  margin: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search .option-btn.close {
  background: #ffad36;
  color: #fff;
  opacity: 1;
  font-weight: normal;
  float: none;
  text-shadow: none;
}
#popupKnowledgeNodePanel .chatflow-node-body .select-search .option-btn.disabled {
  background: rgba(0, 0, 0, 0.38) !important;
  border: none !important;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap {
  clear: both;
  margin-top: 30px;
  border-bottom: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap.photo-knowledge .photo-shot {
  position: relative;
  background: #000000;
  height: 220px;
  margin: 10px 18px 20px;
  text-align: center;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap.photo-knowledge .photo-shot.photo-none {
  background: #b9b9b9;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap.photo-knowledge .photo-shot.photo-none:before {
  content: "이미지가 없습니다.";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap.photo-knowledge .photo-shot img {
  height: 100%;
  object-fit: contain;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap hr {
  border-top: 0.5px solid #eaeaea;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li {
  list-style: none;
  width: 25%;
  float: left;
  text-align: center;
  font-weight: 600;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li a {
  position: relative;
  display: block;
  color: rgba(0, 0, 0, 0.38);
  font-size: 16px;
  padding: 8px 6px 18px;
  border-bottom: 2px solid transparent;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li a:hover {
  background: #f5f5f5;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li a em {
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  font-style: normal;
  font-size: 12px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li a span {
  color: #b00200;
  font-size: 10px;
  position: absolute;
  margin: -2px 0 0 2px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li.active a {
  color: #ffad36;
  border-bottom-color: #ffad36;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap ul.tabs li.active a:hover {
  background: transparent;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs {
  margin: 0 18px 8px 18px;
  border-bottom: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li {
  width: 50%;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li:first-child.active a {
  border-right: 1px solid #ffad36;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li:last-child.active a {
  border-left: 1px solid #ffad36;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li.active a {
  border-color: #ffad36;
  color: #ffad36;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .tabs-inner ul.tabs li a {
  border: 1px solid transparent;
  border-color: #bdbdbd;
  padding: 8px 6px 6px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap h4 {
  clear: both;
  margin-bottom: 4px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap p {
  margin: 0 18px 12px 18px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .right {
  position: absolute;
  right: 18px;
  margin-top: -30px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .right span {
  margin-left: 10px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap .right span em {
  font-style: normal;
  font-weight: 600;
  color: #b00200;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap input.input {
  display: block;
  width: 512px;
  height: 40px;
  font-size: 14px;
  margin: 0 auto;
  border: 1px solid #e0e0e0;
  padding: 0 5px;
}
#popupKnowledgeNodePanel .chatflow-node-body .tabs-wrap input.input ::placeholder {
  color: rgba(0, 0, 0, 0.38);
  font-style: normal;
}
#popupKnowledgeNodePanel .chatflow-node-body p {
  margin: 0 18px 12px 18px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
#popupKnowledgeNodePanel .chatflow-node-body input.input {
  display: block;
  width: 512px;
  height: 40px;
  font-size: 14px;
  margin: 0 auto;
  border: 1px solid #e0e0e0;
  padding: 0 5px;
}
#popupKnowledgeNodePanel .chatflow-node-body table {
  font-size: 14px;
  margin-bottom: 0;
}
#popupKnowledgeNodePanel .chatflow-node-body table th {
  background: #f5f5f5;
}
#popupKnowledgeNodePanel .chatflow-node-body table td {
  text-align: left;
}
#popupKnowledgeNodePanel .chatflow-node-body table td select {
  border: none;
  background-color: #fff;
}
#popupKnowledgeNodePanel .chatflow-node-body table td > input {
  border: 0;
  width: 100%;
  background: #fff;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align {
  width: calc(100% - 36px);
  margin: 0 18px 40px 18px;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align th {
  color: rgba(0, 0, 0, 0.6);
  background: transparent;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align th.vertical-t {
  vertical-align: top;
  padding: 8px 0;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align td {
  padding: 4px 0;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align td textarea {
  border: 1px solid #e0e0e0;
}
#popupKnowledgeNodePanel .chatflow-node-body table.table-align td > div {
  border: 1px solid #e0e0e0;
  padding: 6px;
}
#popupKnowledgeNodePanel .chatflow-node-body .nlu-slider {
  margin: 0 18px 32px 18px;
}
#popupKnowledgeNodePanel .chatflow-node-body .inner {
  margin: 0 18px 82px;
}
#popupKnowledgeNodePanel .chatflow-node-body .inner .connect-flow {
  width: 350px;
}
#popupKnowledgeNodePanel .chatflow-node-body .inner .connect-flow .button {
  width: 100%;
  font-size: 14px;
  margin: 4px;
}
/*knowledge 팝업*/
.ex-popup {
  position: absolute;
  top: 380px;
  left: 306px;
  z-index: 99999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}
/*sheet 패널*/
.sheet-panel {
  position: fixed;
  top: 110px;
  right: 0;
  width: calc(100% - 884px);
  height: calc(100% - 132px);
  border-left: 1px solid #e0e0e0;
  background: #fff;
  z-index: 99999;
  overflow: auto;
}
.sheet-panel .panel-head {
  padding: 28px 16px;
}
.sheet-panel .panel-head .badge {
  display: inline-block;
  border-radius: 12px;
  border: solid 1px #9e9e9e;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.sheet-panel .panel-head h3 {
  position: absolute;
  top: 6px;
  left: 110px;
  font-weight: 600;
}
.sheet-panel .panel-head h3 span {
  top: 0;
}
.sheet-panel .module-table-ele {
  max-width: calc(100% - 10px);
  margin: 0 10px 0 0;
}
.sheet-panel .module-table-ele td img,
.sheet-panel .module-table-ele td canvas {
  width: 100px;
  height: 100px;
}
/*parameter 노드*/
.parameter-node h4 {
  margin: 0 15px 10px;
}
.parameter-node table {
  font-size: 14px;
  margin-bottom: 0;
}
.parameter-node table input {
  border: 0;
  width: 100%;
}
.parameter-node table td .delete-btn {
  position: inherit;
  display: block;
  margin: auto;
  vertical-align: middle;
  right: auto;
}
/*sleep 노드*/
.sleep-node .chatflow-node-body {
  padding: 30px 15px;
  margin-top: 121px;
}
.sleep-node .chatflow-node-body h4 {
  margin: 0 0 10px;
}
.sleep-node .chatflow-node-body .time-wrap {
  padding-top: 10px;
  font-size: 14px;
}
.sleep-node .chatflow-node-body .time-wrap hr {
  border-top: 0.5px solid #eaeaea;
  margin: 10px 0;
}
.sleep-node .chatflow-node-body .time-wrap label {
  display: block;
  padding: 0 10px;
  font-weight: 400;
}
.node-param {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
  margin-right: 0;
  padding: 10px 10px 5px;
  left: 10px;
}
.node-param .search-wrapper input {
  width: 100%;
  border: 3px solid #e0e0e0;
}
.node-param .search-wrapper i {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 14px !important;
}
.node-param .selectCollector_ul {
  border: none !important;
  margin-bottom: 0 !important;
  font-size: 16px;
}
.node-param .selectCollector_ul li {
  width: 100% !important;
  font-weight: normal !important;
}
.btn-layer-popup {
  font-size: 12px;
  font-weight: 500;
  color: #ffad36;
  margin-left: 6px;
  cursor: pointer;
  text-decoration: underline;
}
.layer-popup {
  display: block !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.48);
  z-index: 10;
}
.layer-popup.paypop {
  background: #fff;
  padding: 16px;
}
.layer-popup.paypop h4 {
  font-size: 18px;
  margin-top: 0;
}
.layer-popup.paypop .pop-close {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.layer-popup.paypop table {
  width: 100%;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.layer-popup.paypop table tr {
  border-bottom: 1px solid #757575;
}
.layer-popup.paypop table tr:last-child {
  border: 0;
  background: #e1e1e1;
}
.layer-popup.paypop table tr:last-child th {
  font-weight: 500;
}
.layer-popup.paypop table tr.tit {
  border-bottom: 0;
}
.layer-popup.paypop table tr.tit th {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 0;
}
.layer-popup.paypop table tr th,
.layer-popup.paypop table tr td {
  padding: 6px 10px;
}
.layer-popup.paypop table tr th {
  font-weight: 400;
}
.layer-popup.paypop table tr td {
  text-align: right;
}
.layer-popup.paypop.price-history .total-price {
  text-align: center;
  font-weight: 500;
  margin: 20px 20px 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.layer-popup.paypop.price-history .total-price p {
  font-size: 26px;
  margin: 10px 0 0;
}
.layer-popup.paypop.price-history .total-price small {
  color: rgba(0, 0, 0, 0.6);
}
.layer-popup.paypop.price-history ul {
  list-style: none;
  padding: 0 20px;
}
.layer-popup.paypop.price-history ul li {
  padding: 2px 0;
}
.layer-popup.paypop.price-history ul li ul {
  padding: 4px;
  margin: 6px 0 0;
  background: rgba(0, 0, 0, 0.05);
}
.layer-popup.paypop.price-history ul li ul li {
  font-size: 14px;
  padding: 0;
  color: rgba(0, 0, 0, 0.6);
}
.layer-popup.paypop.price-history ul li ul li span {
  font-weight: normal;
  color: inherit;
}
.layer-popup.paypop.price-history ul li ul li b {
  font-weight: normal;
  color: inherit;
}
.layer-popup.paypop.price-history ul li span {
  display: inline-block;
  width: 100px;
  font-weight: 500;
}
.layer-popup.paypop.price-history ul li b {
  display: inline-block;
  text-align: right;
  width: calc(100% - 104px);
  color: #FF7A00;
}
.layer-popup.paypop.price-history ul li b small {
  color: rgba(0, 0, 0, 0.6);
}
/*pop*/
.pop-wrap {
  position: absolute;
  top: 118px;
  left: 206px;
  width: 580px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.48);
  font-size: 14px;
  padding: 20px;
}
.pop-wrap span {
  position: absolute;
  top: 4px;
  right: 16px;
  font-size: 22px;
  cursor: pointer;
}
.pop-wrap span img {
  width: 20px;
  height: auto;
}
.pop-wrap > img {
  width: 100%;
  margin-top: 20px;
}
.pop-wrap > img:last-child {
  margin-top: 14px;
}
.exlink {
  text-decoration: underline;
  color: #ffad36;
  font-size: 13px;
  font-weight: 400;
}
.exlink:hover,
.exlink:focus {
  text-decoration: underline !important;
  color: #ffad36 !important;
}
/*요금제 변경 팝업*/
.modal-price-pop .modal-dialog {
  width: 720px;
}
.modal-price-pop .modal-dialog .modal-body {
  height: fit-content;
  max-height: 720px;
}
.modal-price-pop .modal-dialog .plan-content.price-select {
  margin: 0;
  height: auto;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body {
  padding: 20px 80px 10px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body p {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  margin-bottom: 22px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body p svg {
  vertical-align: middle;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body p svg path {
  fill: rgba(0, 0, 0, 0.87);
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body ul {
  margin-bottom: 40px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body ul li {
  margin-bottom: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-body ul li input {
  display: block;
  width: 100%;
  padding: 6px;
  border: 1px solid #e0e0e0;
  margin-top: 2px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-footer button {
  display: block;
  width: 60%;
  padding: 10px;
  margin: 6px auto;
  font-size: 14px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-footer button.btn-check {
  background-color: #ff6647;
  border: 1px solid #ff6647;
  color: #fff;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap.chnge-check .price-footer button.btn-cancel {
  background-color: #fff;
  border: 1px solid #ff6647;
  color: #ff6647;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-header h3 {
  margin: 0 0 20px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body {
  font-size: 14px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body img {
  width: 550px;
  display: block;
  margin: 0 auto;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .price-select-wrap {
  width: 550px;
  margin: 20px auto 40px;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .price-select-wrap .price-select-inner {
  width: 430px;
  margin-left: auto;
  display: flex;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .price-select-wrap .price-select-inner > div {
  width: 33.33%;
  text-align: center;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .price-select-wrap .price-select-inner > div button {
  width: 120px;
  background-color: #fff;
  border: 1px solid #ff6647;
  border-radius: 4px;
  color: #ff6647;
  padding: 6px 0;
  font-weight: 500;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .price-select-wrap .price-select-inner > div button.select {
  background-color: #ff6647;
  color: #fff;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-body .btn-detail {
  color: #ff6647;
  text-decoration: underline;
  text-align: center;
  display: block;
  font-weight: 500;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-footer {
  margin-top: 20px;
  font-size: 14px;
  color: #b00200;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-footer svg {
  vertical-align: middle;
}
.modal-price-pop .modal-dialog .plan-content.price-select .price-wrap .price-footer svg path {
  fill: #b00200;
}
/* 액션스크립트 리사이즈 팝업*/
.ui-resizable.larger-action {
  position: inherit;
  width: 100%;
  height: 100%;
  border: none;
}
.ui-resizable.larger-action .btn-wrap {
  display: flex;
  justify-content: space-between;
}
/*full width*/
.full-width-wrap .title-area .title-area-inner {
  max-width: 100%;
}
.full-width-wrap .title-area .title-area-options {
  max-width: 100%;
}
.full-width-wrap .title-area .title-area-options .button-wrap {
  margin-right: 0;
}
.full-width-wrap .title-area .title-area-options .button-wrap .button {
  color: #ffad36;
  border: 1px solid #ffad36;
  font-size: 14px;
}
.full-width-wrap .float-btn .float-inner {
  max-width: 100%;
  padding: 20px 80px 20px 24px;
}
.full-width-wrap .wrapper {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.full-width-wrap .wrapper .delete-btn {
  position: inherit;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
}
.full-width-wrap .wrapper .text-box-btn {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  background: #212121;
  color: #fff;
  font-size: 18px;
  line-height: 17px;
  cursor: pointer;
  padding: 0 5px;
  margin: 6px 0 0 6px;
}
.full-width-wrap .wrapper .option-btn {
  display: block;
  width: 136px;
  height: 40px;
  border: 1px solid #ffad36;
  border-radius: 4px;
  font-size: 14px;
  color: #ffad36;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
.full-width-wrap .wrapper .option-btn span {
  display: inline-block;
  margin: 0 4px 0 0;
  font-weight: 600;
}
.full-width-wrap .wrapper .text-wrap {
  width: 100%;
}
.full-width-wrap .wrapper table {
  width: 100%;
}
.full-width-wrap .wrapper table .db-btn-title {
  position: relative;
}
.full-width-wrap .wrapper table .db-btn-title:hover .layer-popup {
  position: absolute;
  top: -71px;
  left: -108px;
  width: 220px;
  display: block !important;
  background: #222;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  padding: 4px;
  text-align: left;
  margin-top: 7px;
  font-weight: normal;
}
.full-width-wrap .wrapper table .db-btn-title:hover .layer-popup:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #222;
}
.full-width-wrap .wrapper table .db-btn-title .layer-popup {
  display: none !important;
}
.full-width-wrap .wrapper table.table-bordered th {
  background: #eee;
  text-align: center;
}
.full-width-wrap .wrapper table th {
  height: 40px;
  border: 1px solid #bdbdbd !important;
}
.full-width-wrap .wrapper table th div {
  display: flex;
}
.full-width-wrap .wrapper table th div span {
  width: 50%;
}
.full-width-wrap .wrapper table th div span:first-child {
  border-right: 1px solid #bdbdbd;
}
.full-width-wrap .wrapper table td {
  position: relative;
  padding: 16px 20px !important;
  border: 1px solid #bdbdbd !important;
  vertical-align: top;
}
.full-width-wrap .wrapper table td:nth-child(2) .text-box-btn {
  position: absolute;
  right: 0;
  bottom: 8px;
}
.full-width-wrap .wrapper table td.link {
  position: relative;
}
.full-width-wrap .wrapper table td.link:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon-link2.png) no-repeat;
  position: absolute;
  top: 20px;
  right: -12px;
}
.full-width-wrap .wrapper table td.link .answer {
  width: calc(100% - 26px);
}
.full-width-wrap .wrapper table td.link .answer .text-box {
  border-bottom: 0;
}
.full-width-wrap .wrapper table td.link .answer:last-child {
  width: 100%;
}
.full-width-wrap .wrapper table td.link .answer:last-child .text-box {
  border-bottom: 1px solid #bdbdbd;
}
.full-width-wrap .wrapper table td.link .answer.first-line:first-child .text-box textarea {
  border-right: 0;
  width: 100%;
}
.full-width-wrap .wrapper table td.conbine .align-wrap {
  align-items: flex-end;
  width: calc(100% - 32px);
}
.full-width-wrap .wrapper table td.conbine .align-wrap:first-child .text-wrap {
  border-top: 1px solid #bdbdbd;
}
.full-width-wrap .wrapper table td.conbine .align-wrap:first-child .btn-del {
  display: block;
}
.full-width-wrap .wrapper table td.conbine .align-wrap.first-line:first-child .text-wrap input:last-child {
  border-right: 0;
  width: 100%;
}
.full-width-wrap .wrapper table td.conbine .align-wrap.first-line:first-child .btn-del {
  display: none;
}
.full-width-wrap .wrapper table td.conbine .align-wrap:first-child {
  width: 100%;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-wrap {
  display: flex;
  border: 1px solid #bdbdbd;
  border-top: 0;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-wrap select {
  border: 0;
  border-right: 1px solid #bdbdbd;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-wrap input {
  width: 50%;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-wrap .text-box {
  border: 0;
  border-left: 1px solid #bdbdbd;
  width: 50%;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-box-btn {
  margin: 0 0 6px 12px;
}
.full-width-wrap .wrapper table td.conbine .align-wrap .text-box-btn.on {
  background-color: #FFAD36;
}
.full-width-wrap .wrapper table td .align-wrap {
  position: relative;
  display: flex;
}
.full-width-wrap .wrapper table td .align-wrap .text-box {
  display: flex;
  width: 100%;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  margin: 0;
}
.full-width-wrap .wrapper table td .align-wrap .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05) !important;
  background-size: 20px 20px !important;
}
.full-width-wrap .wrapper table td .align-wrap .text-wrap {
  position: relative;
}
.full-width-wrap .wrapper table td .align-wrap .text-wrap .text-box input {
  width: calc(100% - 40px);
  border-right: 1px solid #bdbdbd;
}
.full-width-wrap .wrapper table td table {
  width: calc(100% - 26px);
}
.full-width-wrap .wrapper table td table tr.first-line:first-child input {
  width: 100% !important;
  border-right: 0 !important;
}
.full-width-wrap .wrapper table td table th {
  height: 32px;
  padding: 0 10px;
}
.full-width-wrap .wrapper table td table td {
  position: relative;
  height: 32px;
  padding: 0 !important;
}
.full-width-wrap .wrapper table td table td:first-child {
  padding: 0 !important;
}
.full-width-wrap .wrapper table td table td .text-box {
  border: 0 !important;
}
.full-width-wrap .wrapper table td input {
  width: 100%;
  height: 32px;
  padding: 6px 10px;
  border: 0;
}
.full-width-wrap .wrapper table td textarea {
  width: calc(100% - 40px);
  height: 32px;
  padding: 4px 10px;
  border: 0;
  border-right: 1px solid #bdbdbd;
}
/*데이터 가져오기 팝업*/
.data-pop {
  display: block !important;
  width: 552px;
  padding: 24px 32px;
  border-radius: 8px;
  box-shadow: 0 12px 38px 8px rgba(0, 0, 0, 0.24);
  background: #fff;
  z-index: 10;
}
.data-pop h4 {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
  padding: 0;
}
.data-pop h4 span {
  float: right;
  cursor: pointer;
}
.data-pop h4 span img {
  vertical-align: top;
}
.data-pop p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 32px;
}
.data-pop .big-btn {
  display: block;
  width: 256px;
  margin: 32px auto;
  text-align: center;
  height: 40px;
  border: 0;
  border-radius: 4px;
  background: #ff6647;
  font-size: 14px;
  color: #fff;
}
.data-pop table th {
  background: #eee;
  text-align: center;
}
.data-pop table td {
  vertical-align: middle !important;
  text-align: center;
}
/*hover 설명 style*/
.question-wrap {
  position: relative;
  z-index: 1;
}
.question-wrap:hover div {
  display: block;
}
.question-wrap div {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: fit-content;
  height: fit-content;
  background: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  padding: 3px 5px;
  margin-top: 2px;
}
.question-wrap div:before {
  content: "";
  width: 0;
  height: 0;
}
.question-wrap div.top:before {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000;
}
/*간단 대화 버튼 팝업*/
.btn-option-pop {
  position: absolute;
  right: 50px;
  top: -230px;
  width: 360px;
  background-color: #fff;
  border: 1px solid #FFAD36;
  border-radius: 8px;
  box-shadow: 0 6px 12px 2px rgba(255, 173, 54, 0.24);
  z-index: 11;
}
.btn-option-pop:before {
  content: "";
  position: absolute;
  bottom: 44px;
  right: -6px;
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #FFAD36;
}
.btn-option-pop .pop-main {
  padding: 16px;
}
.btn-option-pop .pop-main h4 {
  margin-top: 0;
}
.btn-option-pop .pop-main span {
  display: block;
  font-size: 14px;
}
.btn-option-pop .pop-main input {
  display: block;
  width: 100%;
  height: 32px;
  font-size: 14px;
  border: 1px solid #bdbdbd !important;
  padding: 4px 8px;
  margin-bottom: 8px;
}
.btn-option-pop .pop-main input:first-child {
  border-top: 0;
  border-bottom: 0;
}
.btn-option-pop .pop-main select {
  height: 32px;
  font-size: 14px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  padding: 4px 8px;
  margin-bottom: 16px;
}
.btn-option-pop .pop-bottom {
  background: #f7f9fa;
  text-align: center;
  padding: 16px 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.btn-option-pop .pop-bottom .button {
  display: inline-block;
  height: 32px;
  padding: 0 32px;
}
/*탭 스타일*/
.setting-list {
  width: fit-content;
  list-style: none;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  margin: 0;
  padding: 2px;
}
.setting-list:after {
  content: "";
  display: block;
  clear: both;
}
.setting-list li {
  float: left;
  margin: 1px 2px 1px 1px;
}
.setting-list li:last-child {
  margin-right: 1px;
}
.setting-list li.active,
.setting-list li:hover {
  border-radius: 4px;
  background: #fff;
  font-weight: 500;
}
.setting-list li.active a,
.setting-list li:hover a {
  color: #3A3A3A;
}
.setting-list li a {
  display: block;
  color: #636363;
  font-weight: 500;
  padding: 4px 30px;
}
/*웹 채팅창 연결설정*/
.chat-setting form > h4 {
  font-size: 24px;
  font-weight: 600;
  color: #6F6F6F;
  margin-top: 60px;
}
.chat-setting form .form-group {
  background: #fff;
  border: 2px solid #D5D5D5;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px 40px;
  margin: 0;
}
.chat-setting form .form-group.pagebot-custom {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 20px 0 40px;
}
.chat-setting form .form-group h4 {
  font-weight: 500;
  margin-bottom: 0;
}
.chat-setting form .form-group p {
  font-size: 14px;
  margin: 10px 0;
}
.chat-setting form .form-group b {
  display: block;
  font-size: 18px;
  margin: 0 0 2px;
}
.chat-setting form .form-group ul {
  margin: 0;
  padding: 0;
}
.chat-setting form .form-group ul li {
  cursor: pointer;
  list-style: none;
  background: #ffffff;
  font-size: 22px;
  border: 1px solid #EAEAEA;
  padding: 12px 14px;
  margin-bottom: 6px;
}
.chat-setting form .form-group ul li:last-child {
  margin-bottom: 0;
}
.chat-setting form .form-group ul li img {
  width: 26px;
  height: 26px;
  margin: -4px 10px 0 0;
}
.chat-setting form .form-group ul.setting-list {
  margin: 20px 0;
}
.chat-setting form .form-group ul.setting-list li {
  margin: 1px 2px 1px 1px;
  padding: inherit;
  font-size: 14px;
  background: inherit;
}
.chat-setting form .form-group ul.setting-list li.active {
  background: #fff;
}
.chat-setting form .form-group .theme-wrap {
  background: #ffffff;
  border: 1px solid #EAEAEA;
}
.chat-setting form .form-group .theme-wrap .theme-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 20px;
}
.chat-setting form .form-group .theme-wrap .theme-header h5 {
  font-size: 22px;
}
.chat-setting form .form-group .theme-wrap .theme-header h5 img {
  width: 26px;
  height: 26px;
  margin: -4px 10px 0 0;
}
.chat-setting form .form-group .theme-wrap .theme-header button {
  width: 74px;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 4px 0;
}
.chat-setting form .form-group .theme-wrap .theme-header button.btn-cancel {
  background: #757575;
}
.chat-setting form .form-group .theme-wrap .theme-header button.btn-success {
  background: #F69023;
}
.chat-setting form .form-group .theme-wrap .theme-body {
  font-size: 15px;
  padding: 20px;
}
.chat-setting form .form-group .theme-wrap .theme-body .row {
  margin: 0 -15px;
}
.chat-setting form .form-group .theme-wrap .theme-body .row label {
  text-align: right;
}
.chat-setting form .form-group .theme-wrap .theme-body ul {
  text-align: center;
  overflow: auto;
}
.chat-setting form .form-group .theme-wrap .theme-body ul li {
  float: left;
  width: 49%;
  border: 1px solid #9C9C9C;
  border-radius: 6px;
  margin-right: 1%;
}
.chat-setting form .form-group .theme-wrap .theme-body ul li:nth-child(2n) {
  margin-right: 0;
  margin-left: 1%;
}
.chat-setting form .form-group .theme-wrap .theme-body ul li.active {
  background-color: #f8ac59;
  color: #fff;
}
.chat-setting form .form-group .theme-wrap .theme-body input:disabled {
  color: #a3a3a3;
  border: 1px solid #767676;
  cursor: not-allowed;
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs:before {
  content: "";
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs:after {
  content: "";
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-min,
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-max,
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-from,
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-to,
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-single {
  top: -2px;
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-bar {
  background: #f8ac59;
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-bar:before {
  content: "";
}
.chat-setting form .form-group .theme-wrap .theme-body .irs .irs-bar-edge {
  background: #f8ac59;
}
.chat-setting form .form-group .theme-wrap .theme-body .control-label {
  align-items: center;
}
.chat-setting form .form-group .theme-wrap .theme-body .profile-layout > div {
  width: 33.33333333%;
  height: 72px;
  margin-bottom: 4px;
}
.chat-setting form .form-group .theme-wrap .theme-body .profile-layout > div img {
  display: block;
}
.chat-setting form .form-group .color-setting div.col-lg-6:nth-child(2n-1),
.chat-setting form .form-group .color-setting div.col-lg-12 {
  padding-left: 0;
}
.chat-setting form .form-group .color-setting div.col-lg-6:nth-child(2n) {
  padding-right: 0;
}
@media screen and (max-width: 800px) {
  .chat-setting form .form-group .color-setting div.col-lg-6:nth-child(2n-1),
  .chat-setting form .form-group .color-setting div.col-lg-12 {
    padding-left: 15px;
  }
  .chat-setting form .form-group .color-setting div.col-lg-6:nth-child(2n) {
    padding-right: 15px;
  }
}
.chat-setting form .form-group .embed-setting .col-lg-3 img {
  display: block;
  margin: auto;
}
.chat-setting form .form-group .embed-setting .col-lg-3 p {
  text-align: center;
  font-size: 16px;
}
.chat-setting form .form-group .fam-setting .btn-secondary,
.chat-setting form .form-group .fam-setting .btn-secondary-line,
.chat-setting form .form-group .fam-setting .btn-gray,
.chat-setting form .form-group .fam-setting .btn-gray-line {
  padding: 4px 12px;
}
.chat-setting form .form-group .fam-setting textarea {
  width: 100%;
  height: 200px;
  border-color: #C8C8C8;
  padding: 10px;
}
.chat-setting form .form-group .fam-setting textarea::placeholder {
  color: #ccc;
}
.chat-setting form .form-group .module-table-ele {
  margin-top: 10px;
  width: 100%;
  max-width: none;
}
.chat-setting form .form-group .module-table-ele .module-table-content th {
  padding: 10px 20px;
}
.chat-setting form .form-group .module-table-ele .module-table-content td {
  padding: 20px;
  background: #fff;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:last-child span {
  position: initial;
  right: auto;
  display: block;
  margin: auto;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:nth-child(2) div.input-wrapper {
  width: calc(100% - 34px);
  overflow: auto;
  border: 1px solid #bdbdbd;
  border-top: 0;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:nth-child(2) div.input-wrapper:first-child {
  border-top: 1px solid #bdbdbd;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:nth-child(2) div.input-wrapper input {
  float: left;
  border: 0;
  width: calc(100% - 28px);
  border-right: 1px solid #bdbdbd;
  padding-right: 0;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:nth-child(2) div.input-wrapper span {
  position: initial;
  right: auto;
  float: left;
  width: 28px;
  height: 28px;
  background-size: 25px 25px !important;
  background-color: #bdbdbd !important;
}
.chat-setting form .form-group .module-table-ele .module-table-content td:nth-child(2) button {
  position: absolute;
  bottom: 26px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  text-align: center;
  background: #212121;
  color: #fff;
  font-size: 18px;
  line-height: 17px;
  cursor: pointer;
  padding: 0 4px;
}
.chat-setting form .form-group .module-table-ele .module-table-content td input {
  width: 100%;
  height: 28px;
  border: 1px solid #bdbdbd;
}
.chat-setting .example-pop {
  display: block !important;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  width: 420px;
}
.chat-setting .example-pop .pop-body {
  padding: 20px 20px 10px;
}
.chat-setting .example-pop .pop-body .example-search {
  position: relative;
  padding-bottom: 10px;
}
.chat-setting .example-pop .pop-body .example-search input {
  width: 100%;
  border: 3px solid #c5c6c7;
  padding-left: 26px;
  height: 36px;
}
.chat-setting .example-pop .pop-body .example-search i {
  position: absolute;
  top: 8px;
  left: 10px;
}
.chat-setting .example-pop .pop-body .example-list-wrap {
  padding-top: 10px;
  border-top: 1px solid #f1f1f1;
}
.chat-setting .example-pop .pop-body .example-list-wrap p {
  font-size: 14px;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li {
  cursor: pointer;
  overflow: auto;
  padding: 4px 0;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li:hover {
  background-color: #FFAD36;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li:hover span {
  color: #fff;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li:before {
  content: "";
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/common/img-check1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li.checked {
  background-color: #FFAD36;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li.checked:before {
  background-image: url(../img/common/img-check2.png);
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li.checked span {
  color: #fff;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li span {
  float: left;
  display: block;
  font-size: 14px;
  width: 100px;
  text-align: center;
  color: #ffad36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 6px;
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li i {
  float: left;
  display: block;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 136px);
}
.chat-setting .example-pop .pop-body .example-list-wrap ul.example-list li i b {
  color: #FF6647;
}
.chat-setting .example-pop .pop-body .example-list-wrap .pagination > li > a,
.chat-setting .example-pop .pop-body .example-list-wrap .pagination > li > span {
  padding: 3px 6px;
  font-size: 14px;
}
.chat-setting .example-pop .pop-body .example-list-wrap .pagination > li.numbers a {
  padding-left: 8px;
  padding-right: 8px;
}
.chat-setting .example-pop .pop-bottom {
  padding: 10px 20px;
  border-top: 1px solid #f1f1f1;
  background: #f7f9fa;
}
.chat-setting .example-pop .pop-bottom button {
  margin-right: 0;
  margin-left: 8px;
}
.new-detail-wrapper input {
  line-height: initial;
  padding: 10px 12px;
}
.new-detail-wrapper button {
  padding: 4px 6px;
}
.new-detail-wrapper .option {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.new-detail-wrapper .option .search-wrap {
  position: relative;
  max-width: 300px;
  width: 100%;
}
.new-detail-wrapper .option .search-wrap label {
  position: absolute;
  top: 4px;
  left: 10px;
  z-index: 1;
}
.new-detail-wrapper .option .search-wrap label img {
  width: 20px;
  height: 20px;
}
.new-detail-wrapper .option .search-wrap input {
  position: absolute;
  padding: 10px 12px 10px 34px;
  border: 1px solid #C4C4C4;
}
.new-detail-wrapper .option button {
  padding: 6px 12px;
  border-width: 1.5px;
}
.new-detail-wrapper .module-single-ele .text-point {
  font-size: 20px;
  font-weight: 600;
}
.new-detail-wrapper .module-single-ele .text-point span {
  color: #FF7A00;
}
.new-detail-wrapper .module-single-ele .text-point p {
  font-weight: 400;
  line-height: 24px;
  margin: 30px 0 0;
}
.new-detail-wrapper .module-single-ele .text-point p.date {
  font-size: 16px;
  margin: 6px 0 0;
}
.new-detail-wrapper .module-single-ele .downgrade {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-detail-wrapper .module-single-ele .downgrade button {
  border: 1.5px solid #6E6E6E;
  background: #fff;
  padding: 4px 12px;
}
.new-detail-wrapper .module-single-ele .downgrade div:last-child {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.new-detail-wrapper .module-single-ele .reference_box {
  background: #f1f1f1;
  padding: 10px;
  margin-top: 20px;
}
.new-detail-wrapper .module-single-ele .reference_box p {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 6px;
}
.new-detail-wrapper .module-single-ele .reference_box ul {
  padding: 0;
}
.new-detail-wrapper .module-single-ele .reference_box ul li {
  position: relative;
  list-style: none;
  font-size: 14px;
  padding: 0 0 0 10px;
}
.new-detail-wrapper .module-single-ele .reference_box ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}
.new-detail-wrapper .module-single-ele .reference_box ul li b {
  font-weight: 500;
}
.new-detail-wrapper .module-single-ele .reference_box span {
  font-size: 14px;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-wrap .pricing {
  width: 50%;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header.price_two div:first-child {
  width: calc(100% - 36% + 3px);
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div {
  width: 18%;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div:first-child {
  width: calc(100% - 54% + 4px);
  margin: 0;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div.now-price span {
  position: inherit;
  margin-top: 4px;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div i {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  font-style: normal;
  margin: 6px 0 0;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap.fixed-header {
  left: 322px;
  top: 165px;
  width: calc(100vw - 322px - 12px);
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap.fixed-header .pricing-header-inner {
  max-width: 1580px;
  padding: 0 80px;
  margin: 0 auto;
}
.new-detail-wrapper .module-single-ele .new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap.fixed-header .pricing-header-inner .pricing-detail-header {
  max-width: 100%;
  margin: 0 40px;
}
.new-detail-wrapper .module-single-ele button.btn-black-gray {
  margin: 0 0 6px 6px;
}
.new-detail-wrapper .module-single-ele .module-ele-title button {
  padding: 0;
  margin-left: 16px;
}
.new-detail-wrapper .module-single-ele .module-ele-title button:hover {
  background: transparent;
}
.new-detail-wrapper .module-single-ele .gray-box {
  max-width: 440px;
  background: #F7F7F7;
  border: 1px solid #BEBEBE;
  border-radius: 3px;
  padding: 14px 26px 14px 18px;
}
.new-detail-wrapper .module-single-ele .gray-box dl {
  display: flex;
  justify-content: space-between;
  margin: 4px 0;
}
.new-detail-wrapper .module-single-ele .gray-box dl dt {
  font-weight: 400;
}
.new-detail-wrapper .module-single-ele .gray-box dl dd {
  text-align: right;
}
.new-detail-wrapper .module-single-ele .col-lg-6 {
  padding: 0;
}
.new-detail-wrapper .module-table-ele {
  max-width: 100%;
}
.new-detail-wrapper .module-table-ele table {
  background: #fff;
}
.new-detail-wrapper .module-table-ele table.left-table th {
  text-align: left;
}
.new-detail-wrapper .module-table-ele table.left-table td {
  text-align: left;
}
.new-detail-wrapper .module-table-ele table.left-table td.left-align button {
  float: left;
}
.new-detail-wrapper .module-table-ele table.left-table td.left-align p {
  float: left;
  color: #C5452C;
  margin-left: 6px;
}
.new-detail-wrapper .module-table-ele table.left-table td.left-align:after {
  content: "";
  display: block;
  clear: both;
}
/*2021년 6월 요금제 개편*/
.new-pricing-wrap .price-header {
  padding: 10px 0 20px;
}
.new-pricing-wrap .price-header h3 {
  margin: 0;
}
.new-pricing-wrap .price-header .cross-btn {
  position: absolute;
  top: 33px;
  right: 20px;
  opacity: 1;
  margin: 0;
}
.new-pricing-wrap .txt-sup {
  color: #FF7A00;
  font-style: normal;
  font-size: 18px;
  line-height: 0px;
  margin: 0 0 0 2px;
}
.new-pricing-wrap .pricing-wrap {
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.new-pricing-wrap .pricing-wrap .pricing-items {
  position: relative;
  display: flex;
  width: 100%;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing:first-child {
  position: relative;
  border: 7px solid #FF7A00;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing:first-child .selected {
  position: absolute;
  top: -1px;
  left: -1px;
  border-top: 100px solid #FF7A00;
  border-right: 100px solid transparent;
  height: 0;
  width: 100px;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing:first-child .selected:after {
  content: "이용중";
  position: absolute;
  top: -77px;
  left: 4px;
  transform: rotate(-43deg);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing {
  background: #f1f1f1;
  border-top: 7px solid #333;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing .pricing-header {
  height: 366px;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing .pricing-header * {
  color: #333;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing .pricing-header .btn {
  margin-top: 154px;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing .pricing-body ul li:before {
  background: url(../img/pricing/icon-check_black.svg) no-repeat;
  background-size: contain;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing button {
  background: #333;
  color: #fff !important;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing.stop-pricing button.btn-normal {
  border-color: #333;
  color: #333 !important;
  background: #fff !important;
}
.new-pricing-wrap .pricing-wrap .pricing-items.select-pricing-items .pricing .pricing-header h3 small {
  position: absolute;
  font-size: 14px;
  color: #333;
  margin-top: 12px;
  font-weight: 500;
}
.new-pricing-wrap .pricing-wrap .pricing {
  border-top: 7px solid #FF7A00;
  border-right: 1px solid #FB7800;
  border-bottom: 1px solid #FB7800;
  width: 100%;
}
.new-pricing-wrap .pricing-wrap .pricing:first-child {
  border-left: 1px solid #FB7800;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header {
  position: relative;
  text-align: center;
  min-height: 330px;
  padding: 40px 0 37px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header * {
  color: #FF7629;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header.request-price {
  padding-bottom: 10px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header .txt.trial {
  padding-bottom: 54px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header .badge {
  position: absolute;
  top: 18px;
  left: 50%;
  display: inline-block;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid #FF7A00;
  border-radius: 6px;
  line-height: 16px;
  padding: 0 10px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header h3 {
  font-size: 32px;
  margin: 0 0 10px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header p {
  color: #2E3452;
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 28px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header p.price {
  height: 74px;
  font-size: 36px;
  line-height: 28px;
  color: #FF7629;
  letter-spacing: 0.8px;
  margin: 0 0 10px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header p.price span {
  display: inline-block;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header p.price span:last-child {
  display: inline-block;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header p.price small {
  display: block;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  margin-top: 10px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul {
  width: fit-content;
  font-size: initial;
  margin: auto;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul li {
  display: flex;
  color: #2E3452;
  font-size: 16px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul li b,
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul li span,
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul li a {
  color: #2E3452;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header ul li span {
  display: inline-block;
  width: 100px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header .btn {
  width: 133px;
  background: #FF7A00;
  color: #fff;
  border: 0;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 22px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header .btn.btn-normal {
  color: #FF7A00;
  background: #fff;
  border: 1px solid #FF7A00;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header em {
  display: block;
  font-style: normal;
  font-size: 20px;
  color: #333;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  margin-top: 22px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-header em.date {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-body {
  padding: 0 0 20px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-body ul {
  margin: 0;
  padding: 0 20px 0 32px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-body ul li {
  list-style: none;
  position: relative;
  font-size: 14px;
  text-align: left;
  margin: 0 0 12px;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-body ul li a {
  color: inherit;
}
.new-pricing-wrap .pricing-wrap .pricing .pricing-body ul li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -20px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/pricing/icon-check_orange.svg) no-repeat;
  background-size: contain;
}
.new-pricing-wrap .price-wrap {
  max-width: 1440px;
  margin: 30px auto 0;
}
.new-pricing-wrap .price-wrap .btn-detail {
  display: block;
  border: 0;
  background: transparent;
  color: #626262;
  font-size: 20px;
  margin: 0 auto 10px;
}
.new-pricing-wrap .price-wrap .btn-detail:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  margin: 8px auto auto;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.new-pricing-wrap .price-wrap .btn-detail.open:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.new-pricing-wrap .pricing-detail-wrap {
  margin: 30px 0 40px;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap {
  background: #fff;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header {
  display: flex;
  border: 1px solid #CBCBCB;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div {
  width: 23%;
  border-left: 1px solid #CBCBCB;
  text-align: center;
  padding: 20px 10px;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div span {
  font-size: 26px;
  color: #FF7629;
  display: block;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div .btn {
  display: inline-block;
  color: #fff;
  background: #FF7A00;
  border: 0;
  font-size: 14px;
  border-radius: 5px;
  margin: 10px auto 0;
  padding: 4px 10px;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header div:first-child {
  width: calc(100% - 69% + 5px);
  border-left: 0;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap .pricing-detail-header.price_two div:first-child {
  width: calc(100% - 46% + 3px);
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap.fixed-header {
  position: fixed;
  top: 1px;
  left: 20px;
  width: calc(100% - 58px);
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 0px;
}
.new-pricing-wrap .pricing-detail-wrap .pricing-header-wrap.fixed-header .pricing-detail-header {
  max-width: 1400px;
  border-top: 0;
  border-bottom: 0;
  margin: auto;
}
.new-pricing-wrap .pricing-detail-wrap h4 {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  background: #F9F9F9;
  padding: 10px;
  border-left: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  margin: 0;
}
.new-pricing-wrap .pricing-detail-wrap table {
  width: 100%;
  margin: 0;
}
.new-pricing-wrap .pricing-detail-wrap table th,
.new-pricing-wrap .pricing-detail-wrap table td {
  border: 1px solid #CBCBCB;
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
}
.new-pricing-wrap .pricing-detail-wrap table th {
  text-align: left;
  word-break: break-word;
  font-weight: 400;
}
.new-pricing-wrap .pricing-detail-wrap table th img {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  margin-right: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.new-pricing-wrap .pricing-detail-wrap table th a {
  color: inherit;
}
.new-pricing-wrap .pricing-detail-wrap table td {
  text-align: center;
  color: #FF7629;
}
.new-pricing-wrap .pricing-detail-wrap table td img {
  width: 16px;
  height: 16px;
}
.new-pricing-wrap .pricing-ex-wrap {
  font-size: 14px;
  margin-top: 20px;
}
.new-pricing-wrap .pricing-ex-wrap i {
  vertical-align: bottom;
  font-size: 24px;
  margin: 0;
}
.new-pricing-wrap .pricing-ex-wrap h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.new-pricing-wrap .pricing-ex-wrap h5.dif {
  cursor: pointer;
}
.new-pricing-wrap .pricing-ex-wrap h5.dif:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  margin: 0 0 4px 10px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.new-pricing-wrap .pricing-ex-wrap h5.dif.open:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.new-pricing-wrap .pricing-ex-wrap div {
  margin-bottom: 10px;
}
.new-pricing-wrap .pricing-ex-wrap div .dif-content {
  margin: 0;
}
.new-pricing-wrap .pricing-ex-wrap ol {
  margin-left: 10px;
  padding: 0 0 0 ;
}
.new-pricing-wrap .pricing-ex-wrap ol.num-list li {
  position: relative;
  padding: 0 0 0 12px;
}
.new-pricing-wrap .pricing-ex-wrap ol.num-list li::marker {
  content: "";
}
.new-pricing-wrap .pricing-ex-wrap ol.num-list li:before {
  position: absolute;
  left: -2px;
  content: "1)";
}
.new-pricing-wrap .pricing-ex-wrap ol.num-list li:nth-child(2):before {
  content: "2)";
}
.new-pricing-wrap .pricing-ex-wrap ol.num-list li:last-child:before {
  content: "3)";
}
.new-pricing-wrap .pricing-ex-wrap ol.num2 li:before {
  content: "1.";
}
.new-pricing-wrap .pricing-ex-wrap ol.num2 li:last-child:before {
  content: "2.";
}
.new-pricing-wrap .pricing-ex-wrap p {
  margin: 10px 0 4px;
}
.new-pricing-wrap .pricing-ex-wrap p b {
  font-weight: 500;
}
.new-pricing-wrap .pricing-ex-wrap table {
  width: 100%;
}
.new-pricing-wrap .pricing-ex-wrap table th,
.new-pricing-wrap .pricing-ex-wrap table td {
  vertical-align: middle;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}
.new-pricing-wrap .pricing-ex-wrap table th {
  background: #F5F5F5;
  padding: 4px 10px;
  font-weight: 400;
  text-align: left;
}
.new-pricing-wrap .pricing-ex-wrap table td {
  padding: 4px 20px;
}
.new-pricing-wrap .pricing-ex-wrap table thead th {
  font-weight: 500;
  background: #EAEAEA;
  padding: 4px 20px;
}
.new-pricing-wrap .pricing-ex-wrap table thead th:first-child {
  padding: 4px 10px;
  border-right: 1px solid #fff;
}
.new-pricing-wrap .pricing-ex-wrap table.table50 {
  width: 50%;
}
.new-pricing-wrap .pricing-ex-wrap .mb20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .new-pricing-wrap .pc {
    display: none !important;
  }
  .new-pricing-wrap .mo {
    display: block !important;
  }
  .new-pricing-wrap .price-header .cross-btn {
    top: 14px;
  }
  .new-pricing-wrap .pricing-slide-wrap {
    margin: 10px 0 50px;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-prev:before,
  .new-pricing-wrap .pricing-slide-wrap .slick-next:before {
    content: "";
    border: solid #A7A7A7;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 10px;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-prev {
    left: 0;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-next {
    right: 0;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-next:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-dots li button:before,
  .new-pricing-wrap .pricing-slide-wrap .slick-dots li:hover button:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #CBCBCB;
    background: #fff;
    opacity: 1;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-dots li.slick-active button:before {
    border: 1px solid #CBCBCB;
    background: #CBCBCB;
  }
  .new-pricing-wrap .pricing-slide-wrap .pricing {
    max-width: 340px;
    width: 100% !important;
    height: 542px;
    border: 1px solid #FB7800;
    border-top: 7px solid #FB7800;
    margin: auto;
  }
  .new-pricing-wrap .pricing-slide-wrap .slick-track,
  .new-pricing-wrap .pricing-slide-wrap .slick-slide {
    outline: none;
  }
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div {
    position: relative;
    font-size: 16px;
    height: 120px;
  }
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div:first-child a {
    position: absolute;
    bottom: 10px;
    color: #FF7A00;
    font-weight: 500;
  }
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div.now-price span {
    margin-top: 0 !important;
  }
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div span {
    position: absolute;
    top: inherit !important;
    bottom: -40px;
    left: 50%;
    display: block;
    width: 80px;
    text-align: left;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -ms-transform: rotate(-90deg) translate3d(-50%, 0, 0) !important;
    -webkit-transform: rotate(-90deg) translate3d(-50%, 0, 0) !important;
    transform: rotate(-90deg) translate3d(-50%, 0, 0) !important;
    font-size: 16px !important;
  }
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div .btn,
  .new-pricing-wrap .pricing-detail-wrap .pricing-detail-header div i {
    display: none !important;
  }
  .new-pricing-wrap .pricing-ex-wrap table.table50 {
    width: 100%;
  }
}
@media screen and (max-width: 510px) {
  .new-pricing-wrap .slick-prev,
  .new-pricing-wrap .slick-next {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .modal-price-pop .modal-dialog {
    width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .modal-price-pop .modal-dialog {
    width: 94%;
    margin: auto;
  }
  .modal-price-pop .modal-dialog .modal-body {
    padding: 0 20px;
    max-height: 580px;
  }
}
/*가로 스트롤 스타일*/
.scroll-x {
  overflow-x: auto;
}
/*컨텐츠 width 100%*/
.full-w .wrapper {
  padding: 0 80px 25px;
}
.full-w .ibox {
  margin: 25px 0;
}
.check-wrap {
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}
.check-wrap div.check-style input + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.check-wrap div label {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 0.85rem;
}
.check-wrap div label a {
  font-size: inherit;
  color: #ffad36;
}
.frogue-preview {
  /*엘라스테이 스타일 Start*/
  /*토드 style*/
}
.frogue-preview.ellastay-preview {
  background-repeat: no-repeat;
  background-size: cover;
}
.frogue-preview.ellastay-preview .frogue-container {
  height: calc(100% - 52px - 40px);
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body {
  height: 100%;
  border-radius: 0 !important;
  box-shadow: none;
  overflow: initial;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-load-preview {
  height: 100%;
  border-radius: 0 !important;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-preview-bg {
  border-radius: 0 !important;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container {
  border-radius: 0 !important;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head {
  height: auto;
  min-height: 60px;
  line-height: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head:after {
  content: "";
  display: block;
  clear: both;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head .chatbot-profile-wrapper-preview {
  float: left;
  background-color: #fff;
  z-index: 1;
  margin: 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head .chatbot-profile-wrapper-preview img {
  top: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
  object-fit: contain;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head .chatbot-txt span {
  display: block;
  position: initial;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  white-space: inherit;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head .chatbot-txt p {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  margin: 2px 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-l .chatbot-profile-wrapper-preview {
  float: left;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-l .chatbot-txt {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-c .chatbot-profile-wrapper-preview {
  float: initial;
  display: block;
  margin: auto;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-c .chatbot-txt {
  text-align: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-r .chatbot-profile-wrapper-preview {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_c-r .chatbot-txt {
  float: left;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-l .chatbot-txt {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-c {
  text-align: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-c .chatbot-profile-wrapper-preview {
  float: initial;
  display: block;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-c .chatbot-txt {
  text-align: center;
  margin-top: 6px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-r {
  margin-top: 25px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-r .chatbot-profile-wrapper-preview {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_t-r .chatbot-txt {
  float: left;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-l {
  z-index: 1;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-l .chatbot-txt {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-c {
  text-align: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-c .chatbot-profile-wrapper-preview {
  float: initial;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-c .chatbot-txt {
  text-align: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-r {
  z-index: 1;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-r .chatbot-profile-wrapper-preview {
  float: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_b-r .chatbot-txt {
  float: left;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-l .chatbot-profile-wrapper-preview {
  display: none;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-l .chatbot-txt {
  position: initial;
  margin: auto;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-c .chatbot-profile-wrapper-preview {
  display: none;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-c .chatbot-txt {
  position: initial;
  margin: auto;
  text-align: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-r .chatbot-profile-wrapper-preview {
  display: none;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-head.align_txt-r .chatbot-txt {
  position: initial;
  margin: auto;
  text-align: right;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-body-inner {
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-body-inner .chat-body-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message {
  padding-bottom: 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message .message {
  border-radius: 20px 20px 20px 20px;
  font-size: 16px;
  font-family: "Noto Sans KR";
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.right .message .message-date {
  left: -50px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left {
  position: relative;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left .chatbot-profile-wrapper-preview {
  position: absolute;
  top: 10px;
  width: 30px;
  height: 30px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left .chatbot-profile-wrapper-preview img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left .message {
  margin-left: 34px !important;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left .message .message-date {
  right: -50px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left .button-container {
  margin-left: 34px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left.profile-none .chatbot-profile-wrapper-preview {
  display: none;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left.profile-none .message {
  margin-left: 0px !important;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left.profile-none .button-container {
  margin-left: 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message.left.profile-none .button-container .btn-option-list {
  margin-left: 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .chat-message .btn-option-list {
  width: fit-content;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-quick {
  position: relative;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-quick div {
  padding: 4px 8px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input {
  width: 100%;
  height: 42px;
  padding-top: 6px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .frogue-input-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-home {
  position: absolute;
  left: 6px;
  bottom: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-home .btn-home-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-home svg {
  position: relative;
  padding: 4px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-extension {
  left: 42px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .input-text-border {
  position: relative;
  bottom: 2px;
  width: calc(100% - 32px);
  border: 0;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-send {
  top: 4px;
  right: 6px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  opacity: 1;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-input .btn-send svg {
  width: 24px;
  margin: 4px;
}
.frogue-preview.ellastay-preview .frogue-container .frogue-body .frogue-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message {
  padding: 15px 20px 0;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message.left {
  padding-bottom: 0;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message.left .message {
  margin-left: 0 !important;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message .img-container {
  background: #fff;
  border-radius: 8px;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message .img-container .img-square {
  margin: auto;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message .message-content {
  margin: 4px 0;
}
.frogue-preview.toad .frogue-container .frogue-body .chat-message .btn-option-list {
  width: 100%;
  border-radius: 8px;
  margin-left: 0;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-quick {
  padding: 6px 20px;
  text-align: center;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-quick .btn-option-list {
  border-radius: 24px;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-input {
  padding: 4px 0;
  margin: 0 20px;
  border-radius: 7px;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-input .input-text-border {
  border: 0;
  text-align: center;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-input .btn-send {
  top: 8px;
  right: 34px;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-input .btn-extension {
  left: inherit;
  right: 6px;
  bottom: 9px;
  width: 24px;
  height: 24px;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-footer {
  margin: 4px 0 0;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-footer a {
  padding: 0;
  font-size: 14px;
}
.frogue-preview.toad .frogue-container .frogue-body .frogue-footer a svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
/* 특정 컨테이너 loading 상태 표시 */
.container-loading:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) url(../img/common/loading.gif) no-repeat center;
  background-size: 240px;
  z-index: 10;
}
.container-loading:after {
  content: "잠시만 기다려주세요...";
  position: absolute;
  bottom: calc(50% - 90px);
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  z-index: 11;
}
/* 알림관리*/
.alarm-wrap {
  /*앱 사용자 관리*/
  /*알림 목록*/
  /*알림 내역*/
}
.alarm-wrap .appUser-wrap .appUser-item {
  width: calc(25% - 10px);
  height: 164px;
  border: 1px solid #c0c0c0;
  border-radius: 14px;
  padding: 0;
  margin-left: 10px;
}
.alarm-wrap .appUser-wrap .appUser-item:first-child {
  margin-left: 0;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-create .appUser-top {
  position: relative;
  padding: 12px;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-create .appUser-top h4 {
  text-align: center;
  font-size: 16px;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-create .appUser-top input {
  width: 100%;
  border: 1px solid #121212;
  padding: 6px 8px;
  margin-top: 4px;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-create .appUser-top span {
  display: block;
  font-size: 12px;
  color: #ec2e2e;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-create .appUser-top small {
  position: absolute;
  right: 12px;
  bottom: 18px;
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-edit .appUser-top .appUser-header input {
  width: calc(100% - 60px);
}
.alarm-wrap .appUser-wrap .appUser-item.appUser-edit .appUser-top .appUser-header small {
  margin-left: 2px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top {
  height: 120px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header p {
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
  max-width: calc(100% - 82px);
  width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header img {
  display: none;
  width: auto;
  height: 16px;
  filter: opacity(0.4);
  margin-left: 4px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header span {
  position: absolute;
  right: 12px;
  display: inline-block;
  background: #C8C8C8;
  font-size: 14px;
  color: #fff;
  width: 60px;
  height: 24px;
  line-height: 22px;
  border-radius: 20px;
  text-align: center;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header span.on {
  background: #5cb85c;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-body {
  padding: 0 10px 10px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-body ul {
  padding: 0;
  margin: 0;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-body ul li {
  font-size: 14px;
  list-style: none;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-bottom {
  padding: 0 10px 10px;
  display: flex;
  justify-content: space-between;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-bottom .button {
  width: calc(100% / 2 - 4px);
  box-shadow: none;
  border-radius: 14px;
  padding: 8px;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-bottom .button.btn-gray {
  background: #757575;
  color: #fff;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-bottom .button.btn-gray-line {
  border: 1px solid #757575;
  color: #000;
  background: #fff;
}
.alarm-wrap .appUser-wrap .appUser-item .appUser-bottom .button:hover {
  box-shadow: none;
}
@media (max-width: 1400px) {
  .alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header p {
    font-size: 18px;
  }
  .alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-header span {
    font-size: 12px;
  }
  .alarm-wrap .appUser-wrap .appUser-item .appUser-top .appUser-body ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1400px) {
  .alarm-wrap .appUser-wrap .appUser-item {
    width: calc(50% - 10px);
    float: left;
  }
  .alarm-wrap .appUser-wrap .appUser-item:nth-child(3) {
    margin-left: 0;
  }
  .alarm-wrap .appUser-wrap .appUser-item:nth-child(3),
  .alarm-wrap .appUser-wrap .appUser-item:nth-child(4) {
    margin-top: 10px;
  }
}
.alarm-wrap .alarm-setting-wrap {
  overflow: auto;
}
.alarm-wrap .alarm-setting-wrap .alarm-item {
  float: left;
  width: calc(50% - 10px);
  border: 1px solid #c0c0c0;
  margin: 0 20px 20px 0;
}
.alarm-wrap .alarm-setting-wrap .alarm-item:nth-child(2n) {
  margin-right: 0;
}
.alarm-wrap .alarm-setting-wrap .alarm-item.full {
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin: 0;
  padding: 60px 0;
}
.alarm-wrap .alarm-setting-wrap .alarm-item input,
.alarm-wrap .alarm-setting-wrap .alarm-item select {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 1px solid #c0c0c0;
  background: #fff;
  margin-bottom: 10px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item select[disabled] {
  background: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body {
  padding: 20px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner {
  display: flex;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner button {
  margin-bottom: 10px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner #selectCollectors {
  margin-top: 34px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner #selectCollectors input {
  margin-bottom: 0;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner .time {
  display: flex;
  height: 32px;
  border: 1px solid #c0c0c0;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner .time input {
  width: 40px;
  height: 30px;
  border: 0;
  text-align: center;
  margin: 0;
  margin-left: 2px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-body .input-inner .time i {
  line-height: 32px;
  font-style: normal;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-footer {
  text-align: center;
  padding: 0 20px 20px;
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-footer button {
  width: calc(50% - 8px);
}
.alarm-wrap .alarm-setting-wrap .alarm-item .align-footer button:last-child {
  margin-right: 0;
}
.alarm-wrap .module-table-content td select {
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.alarm-wrap .module-table-content td .time {
  display: flex;
  margin-left: 2px;
  background: #fff;
  border: 1px solid #767676;
}
.alarm-wrap .module-table-content td .time input {
  width: 34px;
  border: 0;
  text-align: center;
}
.alarm-wrap .module-table-content td .time i {
  display: block;
  font-style: normal;
}
.alarm-wrap .module-table-content td .repeat {
  display: flex;
  align-items: center;
}
.alarm-wrap .module-table-content td .repeat select:first-child {
  margin-right: 2px;
}
.alarm-wrap .module-table-content td .repeat select[disabled] {
  background: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
}
.alarm-wrap #selectCollectors li {
  line-height: 14px;
  padding: 7px 15px;
}
.alarm-wrap #selectCollectors li span {
  margin-left: 20px;
}
.alarm-wrap .module-table-ele {
  max-width: none;
}
/*arrow 스타일*/
.arrow_r {
  position: absolute;
  top: 8px !important;
  right: 20px !important;
}
.arrow_r:before {
  content: "";
  display: block;
  margin: 30px auto;
  width: 25px;
  height: 25px;
  border-top: 2px solid #C8C8C8;
  border-left: 2px solid #C8C8C8;
  transform: rotate(135deg);
}
.pop-nlu .pop-head h4 {
  font-weight: 600;
}
.pop-nlu .pop-head div {
  display: flex;
  border: 1px solid #e0e0e0;
  margin-top: 20px;
}
.pop-nlu .pop-head div input {
  border: none;
  border-right: 1px solid #e0e0e0;
  padding: 8px;
  width: calc(100% - 48px);
}
.pop-nlu .pop-head div button {
  border: none;
}
.pop-nlu .pop-head p {
  background: #ecd7c1;
  line-height: 24px;
  padding: 10px;
  margin-top: 10px;
}
.pop-nlu .pop-body {
  position: relative;
  margin: 10px 0 20px;
  height: 280px;
  overflow-y: auto;
  border: 1px solid #e0e0e0;
}
.pop-nlu .pop-body.dimmed {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 24px;
}
.pop-nlu .pop-body.dimmed svg {
  fill: #fff;
  display: block;
  width: 46px;
  height: 46px;
  margin: auto;
}
.pop-nlu .pop-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pop-nlu .pop-body ul li {
  padding: 0 10px;
  border-top: 1px solid #e0e0e0;
}
.pop-nlu .pop-body ul li:first-child {
  border-top: none;
}
.pop-nlu .pop-body ul li .checkbox label,
.pop-nlu .pop-body ul li .radio label {
  padding-left: 0;
}
.pop-nlu .pop-body .loading-dimmed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.pop-nlu .pop-body .loading-dimmed p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.pop-nlu .pop-body .loading-dimmed p svg {
  display: block;
  width: 62px;
  filter: invert(1);
  margin: auto auto 10px;
}
.pop-nlu .pop-footer button {
  display: block;
  width: 100%;
  padding: 12px 0;
}
.pop-nlu .pop-footer button:first-child {
  margin-bottom: 10px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem {
  position: relative;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem.lock:hover .db-tenant-item {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.6);
  color: #222;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem.lock:hover .db-tenant-item span.charge {
  color: #FF7A00;
  border-color: #FF7A00;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem.lock:hover .db-tenant-item i.arrow_r:before {
  border-color: #C8C8C8;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .lock-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .lock-screen p {
  text-align: center;
  font-weight: 600;
  margin-top: 12px;
}
.db-select-tenant-area .db-tenants-area .db-tenant-elem .lock-screen img {
  display: block;
  width: 26px;
  margin: auto;
}
/*챗봇체험*/
.bot-list.chatbot-experience:hover {
  box-shadow: 0px 5px 10px #00000055;
  cursor: pointer;
  transition: all 0.2s linear;
}
.bot-list.chatbot-experience .profile-wrap {
  display: flex;
  align-items: center;
}
.bot-list.chatbot-experience img {
  position: inherit;
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin: 10px;
}
.bot-list.chatbot-experience h2,
.bot-list.chatbot-experience p {
  text-align: left;
}
.bot-list.chatbot-experience h2 {
  margin: 0;
}
.bot-list.chatbot-experience p {
  font-size: 14px;
}
.bot-list.chatbot-experience .bot-statistics a {
  width: calc(100% / 3);
}
.platform-wrap_cnm {
  overflow: auto;
}
.cinamon-inactive-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f7f8fb;
}
.cinamon-inactive-wrapper .cinamon-inactive-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cinamon-inactive-wrapper .cinamon-inactive-inner .cinamon-inactive-content {
  font-size: 1.5rem;
  color: #47494e;
}
.cinnamon-content .btn-cinnamon-wrap {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  font-weight: 400 !important;
  border-radius: 4px !important;
  padding: 4px 12px !important;
  margin-left: 4px;
  margin-right: 0;
}
.cinnamon-content .btn-cinnamon-wrap:first-child {
  margin-left: 0;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon {
  border: 1px solid #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon:hover {
  background-color: #000;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon.btn-disabled {
  border: 1px solid #c0c0c0 !important;
  background-color: #c0c0c0 !important;
  cursor: default;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon-line {
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon-line:hover {
  background-color: #fff;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon-line.btn-disabled-line {
  border: 1px solid #c0c0c0 !important;
  background-color: #c0c0c0 !important;
  cursor: default;
  color: #fff !important;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon-delete {
  border: 1px solid #9a0102 !important;
  background-color: #9a0102 !important;
  color: #fff !important;
}
.cinnamon-content .btn-cinnamon-wrap.btn-cinnamon-delete:hover {
  background-color: #9a0102;
}
.cinnamon-content .btn-cinnamon-wrap:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.cinnamon-content .btn-cinnamon-wrap.btn-disabled {
  border: 1px solid #c0c0c0 !important;
  cursor: default;
}
.cinnamon-content .btn-cinnamon-wrap.btn-filter span {
  color: #fff;
}
.cinnamon-content .tabs-wrap {
  border-bottom: 0;
  margin-top: 20px;
}
.cinnamon-content .tabs-wrap .tabs {
  max-width: 1520px;
  border-bottom: 1px solid #000;
  padding: 0;
}
.cinnamon-content .tabs-wrap .tabs .tab-item {
  font-weight: 400;
  border: 1px solid #d9d9d9;
  min-width: 160px;
  height: 50px;
  line-height: 48px;
  background: #fff;
  padding: 0;
  text-align: center;
}
.cinnamon-content .tabs-wrap .tabs .tab-item.active {
  position: relative;
  border: 1px solid #000;
  border-bottom: 0;
  color: #000;
}
.cinnamon-content .tabs-wrap .tabs .tab-item.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: #fff;
}
.cinnamon-content .list-moreBtn {
  width: 350px;
  margin: 20px auto 0;
}
.cinnamon-content .list-moreBtn .btn-cinnamon-wrap {
  width: 100%;
}
.cinnamon-content .switch input {
  width: 0 !important;
  height: 0 !important;
}
.cinnamon-content .switch + .switch-state {
  width: fit-content;
}
.cinnamon-content .switch + .switch-state .switchYes {
  color: #ed1c24;
}
.cinnamon-content .switch input[sub-value="true"] + .slider,
.cinnamon-content .switch .switch-on.slider {
  background-color: #ed1c24;
}
.cinnamon-content .btn-secondary-text,
.cinnamon-content .switch .switch-state .switchYes {
  color: #ed1c24 !important;
}
.cinnamon-content .icheckbox_square-green,
.cinnamon-content .iradio_square-green {
  background: #fff;
  border: 1px solid #666;
  width: 18px;
  height: 18px;
}
.cinnamon-content .icheckbox_square-green.hover,
.cinnamon-content .iradio_square-green.hover {
  background-color: transparent;
}
.cinnamon-content .icheckbox_square-green.checked,
.cinnamon-content .iradio_square-green.checked {
  background-color: #666;
}
.cinnamon-content .icheckbox_square-green.checked:after,
.cinnamon-content .iradio_square-green.checked:after {
  content: "v";
  position: absolute;
  display: block;
  color: #fff;
  font-weight: 500;
  margin: -2px 4px 0;
}
.cinnamon-content .check-style.radio input + label {
  padding-right: 0px;
}
.cinnamon-content .check-style input + label:before {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  border-radius: 0;
}
.cinnamon-content .check-style.radio input + label:before {
  border-radius: 50%;
}
.cinnamon-content .check-style input:checked + label:before {
  border-radius: 0;
  background-image: none;
  background-color: #666;
  border: 1px solid #666;
}
.cinnamon-content .check-style input:checked + label:after {
  content: "v";
  position: absolute;
  display: block;
  color: #fff;
  font-weight: 500;
  margin: 0 4px;
}
.cinnamon-content .check-style.radio input:checked + label:before {
  background-color: transparent;
  border-radius: 50%;
  border-color: #c0c0c0 !important;
}
.cinnamon-content .check-style.radio input:checked + label:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px !important;
  height: 10px !important;
  background-color: #666 !important;
  border-radius: 50%;
  margin: 2px 4px 0 !important;
}
.cinnamon-content .nlu-slider .irs-line,
.cinnamon-content .irs-bar-edge {
  background: linear-gradient(to right, #ed1c24 0%, #ed1c24 100%);
}
.cinnamon-content .irs-from,
.cinnamon-content .irs-to,
.cinnamon-content .irs-single,
.cinnamon-content .nluSetting .nlu-slider .irs .irs-bar,
.cinnamon-content .nluSetting .nlu-slider .irs .irs-bar-edge {
  background: #ed1c24;
}
.cinnamon-content .db-badge-primary {
  background-color: #ed1c24 !important;
}
.cinnamon-content .module-scroll-ele {
  overflow: inherit;
}
.cinnamon-content .detail-wrapper,
.cinnamon-content .wrapper {
  padding: 20px 30px;
  margin-top: 0;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap,
.cinnamon-content .wrapper .ibox-title-wrap {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 6px;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap:first-child,
.cinnamon-content .wrapper .ibox-title-wrap:first-child {
  margin-top: 0;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .ibox-title,
.cinnamon-content .wrapper .ibox-title-wrap .ibox-title {
  font-size: 20px;
  margin: 0;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .right,
.cinnamon-content .wrapper .ibox-title-wrap .right {
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .right.option-input-wrapper select,
.cinnamon-content .wrapper .ibox-title-wrap .right.option-input-wrapper select {
  width: 225px;
  height: 30px;
  border: 1px solid #d9d9d9;
  font-weight: 400;
  color: #333;
  padding: 0 10px;
  margin: 0 0 0 6px;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .right.option-input-wrapper input,
.cinnamon-content .wrapper .ibox-title-wrap .right.option-input-wrapper input {
  width: 225px;
  height: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  font-weight: 400;
  color: #333;
  padding: 0 10px;
  margin-left: 6px;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .right.option-input-wrapper input::placeholder,
.cinnamon-content .wrapper .ibox-title-wrap .right.option-input-wrapper input::placeholder {
  font-style: normal;
}
.cinnamon-content .detail-wrapper .ibox-title-wrap .right .btn,
.cinnamon-content .wrapper .ibox-title-wrap .right .btn {
  margin: 0 0 0 6px;
}
.cinnamon-content .detail-wrapper .ibox,
.cinnamon-content .wrapper .ibox {
  margin: 0 0 10px;
}
.cinnamon-content .detail-wrapper .ibox .ibox-content,
.cinnamon-content .wrapper .ibox .ibox-content {
  padding: 30px 20px;
}
.cinnamon-content .detail-wrapper .ibox .ibox-content .module-single-ele,
.cinnamon-content .wrapper .ibox .ibox-content .module-single-ele {
  max-width: 100%;
}
.cinnamon-content .detail-wrapper .ibox .ibox-content .module-single-ele textarea,
.cinnamon-content .wrapper .ibox .ibox-content .module-single-ele textarea {
  max-width: 100%;
}
.cinnamon-content .detail-wrapper .ibox .ibox-content .module-table-ele,
.cinnamon-content .wrapper .ibox .ibox-content .module-table-ele {
  max-width: 100%;
}
.cinnamon-content .detail-wrapper .ibox .ibox-content .input-wrapper,
.cinnamon-content .wrapper .ibox .ibox-content .input-wrapper {
  max-width: 100%;
}
.cinnamon-content .detail-wrapper .module-table-content td.reference .tag-editor,
.cinnamon-content .wrapper .module-table-content td.reference .tag-editor {
  padding: 20px 80px 20px 20px;
}
.cinnamon-content .detail-wrapper .module-table-content td.reference .btn-cinnamon-delete,
.cinnamon-content .wrapper .module-table-content td.reference .btn-cinnamon-delete {
  background: #9a0102 !important;
  opacity: 1;
  line-height: 18px;
  margin-right: 8px;
}
.cinnamon-content .detail-wrapper .module-table-content td.reference .words-recommendation .recommended-item-list .cross-btn,
.cinnamon-content .wrapper .module-table-content td.reference .words-recommendation .recommended-item-list .cross-btn {
  right: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table,
.cinnamon-content .wrapper .cinnamon-table {
  table-layout: auto;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-top: 2px solid #b3b9be;
  word-break: break-all;
}
.cinnamon-content .detail-wrapper .cinnamon-table.hover tr:hover,
.cinnamon-content .wrapper .cinnamon-table.hover tr:hover {
  background-color: #fffbed;
}
.cinnamon-content .detail-wrapper .cinnamon-table th,
.cinnamon-content .wrapper .cinnamon-table th {
  height: 50px;
  background-color: #f9f9f9;
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 15px;
}
.cinnamon-content .detail-wrapper .cinnamon-table td,
.cinnamon-content .wrapper .cinnamon-table td {
  line-height: 18px;
  height: 45px;
  border-right: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 3px 15px !important;
  color: #666;
  font-size: .9375rem;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cinnamon-content .detail-wrapper .cinnamon-table td + th,
.cinnamon-content .wrapper .cinnamon-table td + th,
.cinnamon-content .detail-wrapper .cinnamon-table td + td,
.cinnamon-content .wrapper .cinnamon-table td + td {
  border-left: 1px solid #d9d9d9;
}
.cinnamon-content .detail-wrapper .cinnamon-table td.click,
.cinnamon-content .wrapper .cinnamon-table td.click {
  cursor: pointer;
}
.cinnamon-content .detail-wrapper .cinnamon-table td.click:hover,
.cinnamon-content .wrapper .cinnamon-table td.click:hover {
  text-decoration: underline;
}
.cinnamon-content .detail-wrapper .cinnamon-table td .input-wrapper,
.cinnamon-content .wrapper .cinnamon-table td .input-wrapper {
  width: 100%;
}
.cinnamon-content .detail-wrapper .cinnamon-table td .options span.active,
.cinnamon-content .wrapper .cinnamon-table td .options span.active {
  color: #FFAD36;
}
.cinnamon-content .detail-wrapper .cinnamon-table td input,
.cinnamon-content .wrapper .cinnamon-table td input {
  width: 100%;
  height: 30px;
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  border-radius: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table td input::placeholder,
.cinnamon-content .wrapper .cinnamon-table td input::placeholder {
  font-style: normal;
}
.cinnamon-content .detail-wrapper .cinnamon-table td textarea,
.cinnamon-content .wrapper .cinnamon-table td textarea {
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.cinnamon-content .detail-wrapper .cinnamon-table td .db-list-none,
.cinnamon-content .wrapper .cinnamon-table td .db-list-none {
  margin-top: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table td .db-list-none .db-list-none-content,
.cinnamon-content .wrapper .cinnamon-table td .db-list-none .db-list-none-content {
  margin: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table td.conbine .align-wrap .text-wrap input,
.cinnamon-content .wrapper .cinnamon-table td.conbine .align-wrap .text-wrap input {
  border: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table td .clean-calendar > table th,
.cinnamon-content .wrapper .cinnamon-table td .clean-calendar > table th,
.cinnamon-content .detail-wrapper .cinnamon-table td .clean-calendar > table td,
.cinnamon-content .wrapper .cinnamon-table td .clean-calendar > table td {
  height: initial;
  padding: initial !important;
  line-height: initial;
  border: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td,
.cinnamon-content .wrapper .cinnamon-table.log-table td {
  padding: 0 !important;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box {
  margin: 0;
  border: 0;
  padding: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-upper > div,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-upper > div {
  padding: 6px 15px;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower {
  max-width: 100%;
  margin-top: 0;
  padding: 15px;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower .old-ibox-footer .btn-area > .form-control,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower .old-ibox-footer .btn-area > .form-control {
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower .old-ibox-footer .btn-area > .form-control .selectCollector_new,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower .old-ibox-footer .btn-area > .form-control .selectCollector_new {
  background-color: #000;
  color: #fff;
  margin-top: 5px;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower table td,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower table td {
  padding: 3px 15px !important;
  border-right: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower table td:first-child,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .list-box .list-box-lower table td:first-child {
  border-right: 1px solid #d9d9d9;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .table-list .log-search-result,
.cinnamon-content .wrapper .cinnamon-table.log-table td .table-list .log-search-result {
  width: 350px;
  margin: 20px auto 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .chatflow-log .list-box,
.cinnamon-content .wrapper .cinnamon-table.log-table td .chatflow-log .list-box {
  border: 1px solid #d9d9d9;
  border-top: 0;
  border-radius: 0;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .chatflow-log .list-box .list-box-upper > span,
.cinnamon-content .wrapper .cinnamon-table.log-table td .chatflow-log .list-box .list-box-upper > span {
  padding: 6px 15px;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .chatflow-log .list-box .list-box-lower .module-table-ele,
.cinnamon-content .wrapper .cinnamon-table.log-table td .chatflow-log .list-box .list-box-lower .module-table-ele {
  max-width: 100%;
}
.cinnamon-content .detail-wrapper .cinnamon-table.log-table td .chatflow-log .log-search-result button,
.cinnamon-content .wrapper .cinnamon-table.log-table td .chatflow-log .log-search-result button {
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}
.cinnamon-content .detail-wrapper .cinnamon-table.cinnamon-table_none,
.cinnamon-content .wrapper .cinnamon-table.cinnamon-table_none {
  border: 0;
  border-top: 2px solid #b3b9be;
}
.cinnamon-content .detail-wrapper .cinnamon-table.cinnamon-table_none thead tr,
.cinnamon-content .wrapper .cinnamon-table.cinnamon-table_none thead tr {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.cinnamon-content .detail-wrapper .cinnamon-table.cinnamon-table_none td,
.cinnamon-content .wrapper .cinnamon-table.cinnamon-table_none td {
  border-bottom: 0;
}
.cinnamon-content .float-btn {
  width: 100%;
  bottom: 0;
}
.cinnamon-content .float-btn .float-inner {
  padding: 20px 30px;
}
.cinnamon-content .float-btn .float-inner .btn {
  margin-left: 0;
  margin-right: 4px;
}
.cinnamon-content .float-btn.chatflow {
  width: calc(100% - 188px);
}
.cinnamon-content .float-btn .chatflow-btnD {
  position: relative;
  right: initial;
  margin-right: initial;
}
.cinnamon-content .float-btn.chatflow-tree .area-right {
  position: initial;
  right: initial;
}
.cinnamon-content .speak-type .module-card-content .module-card-item .module-card-item-content .button-order .button {
  border: 1px solid #c0c0c0;
  color: #666 !important;
}
.cinnamon-content .speak-type .module-card-content .module-card-item .module-card-item-content .button-order .button:hover {
  background: transparent;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table td input {
  border: 0;
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table td .delete-btn {
  text-indent: inherit;
  width: auto;
  height: auto;
  background-image: none !important;
  opacity: 1;
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table td .btn-del {
  background-image: url(../img/common/trash_r.png) !important;
  text-indent: -9999px !important;
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table.table-bordered td {
  padding: 16px 20px !important;
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table.table-bordered td .table-bordered th {
  height: inherit;
}
.cinnamon-content.nlu-faq-wrap .cinnamon-table.table-bordered td .table-bordered td {
  padding: 0 !important;
  height: 32px;
}
.cinnamon-content .group-knowledge-detail .round-label-hal-type {
  height: initial;
}
.cinnamon-content .module-single-ele .nlu #bvalue,
.cinnamon-content .module-flex-ele .nlu #bvalue,
.cinnamon-content .module-single-ele .nlu #cvalue,
.cinnamon-content .module-flex-ele .nlu #cvalue {
  color: #ed1c24;
}
.cinnamon-content .knowledge-content .module-flex-wrap .option-module .option-module-inner:last-child {
  float: initial;
}
.cinnamon-content .chatflow-wrapper {
  background: #f8f8f8;
}
.cinnamon-content .chatflow-panel {
  height: 100%;
}
.cinnamon-content .detail-title-area.chatflow {
  background-color: #f8f8f8;
  width: calc(100% - 188px);
}
.cinnamon-content .detail-title-area.chatflow .chatflow-canvas-nav.is-open {
  margin-right: 0;
}
.cinnamon-content .chatflowCanvas-container .chatflowCanvas {
  width: 100%;
  height: calc(100% - 145px);
  margin-top: 75px;
}
.cinnamon-content .nodepop {
  height: 100%;
}
.cinnamon-content .nodepop .chatflow-node-body {
  height: 100%;
}
.cinnamon-content .nodepop .chatflow-node-body.chatflow-jump-node-body,
.cinnamon-content .nodepop .chatflow-node-body.chatflow-function-node-body {
  position: absolute;
  height: calc(100% - 206px);
  width: 100%;
}
.cinnamon-content .nodepop .node_float-btn {
  bottom: 0 !important;
}
.cinnamon-content .sheet-panel {
  top: 0;
  left: 550px;
  width: calc(100% - 550px);
  height: 100%;
}
.cinnamon-content #popupKnowledgeNodePanel .layer-popup {
  left: 266px;
}
.cinnamon-content.tree-detail .ibox {
  border: 1px solid rgba(109, 93, 65, 0.21);
}
.cinnamon-content.tree-detail .ibox .ibox-content {
  padding: 30px 20px !important;
}
.check-input {
  background-color: #584c35;
  text-align: left;
  color: #fff;
  padding: 16px 10px;
  margin: 10px 0 20px;
}
.check-input input {
  width: 100%;
  border: 0;
  margin-top: 10px;
}
/* 프로그 테마 */
.theme-container {
  border-radius: 4px;
  background: #c4c4c4;
  padding: 4px;
  margin-bottom: 4px;
  display: inline-block;
}
.theme-container .btn {
  width: 36px;
  height: 32px;
  display: inline-block;
  padding: 0;
}
@keyframes frogue-load {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 프로그 미리보기 */
.frogue-preview {
  float: right;
  width: 100%;
  cursor: not-allowed;
  position: relative;
  background-color: var(--color-bg);
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.frogue-preview .frogue-container {
  width: 320px;
  height: 620px;
  margin: 18px auto;
  position: relative;
}
.frogue-preview .frogue-container .frogue-head {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 2px 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.frogue-preview .frogue-container .frogue-head .chatbot-profile-wrapper-preview {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 10px;
  text-align: center;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  margin-right: 7px;
}
.frogue-preview .frogue-container .frogue-head .chatbot-profile-wrapper-preview img {
  position: absolute;
  border-radius: 50%;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
}
.frogue-preview .frogue-container .frogue-head span {
  position: relative;
  top: -13px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  white-space: nowrap;
  width: 10%;
}
.frogue-preview .frogue-container .frogue-body {
  border-radius: 16px !important;
  height: 560px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview {
  position: absolute;
  width: 100%;
  height: 560px;
  border-radius: 17px !important;
  z-index: 1;
  opacity: 0;
  background: #fff;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container {
  background: radial-gradient(#fff, #c4c4c4);
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 17px !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container .loading-page {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container .loading-page h4 {
  margin: 180px auto 0 auto;
  font-weight: bold;
  font-size: 14px;
  color: #3d3d3d;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container .loading-page div {
  margin: 8px;
  font-size: 12px;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-default-container .loading-page img {
  margin-top: 10px;
  width: 100px;
  height: 100px;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-preview-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 16px !important;
  -moz-box-shadow: inset 0px 1px 100px 0px #00000080;
  -webkit-box-shadow: inset 0px 1px 100px 0px #00000080;
  box-shadow: inset 0px 1px 100px 0px #00000080;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-img-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-img-container .loading-page {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-img-container .loading-page h4 {
  margin: 180px auto 0 auto;
  font-weight: bold;
  font-size: 14px;
  color: #3d3d3d;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-img-container .loading-page div {
  margin: 8px;
  font-size: 12px;
}
.frogue-preview .frogue-container .frogue-body .frogue-load-preview .frogue-load-img-container .loading-page img {
  margin-top: 10px;
  width: 100px;
  height: 100px;
}
.frogue-preview .frogue-container .frogue-body .run-preview {
  animation-name: frogue-load;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
.frogue-preview .frogue-container .frogue-body .chat-message {
  margin-bottom: 0px;
}
.frogue-preview .frogue-container .frogue-body .chat-message.right .message {
  border-radius: 8px 0 8px 8px;
  padding: 6px 10px 6px 10px;
  display: inline-block;
}
.frogue-preview .frogue-container .frogue-body .chat-message.right .message-date {
  position: absolute;
  bottom: 0;
  font-size: 10px;
  letter-spacing: 0;
  left: -42px;
}
.frogue-preview .frogue-container .frogue-body .chat-message.left .message {
  border-radius: 0 8px 8px 8px;
  padding: 6px;
  display: inline-block;
  margin-left: 4px !important;
}
.frogue-preview .frogue-container .frogue-body .chat-message.left .message .img-container .img-square {
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.frogue-preview .frogue-container .frogue-body .chat-message.left .message-date {
  position: absolute;
  bottom: 0;
  font-size: 10px;
  letter-spacing: 0;
  right: -42px;
}
.frogue-preview .frogue-container .frogue-body .chat-message .btn-option-list {
  margin-top: 3px;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  width: 188px;
  margin-left: 3px;
}
.frogue-preview .frogue-container .frogue-body .chat-message .btn-option-list span {
  word-break: break-word;
}
.frogue-preview .frogue-container .frogue-body .frogue-bottom {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 4px;
}
.frogue-preview .frogue-container .frogue-body .frogue-footer {
  width: 100%;
  text-align: center;
  margin-top: 4px;
  transition: 0.2s all ease-in;
  font-family: Noto Sans KR, Apple SD Gothic Neo, Nanum Barun Gothic, Helvetica, Arial, Malgun Gothic, "sans-serif" !important;
}
.frogue-preview .frogue-container .frogue-body .frogue-footer a {
  color: var(--color-main);
  background: var(--color-sub);
  width: fit-content;
  border: none;
  padding: 0px 0 12px;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.frogue-preview .frogue-container .frogue-body .frogue-footer strong {
  font-size: 14px;
  letter-spacing: -0.08px;
  padding: 0;
  margin: 0;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: pre-line;
  text-align: left;
}
.frogue-preview .frogue-container .frogue-space {
  height: 40px;
}
.frogue-preview .frogue-container .frogue-quick {
  padding: 6px 12px;
  transition: 0.2s all ease-in;
  white-space: nowrap;
  word-break: keep-all;
  overflow-x: auto;
}
.frogue-preview .frogue-container .frogue-quick::-webkit-scrollbar {
  display: none;
}
.frogue-preview .frogue-container .frogue-quick .btn-option-list {
  margin-top: 3px;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
}
.frogue-preview .frogue-container .frogue-input {
  position: relative;
  padding-right: 10px;
  padding-bottom: 6px;
}
.frogue-preview .frogue-container .frogue-input .btn-extension {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 7px;
  bottom: 7px;
}
.frogue-preview .frogue-container .frogue-input .input-text-border {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding: 5px;
}
.frogue-preview .frogue-container .frogue-input .btn-send {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 5px;
  opacity: 0.8;
}
.frogue-preview .frogue-container .frogue-icon-preview {
  width: 100%;
  height: 60px;
  top: 10px;
  text-align: right;
  display: block;
  float: left;
  right: 0;
  position: relative;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-icon-preview-container {
  width: 60px;
  height: 60px;
  right: 70px;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 6px 6px 0 rgba(79, 98, 114, 0.5) !important;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-icon-preview-container svg {
  left: 0;
  top: 0;
  position: absolute;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-launcher-close-icon {
  width: 60px;
  height: 60px;
  top: auto;
  border-radius: 100%;
  bottom: 0px;
  right: 0;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  box-shadow: 0 6px 6px 0 rgba(79, 98, 114, 0.5) !important;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-launcher-close-icon svg {
  position: absolute;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-custom-icon {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  z-index: 1;
}
.frogue-preview .frogue-container .frogue-icon-preview .frogue-custom-icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
/*# sourceMappingURL=danbee.css.map */