html, body {
  height:100%;
  overflow: hidden;
  color: #575962;
}

[contenteditable][placeholder]:empty:before {
   content: attr(placeholder);
   color:#999;opacity:1
}

.popover .popover-header {
  font-weight: bold;
  color: inherit;
  text-transform: none;
}

.popover .popover-body {
  padding-top: 0px;
}

.sidebar_minimize .sidebar {
    width: 75px;
    transition: all .3s;
}

.nav-analytics {
  list-style: none;
  padding-left: 20px;
  color: #99979c;
}

.nav-analytics > li {
  cursor: pointer;
}

.nav-analytics > li > a {
  color: #99979c;
}

.nav-analytics > li.active > a {
  color: #011b40;
}

@media screen and (max-width: 991px) {
  .main-panel, .main-header {
    transition: all .3s;
  }

  .nav_open .main-header, .nav_open .main-panel {
    -webkit-transform: translate3d(75px,0,0);
    -moz-transform: translate3d(75px,0,0);
    -o-transform: translate3d(75px,0,0);
    -ms-transform: translate3d(75px,0,0);
    transform: translate3d(75px,0,0)!important;
  }
}
@media screen and (min-width: 991px) {
  .sidebar_minimize .logo-header .nav-toggle {
    width: 100%;
    padding: 0 15px;
  }
}

.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.card-title {
  font-size: 16px;
}
.bg-botika {
  background-color: #011b40 !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #f8f9fc;
  color: inherit;
}

.form-control-sm ~ .select2-container--bootstrap .select2-selection--single {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}



.text-botika {
  color: #011b40 !important;
}

.text-loading {
  color: #1572E8 !important;
}

.text-truncate-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: inherit;
}

.card-shadow-1, .card-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-shadow-1:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn:focus, .form-control:focus {
  box-shadow: none !important;
} 

.ssh-pre__copy {
  background: transparent !important;
  cursor: pointer;
  height: 2rem;
  min-width: 2rem;
  width: 2rem;
  font-size: .9375rem;
  overflow: hidden;
  padding: 0;
  line-height: normal;
  opacity: 1;
  border-radius: 3px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  color: #575962;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ssh-pre__copy:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

.ssh-pre__content {
  margin-bottom: 0px !important;
}

.graphContainer {
  height: 100%;
  overflow: auto;
}

.graphContainer .minimap {
  height: auto;
  width:150px;
  height:100px;
  background:transparent;
  border: 2px solid #1572e8!important;
  border-radius: 3px;
}

.sidebar-cell {
  opacity: 1;
  visibility: visible;
  top: 62px; 
  height: calc(100% - 62px);
  width: calc(100% - 75px);
  transition: all .15s;  
  position: fixed;z-index: 1;
}

.sidebar-cell .overlay { 
  background: rgba(4,28,52,.55);height: 100%;width: 100%;
} 

.sidebar-cell .content {
  background: #f8f9fc !important;
  transition: all .15s;
  right: 0;
  margin-right: 0px; 
  height: 100%;
  width: calc(100% - 300px);
  position: absolute;top: 0;
}

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

.select2-container--bootstrap .select2-selection--single {
    display: block;
    width: 100%;
    height: inherit !important  ;
    padding: .6rem 1rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    box-shadow: none !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container--bootstrap .select2-results__group {
    color: #011b40 !important;
    font-weight: bold;
}

.card-category {
    margin-top: 8px;
    font-size: 14px;
    color: #8d9498;
    margin-bottom: 0px;
    word-break: normal;
}

.form-check [type=checkbox]+.form-check-sign:after, .form-check [type=checkbox]:checked+.form-check-sign:after, .form-check [type=checkbox]:not(:checked)+.form-check-sign:after {
    font-family: "Font Awesome 5 Free";
}


fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 1rem;
  border-radius: 3px;
}

fieldset legend {
    width: auto;
    margin-bottom: 0px;
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.dropup.no-arrow .dropdown-toggle::after {
  display: none;
}

.btn-white:hover {
  color: #3a3b45;
  background-color: #dde2f1;
  border-color: #d4daed;
}

.btn-white:focus, .btn-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  color: #3a3b45;
  background-color: #d4daed;
  border-color: #cbd3e9;
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.audio-player {
   background-color: transparent;
   border-radius: inherit;
   color: inherit;
   display: inline-block;
   line-height: normal;
   width: 300px;
   max-width: 100%;
}
.audio-player .player-controls {
   display: flex;
}
.audio-player .player-controls .seek {
  position: relative;
  flex:1;
 }
.audio-player .player-controls > div {
   border-right: 1px solid #e0e0e0;
}
.audio-player .player-controls > div:last-child {
   border-right: none;
}
.audio-player .player-controls > div a {
   color: inherit;
   display: block;
   line-height: 0;
   padding: .75em;
   text-decoration: none;
}
.sent .message-content .audio-player .player-controls > div a {
  color: #041e49;
}
.audio-player .player-controls .player-progress {
   background-color: #e0e0e0;
   cursor: pointer;
   height: 100%;
   width: 100%;
   position: relative;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
}
.audio-player .player-controls .player-progress .player-seeker {
   background-color: rgb(0,0,0,0.1);
   bottom: 0;
   left: 0;
   position: absolute;
   top: 0;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
}
.audio-player .player-controls .player-time {
    bottom: 0;
    width: 100%;
    position: absolute;
    color: #5a5c69;
    display: flex;
    justify-content: space-between;
}
.audio-player .player-controls .player-time .player-time-current {
   font-weight: 700;
   padding-left: 5px;
}
.audio-player .player-controls .player-time .player-time-total {
   opacity: 0.9;
   padding-right: 5px;
}

.text-truncate-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: inherit;
}

.text-truncate-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: inherit;
}

