/*
 * Copyright (c) 2024 Voxtell
 * All rights reserved.
 * 
 * This CSS file is protected under the Florida Statutes Chapter 501, Part II,
 * and Florida common law governing intellectual property rights and trade secrets.
 * Unauthorized copying, modification, distribution, or use of this file,
 * via any medium, is strictly prohibited.
 *
 * Any violation may result in civil and criminal penalties under
 * Florida state law.
 *
 * Version: 1.0
 * Last modified: 2024-11-14
 */

@import url("vt-shared.css");
@import url("vt-resets.css");

.ui-state-active,a,a:focus,a:hover {
  text-decoration: none
}

div#header-logo {
  display: flex;
  width: 120px;
  padding: 0 4px;
  margin-bottom: 14px;
}

body:has(#domain-message) .page-container > .wrapper {
  height: calc(100vh - 40px);
}

.page-container {
  padding-left: 0;
  padding-right: 0;

  background-color: var(--colors-gray-100);

  & > .wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    max-width: none;
    padding: 0;
    background-color: transparent;
    height: 100dvh;
  }
}

#header-user {
  position: fixed;
  top: 8px;
  right: 24px;
  z-index: 1000;
  height: auto;
  padding-top: 0;
}

.user-toolbar {
  margin: 0;

  display: flex;
  align-items: center;

  gap: 8px;

  .nsicon, .icon {
    font-size: 15px;
    opacity: 0.6;
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin: 0;
    &:before {
      content: none;
    }
  }
  .nsicon-language {
    background-image: var(--icon-globe);
  }
  .nsicon-user {
    background-image: var(--icon-user-circle);
  }

  .dropdown > .dropdown-msg-count {
    margin-left: 0 !important;
  }

  li {
    margin: 0 4px;
    a {
      color: var(--colors-gray-700);
      &:hover {
        color: var(--colors-fg);
      }
    }

    &.dropdown, .dropdown {
      display: inline-flex;
      align-items: center;
      gap: 4px;

      .dropdown-toggle {
        display: inline-flex;
        align-items: center;
      }

      .caret {
        margin: 0;
        display: none !important;
      }
    }
  }
  li:before {
    display: none;
  }
  li:hover .nsicon, li:hover .icon {
    opacity: 1;
  }
}

.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;

  .caret {
    margin-top: 0;
  }
}

body:has(#domain-message) #header-user, body:has(.mask-bar) #header-user {
  top: 44px;
}

#header {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  margin: 0;
  width: 280px;
  box-sizing: border-box;

  #navigation {
    flex: 1;
    overflow-y: auto;
  }
}

#nav-buttons {
  li {
    display: block;
    margin-bottom: 2px;
  }

  a.nav-link {
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items:center;
    color: var(--colors-gray-700);
    border-radius: 4px;
    padding: 4px 10px;
    height: 22px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;

    .nav-button, .nav-arrow {
      display: none;
    }

    .nav-bg-image {
      display: block;
      width: 16px;
      height: 16px;
      position: static;
      opacity: 0.5;
      transition-property: all;
      transition-duration: 0.2s;
      transition-timing-function: ease-in-out;
    }

    .nav-text {
      display: inline;
      width: auto;
      height: auto;
      color: inherit;
      margin: 0;
      text-shadow: none !important;
    }

    &:hover {
      color: var(--colors-fg);
      background-color: var(--colors-blackAlpha-200);

      .nav-bg-image {
        opacity: 1;
      }
    }
  }

  .nav-link-current .nav-link {
    color: var(--colors-fg);
    background-color: var(--colors-blackAlpha-200);

    .nav-bg-image {
      opacity: 1;
    }
  }
}

#navigation-subbar {
  display: none;
}

#content {
  --header-height: 44px;

  box-sizing: border-box;
  background-color: var(--colors-gray-50);
  box-shadow: var(--shadows-sm);
  border-top-left-radius: 8px;
  border-left: 1px solid var(--colors-border-base);
  border-top: 1px solid var(--colors-border-base);
  padding: 10px 20px 40px 20px;
  margin-top: var(--header-height);
  height: calc(100% - var(--header-height));
  min-height: auto;
  flex: 1;
  overflow-y: auto;

  &:has(> .nav-tabs) {
    padding-top: 0;
  }

  & > .nav-tabs {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--colors-gray-100);
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px 0 20px;

    .active > a {
      background-color: var(--colors-gray-50);
    }

    a:hover {
      color: var(--colors-fg);
      background-color: var(--colors-gray-200);
    }
  }
}

