pre[class*=language-] {
 margin-bottom:1rem;
 padding:1.5rem;
 font-size:13px;
 max-height:500px!important;
 overflow-y:auto
}
.bg-botika {
 background-color:#041e49!important
}
.text-botika {
 color:#041e49!important
}
.form-show-validation.has-error .show-password {
 top:30%
}
.form-show-validation.has-success .show-password {
 top:36%
}
.form-show-validation.has-error .input-icon .input-icon-addon {
 top:-20%
}
.form-show-validation.has-success .input-icon .input-icon-addon {
 top:-15%
}
.logo-header[data-background-color=dark].bg-botika,
[data-background-color=dark].bg-botika {
 background:#041e49!important
}
table {
 border-spacing:0!important
}
.input-round {
 border-radius:100px!important
}
.g-recaptcha {
 transform-origin:left top;
 -webkit-transform-origin:left top
}
.g-recaptcha div[style="width: 304px; height: 78px;"] {
 margin:0 auto
}
.avatar-whatsapp::before {
 background:url(../img/icon/whatsapp_icon.png)
}
.avatar-oawhatsapp::before,
.avatar-oawhatsappdamcorp::before,
.avatar-oawhatsappjatis::before,
.avatar-oawhatsapptwilio::before {
 background:url(../img/icon/whatsapp_icon.png)
}
.avatar-zalooa::before {
 background:url(../img/icon/zalo_icon.png)
}
.avatar-igcomment::before {
 background:url(../img/icon/instagram_icon.png)
}
.avatar-eliza::before {
 background:url(../img/icon/call_icon.png)
}
.avatar-wechat::before {
 background:url(../img/icon/wechat_icon.png)
}
.avatar-email::before {
 background:url(../img/icon/email_icon.png)
}
.avatar-telegram::before {
 background:url(../img/icon/telegram_icon.png)
}
.avatar-facebook::before,
.avatar-fbmessenger::before,
avatar-fbcomment::before {
 background:url(../img/icon/facebook_icon.png)
}
.avatar-line::before {
 background:url(../img/icon/line_icon.png)
}
.avatar-viber::before {
 background:url(../img/icon/viber_icon.png)
}
.avatar-twitter::before {
 background:url(../img/icon/twitter_icon.png)
}
.avatar-webhook::before {
 background:url(../img/icon/webhook_icon.png)
}
.avatar-botikawebchat::before,
.avatar-chatbotikawebchat::before,
.avatar-webchat::before {
 background:url(../img/icon/webchat_icon.png);
 background-size:80%!important
}
.avatar-chattype::before {
 position:absolute;
 right:0;
 top:0;
 width:40%;
 height:40%;
 border-radius:50%;
 content:'';
 background-color:#fff;
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
 border:1px solid #fff
}
.nowrap {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.waves-effect {
 display:block
}
.conversations-content .message-out .message-content {
 margin-left:auto
}
.conversations-content .message-body .message-content:before {
 border:0!important
}
.conversations-content .message-in .message-content {
 border-radius:4px 20px 20px!important;
 box-shadow:0 4px 6px 0 rgba(0,0,0,.05)
}
.conversations-content .message-out .message-content {
 border-radius:20px 20px 4px!important;
 box-shadow:0 4px 6px 0 rgba(0,0,0,.05)
}
.listChatPerson {
 cursor:pointer;
 transition:all .15s ease
}
.listChatPerson.active,
.listChatPerson:hover {
 background:rgba(199,199,199,.3)
}
a:hover {
 color:#0056b3;
 text-decoration:none
}
sidebar {
 position:fixed;
 left:250px!important;
 right:0;
 -webkit-transform:translate3d(-270px,0,0);
 -moz-transform:translate3d(-270px,0,0);
 -o-transform:translate3d(-270px,0,0);
 -ms-transform:translate3d(-270px,0,0);
 transform:translate3d(-270px,0,0)!important;
 transition:all .5s;
 margin-top:0
}
.sidebar {
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 width:250px;
 display:block;
 z-index:1000;
 color:#333;
 font-weight:200;
 background:#fff;
 -webkit-box-shadow:4px 4px 10px rgba(69,65,78,.06);
 -moz-box-shadow:4px 4px 10px rgba(69,65,78,.06);
 box-shadow:4px 4px 10px rgba(69,65,78,.06);
 transition:all .3s
}
.sidebar .sidebar-wrapper,
.sidebar[data-background-color=white] .sidebar-wrapper {
 position:relative;
 max-height:calc(100vh - 75px);
 min-height:100%;
 overflow:auto;
 width:100%;
 z-index:4;
 padding-bottom:100px;
 transition:all .3s
}
.sidebar .user {
 margin-top:20px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:12.5px;
 border-bottom:1px solid #f1f1f1;
 display:block;
 margin-left:10px;
 margin-right:10px
}
.avatar-sm {
 width:2.5rem;
 height:2.5rem
}
.sidebar .user .info a,
.sidebar[data-background-color=white] .user .info a {
 white-space:nowrap;
 display:block;
 position:relative
}
.sidebar .user .timer {
 white-space:nowrap;
 display:block;
 position:relative;
 font-size:12px
}
.info span:not(:first-child) {
 line-height:10px
}
.sidebar .user .info a.info-link>span {
 font-size:14px;
 font-weight:400;
 color:#777;
 display:flex;
 flex-direction:column
}
.avatar-img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.sidebar .user .info .caret,
.sidebar[data-background-color=white] .user .info .caret {
 position:absolute;
 top:17px;
 right:0;
 border-top-color:#777
}
.caret {
 display:inline-block;
 width:0;
 height:0;
 margin-left:.255em;
 vertical-align:.255em;
 content:"";
 border-top:.3em solid;
 border-right:.3em solid transparent;
 border-bottom:0;
 border-left:.3em solid transparent
}
.sidebar a i {
 color:gold;
 margin-right:8px;
 width:25px;
 text-align:center;
 vertical-align:middle;
 font-size:12px;
 line-height:18px
}
.user-name {
 font-weight:700;
 font-size:14px
}
.stat {
 display:block
}
.stat .split-stat {
 width:50%
}
.stat .l {
 float:left;
 display:inline-block
}
.stat .r {
 display:inline-block
}
.dropdown-menu a span {
 height:12px;
 line-height:13px;
 padding:0 0;
 margin:0 10px 0 0
}
.user-timer {
 margin-top:10px
}
.user-timer .btn {
 border-radius:1rem;
 padding:.28rem .6rem;
 font-size:.8rem;
 opacity:1
}
.user-timer .btn-outline-secondary {
 border:1.4px solid
}
.status-online {
 background:#54ce3c;
 border-radius:50%;
 display:inline-block;
 height:12px;
 vertical-align:middle;
 width:12px
}
.status-aux {
 background:#fac92d;
 border-radius:50%;
 display:inline-block;
 height:12px;
 vertical-align:middle;
 width:12px
}
.status-idle {
 background:#333;
 border-radius:50%;
 display:inline-block;
 height:12px;
 vertical-align:middle;
 width:12px
}
.status-off {
 background:#ff000d;
 border-radius:50%;
 display:inline-block;
 height:12px;
 vertical-align:middle;
 width:12px
}
@media (min-width:768px) {
 .seven-cols .col-lg-1,
 .seven-cols .col-md-1,
 .seven-cols .col-sm-1 {
  width:100%
 }
}
@media (min-width:992px) {
 .seven-cols .col-lg-1,
 .seven-cols .col-md-1,
 .seven-cols .col-sm-1 {
  width:14.285714285714285714285714285714%;
  max-width:14.285714285714285714285714285714%!important;
  flex:none!important
 }
}
@media (min-width:1200px) {
 .seven-cols .col-lg-1,
 .seven-cols .col-md-1,
 .seven-cols .col-sm-1 {
  width:14.285714285714285714285714285714%;
  max-width:14.285714285714285714285714285714%!important;
  flex:none!important
 }
}
hr {
 margin-top:1rem;
 margin-bottom:1rem;
 border:0;
 border-top:1px solid rgba(0,0,0,.1)
}
.load-data-modern {
 background:linear-gradient(to right,rgba(255,255,255,0) 46%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 54%) 50% 50%;
 background-size:800% 800%;
 -webkit-animation:loading-bar-modern 3s ease infinite;
 -moz-animation:loading-bar-modern 3s ease infinite;
 animation:loading-bar-modern 3s ease infinite
}
.bg-demo-placeholder {
 background-color:#ced4da
}
@-webkit-keyframes loading-bar-modern {
 0% {
  background-position:0 51%
 }
 50% {
  background-position:100% 50%
 }
 100% {
  background-position:0 51%
 }
}
@-moz-keyframes loading-bar-modern {
 0% {
  background-position:0 51%
 }
 50% {
  background-position:100% 50%
 }
 100% {
  background-position:0 51%
 }
}
@keyframes loading-bar-modern {
 0% {
  background-position:0 51%
 }
 50% {
  background-position:100% 50%
 }
 100% {
  background-position:0 51%
 }
}
#element-additional-help {
 transition:all .25s ease;
 display:none
}
#element-additional-help.show {
 display:block
}
.rotate-180 {
 -webkit-transform:rotate(-180deg);
 -moz-transform:rotate(-180deg);
 -ms-transform:rotate(-180deg);
 -o-transform:rotate(-180deg)
}
.sidebar.sidebar-style-2 .nav .nav-item a {
 padding:8px 20px;
 border-radius:5px
}
.card .card-header,
.card-light .card-header {
 padding:8px 1.25rem
}
.botika-col {
 padding-right:5px;
 padding-left:5px
}
.botika-card {
 margin-bottom:10px
}
.table tbody tr td {
 height:40px
}
.table tbody tr th {
 height:40px
}
table.dataTable {
 margin-top:0
}
.body {
 line-height:1
}
.sidebar.sidebar-style-2 .nav .nav-item a {
 padding:3px 10px
}
.page-inner {
 padding:0 24px
}
.right-set {
 position:fixed;
 right:0;
 top:86px;
 padding-left:40px
}
.soc {
 color:#000
}
.img-fluid:hover {
 cursor:pointer
}
.far:hover {
 cursor:pointer
}
.main-panel .page-header {
 display:flex;
 align-items:center;
 margin-top:5px;
 margin-bottom:5px
}
@media only screen and (max-width :767px) {
 .right-set {
  display:none
 }
}
@media only screen and (max-width :991px) and (min-width :768px) {
 .right-set {
  display:none
 }
}
@media screen and (min-width:991px) {
 .sidebar_minimize .sidebar .sidebar-wrapper .user [class^=avatar-] {
  float:none!important;
  margin:auto!important
 }
 .sidebar_minimize .sidebar:hover {
  width:75px
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper {
  width:75px
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .user {
  padding-left:0;
  padding-right:0
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .user [class^=avatar-] {
  float:none!important;
  margin:auto!important
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info {
  display:none
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info span {
  display:none
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a i {
  margin-right:unset
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .badge,
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .caret,
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a p,
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a span {
  display:none
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .sidebar-mini-icon {
  display:block!important;
  margin-right:0
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.active .nav-collapse,
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.submenu .nav-collapse {
  display:none
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .sidebar-mini-icon {
  display:block
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .text-section {
  display:none
 }
 .sidebar_minimize.sidebar_minimize_hover .main-panel {
  width:calc(100% - 75px)
 }
 .sidebar_minimize.sidebar_minimize_hover .logo-header {
  width:75px;
  transition:all .3s;
  padding:0;
  text-align:center
 }
 .sidebar_minimize.sidebar_minimize_hover .logo-header .logo {
  position:absolute!important;
  transform:translate3d(25px,0,0)!important;
  opacity:0!important
 }
 .sidebar_minimize .sidebar:hover .sidebar-wrapper .user [class^=avatar-] {
  float:none!important;
  margin:auto!important
 }
 .sidebar_minimize_hover .logo-header .nav-toggle {
  position:absolute;
  left:50%;
  transform:translateX(-50%)!important;
  height:100%;
  right:0!important
 }
}
.custom-control-label::after,
.custom-control-label::before {
 top:-4px
}
.col,
.col- lg-9,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
 position:relative;
 width:100%;
 min-height:1px;
 padding-right:8px;
 padding-left:8px
}
.card,
.card-light {
 margin-bottom:15px
}
.sidebar .nav,
.sidebar[data-background-color=white] .nav {
 display:block;
 float:none;
 margin-top:5px
}
.card .card-header,
.card-light .card-header {
 padding:2px 10px
}
.tooltips {
 position:relative;
 display:inline-block
}
.tooltiptext {
 visibility:hidden;
 width:120px;
 background-color:#2b4062;
 color:#fff;
 text-align:center;
 padding:5px 0;
 border-radius:6px;
 position:fixed;
 z-index:1;
 left:90px
}

.tooltipsettingsample {
  visibility:hidden;
  width:120px;
  background-color:#2b4062;
  color:#fff;
  text-align:center;
  padding:5px 0;
  border-radius:6px;
  position:absolute;
  z-index:1;
  right: 30px;
  top: -30px;
 }

.tooltips .tooltiptext::after {
 content:"";
 position:absolute;
 top:50%;
 right:100%;
 margin-top:-5px;
 border-width:7px;
 border-style:solid;
 border-color:transparent #2b4062 transparent transparent
}

.tooltips .tooltipsettingsample::before {
  content:"";
  position:absolute;
  top:50%;
  left:100%;
  margin-top:-5px;
  border-width:7px;
  border-style:solid;
  border-color:transparent transparent transparent #2b4062
 }

.sidebar_minimize .tooltips:hover .tooltiptext, .tooltips:hover .tooltipsettingsample {
 visibility:visible
}
html.nav_open .sidebar_minimize .tooltips:hover .tooltiptext {
 visibility:hidden
}
.sidebar-content ul li.nav-item .count-menu {
  visibility: hidden; 
  position: absolute;
  border-radius: 50%;
  min-height: 15px;
  min-width: 15px;
  text-align: center;
  right: 10px;
  background: #ea4d56;
  font-size: 10px;
  top: -4px;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
}
.sidebar-content ul li.nav-item.active .count-menu {
 background:#ea4d56;
 z-index:9
}
.card,
.card-light {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.fa-2x {
 font-size:1.5em
}
.text-viber {
 color:#609!important
}
.text-instagram {
 color:#405de6!important
}
.text-twitter {
 color:#38a1f3!important
}
div.dataTables_wrapper div.dataTables_length select {
 display:inline-block;
 width:60px
}
div.table-responsive>div.dataTables_wrapper>div.row {
 margin:20px
}
.text-instagram {
 color:#405de6!important
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

input[type="number"] {
 -moz-appearance: textfield;
}

.custom-border {
 border: double 2px transparent !important;
 background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)),
 linear-gradient(to right, rgba(232, 95, 160, 1), rgba(171, 119, 255, 1));
 background-origin: border-box !important;
 background-clip: padding-box, border-box !important;
}

.text-gradient {
 background-image: linear-gradient(to right, rgba(232, 95, 160, 1), rgba(171, 119, 255, 1));
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 color: transparent;
}

.settings-active {
background-color: rgba(238, 244, 255, 1);
}

.settings-list {
 transition: background-color ease-in-out .2s;
}
.settings-list:hover {
 background-color: rgba(238, 244, 255, .6);
}

.text-black {
 color: black;
}

.bg-black {
 background-color: black;
}

.interval-form {
 padding: .5rem .75rem;
 border-radius: .75rem;
 display: flex;
 align-items: center;
 gap: .5rem;
}