.conversations-body .message-in, .messages-wrapper .messages-body .message-in {
    margin-right: 20px;
    float: left;
}
.conversations-body .message-out, .messages-wrapper .messages-body .message-out {
    margin-left: 20px;
    float: right;
}

.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item {
    border-radius: inherit;
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 2.5rem);
    margin-top: 0px;
    width: calc(100% + 1.5rem);
    height: 0px;
    left: -.75rem;
    display: block !important;
}

.owl-stage-outer {
    overflow: visible !important;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
    border-radius: 50% !important;
    margin: 0px !important;
    font-size: .9375rem !important;
    height: 2.5rem !important;
    line-height: normal !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 2.5rem !important;
    vertical-align: middle !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.08) !important;
    background: #fff !important;
    color: black !important;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-prev:hover {
    float: left;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-next:hover {
    float: right;
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default;
}

.vue-codemirror {
  height: 100%;
}

.CodeMirror {
  height: 100% !important;
  resize: vertical;
  overflow: hidden !important;
}

.CodeMirror-scroll {
  /*max-height: 300px;*/
  max-height: 100%;
}

.nav-pills.nav-default .nav-link.active {
    background: #343a40 !important;
}

.list-group-item:hover {
  background: #f8f9fc !important;
}

.list-group-item.active {
  background: #f8f9fc !important;
  color:inherit !important;
}

.list-group-item:hover, .list-group-item.active {
    background-color: #f5f5f5!important;
}

@media screen and (min-width: 992px) {
  .sidebar_minimize .main-panel {
      width: calc(100% - 75px);
      transition: all .3s;
  }
}

@media screen and (max-width: 991px) {
  .sidebar_minimize .main-panel {
      width: 100%;
      transition: all .3s;
  }
}

@media (max-width: 991px) {
  .sidebar-cell {
    width: 100% !important;
  }

  .sidebar-cell .content {
    width: calc(100% - 150px) !important;
  }
}

@media (max-width: 600px) {
  .sidebar-cell .content {
    width: 100% !important;
  }
}
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-oawhatsappkalapa::before,
.avatar-oawhatsapprm::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.dataTable {
 margin-top:0
}
.dataTable tbody tr td {
  border: 1px solid #dee2e6;
}
.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
 }
}
.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
}
.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
}
.sidebar_minimize .tooltips:hover .tooltiptext {
 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
}

.sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.show>a {
  background: #fff!important;
  color: #1a2035!important;
}

.sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.show>a i {
  color: #1a2035!important;
}
.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
}

.guide-container {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  text-align: center;
  z-index: 1060;
}

.guide-element {
  position: fixed;
  z-index: 1060;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0 0 0 9999px rgb(0 0 0 / 70%), 0 0 1.5rem rgb(0 0 0 / 50%);
}

.fixed {
  position: fixed !important;
}

.messages-notif-box {
  transform: translate3d(80px, 100px, 0px) !important;
}

.onhover {
  transform: scale(0);
  /*display: none;*/
  opacity: 0;
  transition: opacity cubic-bezier(0.2, 0.7, 0.5, 1) 200ms, transform cubic-bezier(0.2, 0.7, 0.5, 1) 200ms;
}

.parenthover:hover .onhover, .onhover:hover {
  transform: scale(1);
  opacity: 1;
  display: inherit;
}

.emoji-picker {
  top: 0px !important;
  left: 32px !important;
  position: absolute;
  z-index: 1;
  border: 1px solid #ccc;
  width: 15rem;
  height: 20rem;
  overflow: scroll;
  box-sizing: border-box;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 1px 1px 8px #c7dbe6;
  z-index: 2;
}
.emoji-picker__search {
  display: flex;
}
.emoji-picker .emojis {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.emoji-picker .emojis:after {
  content: "";
  flex: auto;
}
.emoji-picker .emojis span {
  padding: 0.2rem;
  cursor: pointer;
  border-radius: 5px;
}
.emoji-picker .emojis span:hover {
  background: #ececec;
  cursor: pointer;
}

.btn-group-fab div {
  position: relative; width: 100%;
  height: auto;
}
.btn-group-fab .btn.btn-sub {
  position: absolute;
}
/*.btn-group-fab .btn-main {
  z-index: 9;
}*/
.btn-group-fab .btn-sub {
  bottom: 0; 
  z-index: 8;
  -webkit-transition: all 2s;
  transition: all 0.5s;
}
.btn-group-fab.active .btn-sub:nth-child(2) {
  bottom: 60px;
}
.btn-group-fab.active .btn-sub:nth-child(3) {
  bottom: 110px;
}
.btn-group-fab.active .btn-sub:nth-child(4) {
  bottom: 160px;
}
.btn-group-fab .btn-sub:nth-child(5) {
  bottom: 210px;
}

.btn-group-fab .btn-sub {
    display: none;
}

.btn-group-fab.active .btn-sub {
    display: block;
}

.leaflet-control-attribution {
    display: none !important;
}

.btn-shadow {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

.table thead th {
    height: 49px !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.table tbody td {
  height: 50px;
}

.dropdown-item.active, .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: #f8f9fa;
}

.btn.active {
  background: #ebecec!important;
}

body .grecaptcha-badge {
  visibility: hidden;
}

body.login .grecaptcha-badge {
  visibility: visible;
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-content .modal-body {
  overflow-y: auto;
}

@media (min-width: 576px) {
  .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
}

.tox-tinymce {
  border: 0px !important;
}

.notif-count {
    position: absolute;
    background-color: #F25961;
    text-align: center;
    border-radius: 10px;
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    color: #ffffff;
    font-weight: 300;
    line-height: 17px;
    top: 3px;
    right: 3px;
    padding: 0px 5px;
}

.divider {
  border-top: 1px solid rgba(255,255,255,.15);
}

.daterangepicker {
  max-height: calc(100vh - 100% - 62px);
  overflow-y: auto;
}

/*.badge {
  border-radius: .35rem;
}*/

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-weight: 700;
    line-height: revert;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .35rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (max-width: 1120px) {
  .ele-user-profile {
    width: calc(100% - 320px) !important;
    position: absolute;
    right: 0;
    background: #fff;
  }

  .ele-user-profile .back {
    display: block !important;
  }
}

@media (max-width:768px) {
  .ele-user-profile {
    width: 100% !important;
  }
}

@media (min-width:768px) {
  .w-md-320 {
    width: 320px !important;
  }
}

.list-menu {
  padding-left: calc(50% - 21px) !important;
  padding-right: calc(50% - 21px) !important;
}

.ele-console-message .messages ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.ele-console-message .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 15px 5px 15px;
  width: calc(100% - 25px);
  font-size: 0.9em;
  scroll-margin: 15px;
}
.ele-console-message .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
} 

.ele-console-message .messages ul li .message-content {
  max-width: calc(100% - 100px);
  width: fit-content;
}

.ele-console-message .messages ul li .message-content .text + .image,
.ele-console-message .messages ul li .message-content .text + .button,
.ele-console-message .messages ul li .message-content .text + .carousel,
.ele-console-message .messages ul li .message-content .text + .audio-player,
.ele-console-message .messages ul li .message-content .text + .video-player,
.ele-console-message .messages ul li .message-content .text + .document,
.ele-console-message .messages ul li .message-content .image + .text,
.ele-console-message .messages ul li .message-content .image + .button,
.ele-console-message .messages ul li .message-content .image + .carousel,
.ele-console-message .messages ul li .message-content .image + .audio-player,
.ele-console-message .messages ul li .message-content .image + .video-player,
.ele-console-message .messages ul li .message-content .image + .document,
.ele-console-message .messages ul li .message-content .button + .text,
.ele-console-message .messages ul li .message-content .button + .image,
.ele-console-message .messages ul li .message-content .button + .carousel,
.ele-console-message .messages ul li .message-content .button + .audio-player,
.ele-console-message .messages ul li .message-content .button + .video-player,
.ele-console-message .messages ul li .message-content .button + .document,
.ele-console-message .messages ul li .message-content .carousel + .text,
.ele-console-message .messages ul li .message-content .carousel + .image,
.ele-console-message .messages ul li .message-content .carousel + .button,
.ele-console-message .messages ul li .message-content .carousel + .audio-player,
.ele-console-message .messages ul li .message-content .carousel + .video-player,
.ele-console-message .messages ul li .message-content .carousel + .document,
.ele-console-message .messages ul li .message-content .audio-player + .text,
.ele-console-message .messages ul li .message-content .audio-player + .image,
.ele-console-message .messages ul li .message-content .audio-player + .button,
.ele-console-message .messages ul li .message-content .audio-player + .carousel,
.ele-console-message .messages ul li .message-content .audio-player + .video-player,
.ele-console-message .messages ul li .message-content .audio-player + .document,
.ele-console-message .messages ul li .message-content .video-player + .text,
.ele-console-message .messages ul li .message-content .video-player + .image,
.ele-console-message .messages ul li .message-content .video-player + .button,
.ele-console-message .messages ul li .message-content .video-player + .carousel,
.ele-console-message .messages ul li .message-content .video-player + .audio-player,
.ele-console-message .messages ul li .message-content .video-player + .document,
.ele-console-message .messages ul li .message-content .document + .text,
.ele-console-message .messages ul li .message-content .document + .image,
.ele-console-message .messages ul li .message-content .document + .button,
.ele-console-message .messages ul li .message-content .document + .carousel,
.ele-console-message .messages ul li .message-content .document + .audio-player,
.ele-console-message .messages ul li .message-content .document + .video-player {
  margin-top: .5rem;
}

.ele-console-message .messages ul li.sent .message-content {
  float: left;
}

.ele-console-message .messages ul li.replies .message-content {
  float: right;
}

.ele-console-message .messages ul li.sent p.text {
  background: #fff; 
  border-top-left-radius: 0px;
}
.ele-console-message .messages ul li.replies img {
  float: right; 
}
.ele-console-message .messages ul li span.date {
  width: 100%; 
  font-size: 11px;
  margin-top: 5px;
}
.ele-console-message .messages ul li.replies span.date { 
  text-align: right; 
  float: right;
}
.ele-console-message .messages ul li.sent span.date { 
  text-align: left; 
  float: left;
}
.ele-console-message .messages ul li.replies p.text {
  background: #dcf8c6;
  float: right;
  border-bottom-right-radius: 0px;
}
.ele-console-message .messages ul li img { 
  border-radius: 10px; 
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px !important;
}
.ele-console-message .messages ul li.replies img {
  border-bottom-right-radius: 0px;
}
.ele-console-message .messages ul li.sent img {
  border-top-left-radius: 0px;
}

.ele-console-message .messages ul li p.text {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 10px;
  max-width: 100%;
  line-height: 130%;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px !important;
}

.ele-console-message .messages ul li div.carousel, .ele-console-message .messages ul li div.button {
  max-width: 100%;
} 

.audio-player {
   background-color: #fff;
   border-radius: 10px;
   border: 1px solid #e0e0e0;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px !important;
   color: #404040;
   display: inline-block;
   line-height: normal;
   width: 300px;
   max-width: 100%;
}
.audio-player .player-controls {
   display: flex;
}
.audio-player .player-controls .seek {
  position: relative;
  flex:1;
 }
.audio-player .player-controls > div {
   border-right: 1px solid #e0e0e0;
}
.audio-player .player-controls > div:last-child {
   border-right: none;
}
.audio-player .player-controls > div a {
   color: #404040;
   display: block;
   line-height: 0;
   padding: .75em;
   text-decoration: none;
}
.audio-player .player-controls .player-progress {
   background-color: #e0e0e0;
   cursor: pointer;
   height: 100%;
   width: 100%;
   position: relative;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
}
.audio-player .player-controls .player-progress .player-seeker {
   background-color: rgb(0,0,0,0.1);
   bottom: 0;
   left: 0;
   position: absolute;
   top: 0;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
}
.audio-player .player-controls .player-time {
    bottom: 0;
    width: 100%;
    position: absolute;
    color: #5a5c69;
    display: flex;
    justify-content: space-between;
}
.audio-player .player-controls .player-time .player-time-current {
   font-weight: 700;
   padding-left: 5px;
}
.audio-player .player-controls .player-time .player-time-total {
   opacity: 0.9;
   padding-right: 5px;
}

.ele-console-message .messages ul li.sent .audio-player { 
  border-top-left-radius: 0px;
}

.ele-console-message .messages ul li.replies .audio-player {
  background-color: #dcf8c6;
  border-bottom-right-radius: 0px;
}
.ele-console-message .messages ul li.replies .audio-player .player-controls .player-progress .player-seeker, .ele-console-message .messages ul li.replies .audio-player .player-controls .player-progress {
  border-bottom-right-radius: 0px;
}

.ele-console-message .messages ul li.replies .audio-player .player-controls .player-progress {
  background-color: rgb(255,255,255,0.3);
}

.ele-console-message .messages .video-player video { 
  border-radius: 10px; 
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px !important;
}
.ele-console-message .messages ul li.replies .video-player video {
  border-bottom-right-radius: 0px;
}
.ele-console-message .messages ul li.sent .video-player video {
  border-top-left-radius: 0px;
}

.ele-console-message .messages .video-player .mejs__overlay-button {
  display: none;
}

.ele-console-message .messages ul li .document {
  background-color: #fff;
}

.ele-console-message .messages ul li .document .icon:first-child {
  background-color: transparent !important;
  border-right: 1px solid #e0e0e0;
}

.ele-console-message .messages ul li .document .icon:last-child {
  background-color: rgba(0,0,0,0.3) !important;
}

.ele-console-message .messages ul li.replies .document {
  background-color: #dcf8c6;
}

.ele-console-message .messages ul li .leaflet-container {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px !important;
}

.ele-console-message .messages ul li.sent .leaflet-container {
  border-top-left-radius: 0px;
}

.ele-console-message .messages ul li.replies .leaflet-container {
  border-bottom-right-radius: 0px;
}

.leaflet-control-attribution.leaflet-control {
  display: none;
}

.vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    margin-top: -.81666em !important;
    margin-left: -1.5em !important;
}