h4, h5 {
  font-weight: 500;
}

h6 {
  color: var(--colors-fg);
  text-transform: none;
  font-weight: 500;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -12px;
  margin-right: -12px;
  font-size: 1.1em;
}

.home-panel-main h6 a {
  color: var(--colors-fg);
}

.home-sidebar .h6-subheader  {
  color: var(--colors-fg);
}

.agents-panel-home h6 {
  margin-left: 0;
  margin-right: 0;
}

.table {
  .tableFloatingHeaderOriginal {
    display: none !important;
  }
  .tableFloatingHeader {
    position: sticky;
    z-index: 1;
    top: 0;
    display: table-header-group !important;
    background-color: var(--colors-white);
    border: 0;
  }
  th {
    font-weight: 500;
    color: var(--colors-fg-subtle);
    background-color: transparent;
  }
}

.stats-table {
  tr {
    display: flex;
    flex-direction: row-reverse;
  }

  .label-popover {
    color: var(--colors-fg-subtle);
  }
}

.dash-stats-label-row {
  td {
    height: 24px;
  }
}

.rounded {
  background-color: var(--colors-white);
  box-shadow: var(--shadows-sm);
  border: 1px solid var(--colors-border-base);
  padding: 0 12px 8px;
  margin-bottom: 16px !important;
}

.nonecreated h3 {
  font-size: 1.4em;
  color: var(--colors-fg-subtle);
  font-weight: 600;
}

.modal-header-settings:has(~ .nav-tabs) {
  position: sticky;
  top: 0;
  z-index: 20;

  padding: 0 !important;
  border-width: 0 !important;

  .pull-right {
    padding-top: 6px;
  }
}

#footer {
  display: none;
}

iframe[name="print_frame"] {
  position: absolute;
}

.ui-datepicker td .ui-state-hover {
  color: #fff;
  background: var(--colors-primary-600);
  background-color: var(--colors-primary-400)!important;
  background-repeat: repeat-x;
  background-image: none;
  text-shadow: none;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  border-radius: 4px
}

.range1, .range3, .ui-slider-range {
  background: var(--colors-primary-600)!important
}

.ui-slider-handle.ui-state-active {
  background: var(--colors-gray-300)!important
}

.saving{
  color:white!important
}

#form-user-search>div>button>i,.icon-remove.icon-white,.icon-th,.playing.helpsy,.round-message,.round-reply {
  background-position: center
}

#form-user-search>div>button>i,.icon-remove.icon-white,.nsicon-more:before,.playing.helpsy,.round-message,.round-reply {
  background-repeat: no-repeat
}

.playing.helpsy {
  background-image: var(--icon-stop)!important
}

.dropdown .caret {
  margin-inline-start: 4px;
  border-top-color: var(--colors-gray-500);
  border-bottom-color: var(--colors-gray-500)
}

.form-search .input-append > .btn {
  height: 30px;
}

.form-search .input-append > .btn > i {
  background-image: var(--icon-search)!important;
  background-repeat: no-repeat;
  background-position: center
}

#form-user-search>div>a>.icon-remove {
  background-image: var(--icon-close-black)!important;
  background-repeat: no-repeat;
  background-position: center
}

.affix-form-actions {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 300px !important;
  padding-right: 40px;
}

.rounded {
  border: 1px solid var(--colors-border-base);
}

.icon-remove.icon-white {
  background-image: var(--icon-close-white)
}

.round-message {
  background-image: var(--icon-chat)
}

.round-reply {
  background-image: var(--icon-reply)
}

.badge-info,.label-info {
  background-color: #62c462
}

.badge-inverse,.label-inverse {
  background-color: #dd3b3b
}

.nsicon-more:before {
  content: "\e926";
  visibility: hidden;
  background-position: bottom
}

.dropdown-menu .divider {
  margin: 4px 0;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-submenu:focus>a,.dropdown-submenu:hover>a {
  color: var(--colors-fg);
  text-decoration: none;
  background-color: var(--colors-gray-200);
  background-image: none;
  border-radius: 4px;
}

.ui-state-active {
  color: #fff;
  background-color: var(--colors-primary-600) !important;
  background-image: none;
}

.iconfont-comment {
  display: none
}

.icon-th {
  background-image: var(--icon-apps)
}

.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
  border-color: var(--colors-border-subtle);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px color-mix(in srgb, var(--colors-primary-400) 30%, transparent);
}

.rounded,.wrapper {
  box-shadow: 0 0 0 rgb(0 72 255)!important
}

.mask {
  background: var(--icon-eye);
  background-position: center;
  background-repeat: no-repeat
}

.audio,.blocked,.conference-inbound,.conference-outbound,.copy,.details,.download-report,.inbound,.listen,.missed,.mute,.outbound,.rename,.reports,.save,.upload {
  background-repeat: no-repeat
}

.mask-bar {
  background-color: var(--voxtell-amarelo);
  color: #000
}

.uiconfig-span-description,a:focus,a:hover {
  color: var(--voxtell-cinza)
}

.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary[disabled] {
  color: #fff;
  background: var(--colors-primary-600)
}

.icon-call {
  background-position: bottom;
  background-image: var(--icon-phone)
}
.icon-call.icon-white {
  background-position: bottom;
  background-image: var(--icon-phone-white)
}

.icon-ok-sign {
  background-position: center;
  background-image: var(--icon-check);
}

.icon-remove-sign {
  background-position: center;
  background-image: var(--icon-remove);
}

.add,.audio,.blocked,.conference-inbound,.conference-outbound,.copy,.details,.download-report,.edit.forward.helpsy,.forward,.inbound,.listen,.missed,.mute,.outbound,.rename,.reports,.save,.upload {
  background-position: center
}

a {
  color: var(--voxtell-black);
  padding: 2px
}

.btn.color-primary {
  background-image: none;
  color: #fff;
  background-color: var(--colors-primary-600);
  border-width: 0;
  text-shadow: none;

  &:hover {
    border-width: 0;
    background-color: var(--colors-primary-700) !important;
  }
}

.glyphicon-small-cogwheel,.manage {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"/></svg>')!important;
  background-position: center
}

.dialpad div[class*=key-] {
  background-image: none
}

.dial-pad-actions {
  .dial-pad-call {
    color: var(--colors-white);
    background-color: var(--colors-primary-600);
    &:hover {
      background-color: var(--colors-primary-700);
    }
  }
  .dial-pad-from-btn {
    color: var(--colors-white);
    background-color: var(--colors-primary-600);
    &:hover {
      background-color: var(--colors-primary-700);
    }
  }
}

#domain-message, .mask-bar {
  background: var(--colors-primary-600);
  border: none;
  color: white;
  box-shadow: none;

  .domain-message-buttons {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.mute {
  background-image: var(--icon-mute)
}

.details {
  background-image: var(--icon-details)
}

.edit.forward.helpsy,.forward {
  background-image: var(--icon-arrow-right);
  background-repeat: no-repeat
}

.audio,.listen {
  background-image: var(--icon-music)
}

.save {
  background-image: var(--icon-save)
}

.conference-inbound {
  background-image: var(--icon-conference-inbound)
}

.conference-outbound {
  background-image: var(--icon-conference-outbound)
}

.blocked {
  background-image: var(--icon-blocked)
}

.missed {
  background-image: var(--icon-missed)
}

.inbound {
  background-image: var(--icon-inbound)
}

.outbound {
  background-image: var(--icon-outbound)
}

.download-report {
  background-image: var(--icon-download-report)
}

.rename {
  background-image: var(--icon-rename)
}

.upload {
  background-image: var(--icon-upload)
}

.reports {
  background-image: var(--icon-reports)
}

.copy {
  background-image: var(--icon-copy)
}

.add {
  background-image: var(--icon-add);
  background-repeat: no-repeat!important
}

.del {
  background-image: var(--icon-delete);
  background-position: center;
}

input.btn.btn-primary.span2.saving {
  background-color: #2b0021;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#36092c),color-stop(100%,#36092c))
}

.dock-head {
  background-color: var(--colors-black)
}
.dock-column.dock-contacts {
  width: 280px;
}

#navigation-subbar,.selectivity-multiple-selected-item,.selectivity-result-item.highlight {
  background: var(--colors-primary-500)!important
}