.grid-card {
   display: grid;
   /*grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/
   grid-template-columns: repeat(auto-fill, minmax(180px, auto));
}
 .grid-card > .grid-col {
   display: grid;
   place-items: center;
   position: relative;
}
 .grid-card > .grid-col::before {
   content: "";
   display: block;
   padding-bottom: 100%;
   grid-area: 0.25;
}

.grid-card > .grid-col > * {
  position: absolute;
  max-width: 100%;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}

.text-instagram {
 color:#405de6!important;
}

.text-viber {
 color:#665CAC!important;
}

.text-twitter {
 color:#38a1f3!important;
}

.text-kakaotalk {
  color: #ffe812 !important;
}

.text-telegram {
  color: #0088cc !important;
}

.text-facebook {
  color: #4267B2 !important;
}

.text-twitter {
  color: #1DA1F2 !important;
}

.text-whatsapp {
  color: #25D366 !important;
}

.text-wechat {
  color: #07c160 !important;;
}

.text-line {
  color: #00b900 !important;
}

.text-zalo {
  color: #008FF3 !important;
}

.bg-instagram {
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
}

.bg-viber {
 background-color:#665CAC!important
}

.bg-twitter {
 background-color:#38a1f3!important
}

.bg-kakaotalk {
  background-color: #ffe812 !important;
}

.bg-telegram {
  background-color: #0088cc !important;
}

.bg-facebook {
  background-color: #4267B2 !important;
}

.bg-twitter {
  background-color: #1DA1F2 !important;
}

.bg-whatsapp {
  background-color: #25D366 !important;
}

.bg-wechat {
  background-color: #07c160 !important;
}

.bg-line {
  background-color: #00b900 !important;
}

.bg-zalo {
  background-color: #008FF3 !important;
}

.bg-hover {
  transition: all .15s ease 0s;
}

.bg-hover:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

.bootbox .modal-header, .bootbox .modal-body, .bootbox .modal-footer {
  padding: .5rem !important;
}

.mfp-bg {
  z-index: 1051
}

.mfp-wrap {
  z-index: 1052
}

.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center!important;
}

.btn-content {
  position: absolute;
  left: 0px;
  top: 0px;
}

@media screen and (max-width: 991px) {
  .menu-content {
    width: 90% !important;
  }
}

/* ---------------------------------------------------
    FILTER STYLE
----------------------------------------------------- */
.filter {
  display: flex;
  align-items: stretch;
}

#filter {
  transition: all 0.3s;
  min-width: 250px;
  max-width: 250px;
  visibility: hidden;
  position: sticky;
  top: 0px;
  right: 0px;
  margin-left: -250px;
}

#filter.transition {
  margin-left: 0px;
  visibility: hidden;
}

#filter.active {
  margin-left: 0px;
  visibility: visible;
}

/* sidebar */
#check {
  display: none;
}

label #btn {
  right: 250px;
  top: 25px;
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
}

#check:checked~.sidebar-filter {
  right: -250px;
}

#check:checked~label #btn {
  right: 40px;
  opacity: 1;
  pointer-events: auto;
}

#check:checked~label #cancel {
  right: -195px;
}

.sidebar-filter {
  position: fixed;
  right: 0px;
  top: 10%;
  width: 250px;
  height: 90%;
  z-index: 1000;
  transition: all .5s ease;
  overflow-y: auto;
}

.sidebar-filter ul {
  list-style: none;
  padding-inline-start: 0px;
}

.sidebar-filter ul li {
  margin-bottom: 10px;
}

.btn-form-remove {
  position: absolute;
  right: 2px;
  display: flex;
  align-self: center;
  background: transparent !important;
  border-color: transparent;
}

.btn-form-remove.question {
  right: 35px;
  top: 20px;
}

.list-form-option {
  padding: .75rem 0px !important;
  border: none !important;
}

.list-form-option:hover {
  background-color: #fff !important;
}