.download-audio,.play,.sort-icon,i.icon-remove.icon-black,i.nsicon.nsicon-answer-call,span.icon-facetime-video,span.nsicon.nsicon-more {
  background-position: center
}

.selectivity-multiple-input {
  width: 100%!important
}

.selectivity-result-item.highlight {
  color: #fff
}

i.icon-remove.icon-black {
  background-image: var(--icon-delete)
}

span.icon-facetime-video {
  background-image: var(--icon-camera)
}

span.nsicon.nsicon-more {
  background-repeat: no-repeat;
  background-image: var(--icon-vertical-menu)
}

i.nsicon.nsicon-add-participant {
  background-position: center;
  content: var(--icon-useradd);
  height: 16px;
  width: 16px
}

i.nsicon.nsicon-answer-call {
  content: var(--icon-phone);
  height: 14px;
  width: 14px
}

.download-audio {
  background-image: var(--icon-download)
}

.play {
  background-image: var(--icon-play)
}

.sort-icon {
  height: 20px;
  background-image: var(--icon-dragdrop)!important
}

.icon-info-sign {
  opacity: .6;
  background-image: var(--btn-info)!important;
  background-position: top;
  height: 11px
}

.icon-maximize,.icon-minimize,.icon-print,.icon-refresh {
  background-position: center
}

.icon-refresh {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5z"/><path class="fa-secondary" d="M80 396.9V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32H176c17.7 0 32 14.3 32 32s-14.3 32-32 32H125.6l17.2 17.1c62.5 62.5 163.8 62.5 226.3 0c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.5 87.5-229.3 87.5-316.7 0L80 396.9z"/></svg>')
}

.icon-print {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>')!important
}

.icon-minimize {
  background-image: url('data:image/svg+xml,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M439 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H296c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39L439 7zM72 272H216c13.3 0 24 10.7 24 24V440c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39L73 505c-9.4 9.4-24.6 9.4-33.9 0L7 473c-9.4-9.4-9.4-24.6 0-33.9l87-87L55 313c-6.9-6.9-8.9-17.2-5.2-26.2s12.5-14.8 22.2-14.8z"/></svg>')
}

.icon-maximize {
  background-image: url('data:image/svg+xml,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M.3 89.5C.1 91.6 0 93.8 0 96V224 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64V224 96c0-35.3-28.7-64-64-64H64c-2.2 0-4.4 .1-6.5 .3c-9.2 .9-17.8 3.8-25.5 8.2C21.8 46.5 13.4 55.1 7.7 65.5c-3.9 7.3-6.5 15.4-7.4 24zM48 224H464l0 192c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-192z"/></svg>')
}

.icon-comment {
  background-image: var(--icon-chat);
  background-position: bottom
}

.glyphicon-small-stats,.icon-graph {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80zM0 272c0-26.5 21.5-48 48-48H80c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V272zM368 96h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H368c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48z"/></svg>')!important;
  background-position: center
}

.icon-volume-up {
  background-image: var(--icon-sound);
  background-position: center;
}

.edit {
  background-image: url('data:image/svg+xml,<svg fill="%238d8d8f" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM357.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-21.4 21.4-71-71 21.4-21.4c15.6-15.6 40.9-15.6 56.6 0zM151.9 289L257.1 183.8l71 71L222.9 359.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z"></path></svg>');
  background-position: center
}

.delete {
  background: url('data:image/svg+xml,<svg fill="red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>')
}

.agents {
  background: url('data:image/svg+xml,<svg fill="%238d8d8f" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/></svg>')!important
}

.key-1 {
  background: var(--key-1)!important;
  background-repeat: no-repeat!important
}

.key-2 {
  background: var(--key-2)!important;
  background-repeat: no-repeat!important
}

.key-3 {
  background: var(--key-3)!important;
  background-repeat: no-repeat!important
}

.key-4 {
  background: var(--key-4)!important
}

.key-5 {
  background: var(--key-5)!important
}

.key-6 {
  background: var(--key-6)!important
}

.key-7 {
  background: var(--key-7)!important
}

.key-8 {
  background: var(--key-8)!important
}

.key-9 {
  background: var(--key-9)!important;
  background-repeat: no-repeat!important
}

.key-0 {
  background: var(--key-0)!important;
  background-repeat: no-repeat!important
}

.key-star {
  background: var(--key-star)!important;
  background-repeat: no-repeat!important
}

.loading .nav-arrow,.nav-link-current .nav-arrow {
  border-color: transparent transparent var(--colors-primary-600) transparent
}

#nav-msg-count {
  top: auto;
  right: 4px;
  padding: 2px 6px;
}

#LinkHomeIndex .nav-bg-image,#nav-home-super .nav-bg-image {
  background-size: 16px;
  background-image: var(--home);
  background-repeat: no-repeat;
  background-position: center
}

#LinkHomeIndex:hover .nav-bg-image,#nav-home-super:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--homeHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkResellersIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--resellers);
  background-repeat: no-repeat;
  background-position: center
}

#LinkResellersIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--resellersHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkDomainsIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--domains);
  background-repeat: no-repeat;
  background-position: center
}

#LinkDomainsIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--domainsHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkSiptrunksIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--trunk);
  background-repeat: no-repeat;
  background-position: center
}

#LinkSiptrunksIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--trunkHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkRouteprofilesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--routeprofiles);
  background-repeat: no-repeat;
  background-position: center
}

#LinkInventoryIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--inventory);
  background-repeat: no-repeat;
  background-position: center
}

#LinkInventoryIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--inventoryHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkCallhistoryIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--callhistory);
  background-repeat: no-repeat;
  background-position: center
}

#LinkCallhistoryIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--callhistoryHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkVoicemailsFax .nav-bg-image {
  background-size: 16px;
  background-image: var(--fax);
  background-repeat: no-repeat;
  background-position: center
}

#LinkVoicemailsFax:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--faxHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkUiconfigsIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--configs);
  background-repeat: no-repeat;
  background-position: center
}

#LinkUiconfigsIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--configsHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkVoicemailsIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--messages);
  background-repeat: no-repeat;
  background-position: center
}

#LinkVoicemailsIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--messagesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkContactsIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--contacts);
  background-repeat: no-repeat;
  background-position: center
}

#LinkContactsIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--contactsHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAnswerrulesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--answeringrules);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAnswerrulesIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--answeringrulesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkTimeframesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--timeframes);
  background-repeat: no-repeat;
  background-position: center
}

#LinkTimeframesIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--timeframesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkPhonesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--phones);
  background-repeat: no-repeat;
  background-position: center
}

#LinkPhonesIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--phonesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkMusicIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--musichold);
  background-repeat: no-repeat;
  background-position: center
}

#LinkMusicIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--musicholdHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkUsersIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--users);
  background-repeat: no-repeat;
  background-position: center
}

#LinkUsersIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--usersHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkConferencesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--conferences);
  background-repeat: no-repeat;
  background-position: center
}

#LinkConferencesIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--conferencesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAttendantsIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--autoattendants);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAttendantsIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--autoattendantsHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkCallqueuesIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--callqueues);
  background-repeat: no-repeat;
  background-position: center
}

#LinkCallqueuesIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--callqueuesHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAgentsIndex .nav-bg-image,#LinkAgentsManager .nav-bg-image {
  background-size: 16px;
  background-image: var(--callcenter);
  background-repeat: no-repeat;
  background-position: center
}

#LinkAgentsIndex:hover .nav-bg-image,#LinkAgentsManager:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--callcenterHover);
  background-repeat: no-repeat;
  background-position: center
}

#LinkClustersIndex .nav-bg-image {
  background-size: 16px;
  background-image: var(--cluster);
  background-repeat: no-repeat;
  background-position: center
}

#LinkClustersIndex:hover .nav-bg-image {
  background-size: 16px;
  background-image: var(--clusterHover);
  background-repeat: no-repeat;
  background-position: center
}

.action-container-left>#filter-date {
  background: var(--colors-primary-400)
}

.action-container-left>#filter-dialed,.action-container-left>#filter-type,.action-container-left>#filter-user {
  background: var(--voxtell-cinza-claro);
  color: var(--voxtell-cinza);
  text-shadow: 0 0 0
}

.app-icon-lg.icon-callqueue,.app-icon.icon-callqueue,app-icon-lg.icon-callqueue {
  background-image: var(--icon-callqueue);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-directory,.app-icon.icon-directory {
  background-image: var(--icon-directory);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-goback,.app-icon.icon-goback {
  background-image: var(--goback);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-voicemail,.app-icon.icon-voicemail {
  background-image: var(--icon-voicemail);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-vmailmanage,.app-icon.icon-vmailmanage {
  background-image: var(--icon-vmailmanage);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-external,.app-icon.icon-external {
  background-image: var(--icon-external);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-message,.app-icon.icon-message {
  background-image: var(--icon-message);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-repeat,.app-icon.icon-repeat {
  background-image: var(--icon-repeat);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-tier,.app-icon.icon-tier {
  background-image: var(--icon-tier);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon.icon-tier {
  background-image: var(--icon-tier)
}

.app-icon-lg.icon-user,.app-icon.icon-user {
  background-image: var(--icon-user);
  background-repeat: no-repeat;
  background-position: center
}

.app-icon-lg.icon-conference,.app-icon.icon-conference {
  background-image: var(--icon-conference);
  background-repeat: no-repeat;
  background-position: center
}

div#attendant_tier_1_1 {
  margin-bottom: 4px
}

.nav-link-current a div.nav-bg-image {
  opacity: .8
}

i.icon-share-alt.icon-white {
  background: url('data:image/svg+xml,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>') no-repeat
}

.btn.btn-primary.btn-save.btn-combo-save,.btn.btn-primary.dropdown-toggle {
  background: var(--colors-primary-600);
  border: solid 2px var(--colors-primary-600);
  color: whitesmoke;
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: var(--colors-primary-600);
  box-shadow: inset 0 0 0;
}

.round-music {
  background: var(--icon-music);
  background-position: center;
  background-repeat: no-repeat
}

span.not-registered {
  background-image: var(--icon-not-registered);
  background-repeat: no-repeat;
  background-position: center
}

span.checkmark {
  background-image: var(--icon-checked);
  background-repeat: no-repeat;
  background-position: center
}

.ui-datepicker td .ui-state-hover {
  background-image: -webkit-linear-gradient(top,var(--colors-primary-500),var(--colors-primary-500))
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-image: linear-gradient(to bottom,var(--colors-primary-500),var(--colors-primary-400))
}

.modal-header {
  .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px;
  color: #fff;
  background: var(--colors-primary-600);
  background-image: none;
  &:hover {
    background-color: var(--colors-primary-500);
  }
}

.chat-available {
  display: none!important
}

.presence.open {
  background: #5ab55a!important;
  border-radius: 40px
}

.presence.inactive {
  background: #bdbdbd!important;
  border-radius: 40px
}

.contact-dock-gravatar {
  background-color: var(--colors-primary-400)
}

.presence.inuse {
  background: red;
  border-radius: 12px
}

span.nsicon.nsicon-shared.helpsy {
  color: #fff
}

.round-logout {
  background: var(--icon-logout);
  background-position: center;
  background-repeat: no-repeat
}

.round-login {
  background: var(--icon-login);
  background-position: center;
  background-repeat: no-repeat
}

#LinkManage {
  background: var(--icon-user-add);
  background-position: center;
  background-repeat: no-repeat
}

.round-call {
  background: var(--icon-phone);
  background-position: center;
  background-repeat: no-repeat
}

.nsicon-more {
  background: var(--icon-vertical-menu);
  background-position: center;
  background-repeat: no-repeat
}

.helpsy:hover {
  scale: 1
}

a#Link {
  scale: 1!important
}


.round-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' fill='red' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm160 0a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm120 0a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:center;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  font-size: 0;
  outline: none;
  vertical-align: middle;
  background-color: transparent;
  border: none;
}

#table-column-queue-dropdown {
  label.checkbox {
    padding-left: 20px;
    text-align: left;
  }
}