.onpbx__personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin: 0 30px 0 18px; }
  .onpbx__personal--extension {
    font-size: 14px;
    opacity: 0.4;
    margin: 0 10px 0 0;
    margin-left: auto; }

.onpbx__multichanel {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.4;
  background: transparent; }
  .onpbx__multichanel--on {
    opacity: 1; }

.onpbx__distrub {
  opacity: 0.4;
  color: #ffffff;
  background: transparent;
  border: none;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  font-weight: 300;
  margin: 0 3vw 0 0;
  font-size: 14px; }
  .onpbx__distrub-on {
    color: #E94033;
    opacity: 1; }

.onpbx__dnd {
  margin: 0 10px 0 0;
  display: inline-block; }

.onpbx__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px; }
  .onpbx__panel--name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .onpbx__panel--wrapper {
    display: block;
    padding: 10 0 0; }

.onpbx__call {
  padding: 0 20px; }

.onpbx__line {
  background: #bfa427;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding: 0 10px;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .onpbx__line-success {
    background: #129631; }
  .onpbx__line--panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    @align-center {} }

.onpbx__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.onpbx__content {
  width: 99.9%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: rgba(30, 30, 48, 0.8);
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
  height: calc(100% - 65px); }
  .onpbx__content:hover {
    background: rgba(30, 30, 48, 0.4); }
    .onpbx__content:hover .onpbx__history--items::-webkit-scrollbar-thumb {
      background: rgba(22, 43, 58, 0.9); }

.onpbx__name {
  font-size: 16px;
  font-weight: 300; }
  .onpbx__name--display-name {
    font-size: 12px;
    color: #aaa; }
  .onpbx__name--holder {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    height: 35px; }
  .onpbx__name--overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px;
    display: block; }
  .onpbx__name-default {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 250px; }
  .onpbx__name-modal {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px;
    cursor: pointer; }
    .onpbx__name-modal:hover {
      text-decoration: underline; }
    .onpbx__name-modal-default {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      width: 185px; }
  .onpbx__name-pointer {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 250px;
    cursor: pointer; }
    .onpbx__name-pointer:hover {
      text-decoration: underline; }

.onpbx__number-call {
  font-size: 18px;
  font-weight: 300; }

.onpbx__number {
  font-size: 18px;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  display: flex;
}

  .onpbx__number--sub {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding-left: 30px;
    position: relative;
  }

  .onpbx__number svg {
    position: absolute;
    top: 4px;
    left: 5px;
  }

  .onpbx__number--col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between; }

.onpbx__timer {
  opacity: 0.5;
  font-weight: 300;
  font-size: 16px;
  cursor: default;
  padding: 0 15px; }

.onpbx__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between; }

.onpbx__modal-transfer {
  margin: 5px 3px 0 3px;
  width: 24px;
  height: 20px;
  background: transparent; }

.onpbx__transfer {
  margin: 0 4px 0 4px;
  width: 24px;
  height: 20px;
  background: transparent; }
  .onpbx__transfer-off {
    margin: 0px 4px 0 4px;
    width: 24px;
    height: 20px;
    background: transparent; }
    .onpbx__transfer-off-modal {
      margin: 5px 3px 0 3px;
      width: 24px;
      height: 20px;
      background: transparent; }
  .onpbx__transfer-on {
    margin: 0px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent; }
    .onpbx__transfer-on-modal {
      margin: 5px 3px 0 3px;
      width: 24px;
      height: 20px;
      background: transparent; }

.onpbx__transfer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: -6px;
    top: -50px;
    background: #000;
    padding: 10px;
    width: 255px;
  }
.onpbx__transfer-wrap input {
      background: transparent;
      color: #FFF;
}
.onpbx__transfer-wrap button {
    background: transparent;
    position: absolute;
    right:0px
}

.onpbx__dialpad {
  margin: 0 3px 0 3px;
  width: 24px;
  height: 20px;
  background: transparent; }
  .onpbx__dialpad-panel {
    position: relative;
    align-items: center; }
  .onpbx__dialpad-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .onpbx__dialpad-line button {
      width: 69px;
      color: #ffffff;
      background: transparent;
      font-size: 24px;
      font-weight: 300;
      padding: 7px 28px;
      line-height: 1;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      margin: 8px 2px; }
      .onpbx__dialpad-line button:hover {
        background: #191928; }
  .onpbx__dialpad-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: -96px;
    top: -260px;
    background: rgba(26, 26, 40, 0.8);
    padding: 8px 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 105; }
    .onpbx__dialpad-wrap::before {
      border: 11px solid transparent;
      border-top: 13px solid rgba(26, 26, 40, 0.8);
      content: '';
      position: absolute;
      top: 232px;
      display: flex;
      display: block;
      left: 46%; }
  .onpbx__dialpad-modal-wrap-with-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -285px;
    left: -5px;
    background: rgba(26, 26, 40, 0.8);
    padding: 8px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 105; }
  .onpbx__dialpad-modal-wrap-without-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -235px;
    left: -5px;
    background: rgba(26, 26, 40, 0.8);
    padding: 8px 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 105; }

.onpbx__createContact-modal {
  margin: 0 3px 0 3px;
  width: 24px;
  height: 20px;
  background: transparent; }

.onpbx__micro {
  margin: 0 3px 0 3px;
  width: 24px;
  height: 20px;
  background: transparent; }
  .onpbx__micro-modal {
    margin: 5px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent; }
  .onpbx__micro-off {
    margin: 0px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent;
  }

.onpbx__micro-off-modal {
    margin: 5px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent;
}

.onpbx__pause {
  margin: 0px 3px 0 3px;
  padding: 0;
  width: 24px;
  height: 20px;
  background: transparent; }
  .onpbx__pause-modal {
    margin: 5px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent; }

.onpbx__play {
  margin: 0px 3px 0 3px;
  width: 24px;
  height: 20px;
  background: transparent; }
  .onpbx__play-modal {
    margin: 5px 3px 0 3px;
    width: 24px;
    height: 20px;
    background: transparent; }

.onpbx__answer {
  margin-left: 5px;
  background: #0db32d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 17px;
  width: 50px;
  display: flex; }
  .onpbx__answer span {
    background: transparent;
    display: block;
    width: 22px;
    height: 22px; }

.onpbx__end {
  margin-left: 5px;
  padding: 0 13px;
  background: #e7083f;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 50px; }
  .onpbx__end span {
    background: transparent;
    display: block;
    width: 24px;
    height: 10px; }

.onpbx__number span:hover {
  color: #42d5ff; }

.onpbx__col0 {
  -webkit-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 15px; }

.onpbx__col1 {
  -webkit-box-flex: 2 0 0%;
  -ms-flex: 2 0 0%;
  flex: 2 0 0%; }

.onpbx__col2 {
  -webkit-box-flex: 4 0 0%;
  -ms-flex: 4 0 0%;
  flex: 4 0 0%;
  padding: 0 15px; }

.onpbx__col3 {
  -webkit-box-flex: 6 0 0%;
  -ms-flex: 6 0 0%;
  flex: 6 0 0%;
  padding: 0 15px; }

.onpbx__col4 {
  -webkit-box-flex: 8 0 0%;
  -ms-flex: 8 0 0%;
  flex: 8 0 0%;
  padding: 0 15px; }

.onpbx__col5 {
  -webkit-box-flex: 2 0 60%;
  -ms-flex: 2 0 60%;
  flex: 2 0 60%; }

.onpbx__col6 {
  -webkit-box-flex: 2 0 65%;
  -ms-flex: 2 0 65%;
  flex: 2 0 65%; }

.onpbx__comment {
  cursor: pointer;
  margin: 0 10px;
  -webkit-box-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  text-align: right; }
  .onpbx__comment--panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }

.onpbx__history {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0; }
  .onpbx__history--content {
    width: calc(100% + 10px); }
  .onpbx__history--items {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 165px);
  }

  .onpbx__history--colname {
    background: rgba(25, 25, 40, 0.3);
    min-width: 700px;
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff;
    opacity: 0.4;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.onpbx__tabs {
  display: inline-block; }

.onpbx__tab {
  background: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
  padding: 0 3px 10px;
  margin-right: 18px; }

.onpbx__head {
  font-size: 24px;
  font-weight: 300;
  margin-right: 40px;
  display: inline-block; }
  .onpbx__head-line {
    padding: 10px 25px 0;
    min-width: 700px; }

.onpbx__date {
  font-size: 16px;
  font-weight: 300;
  opacity: 0.2;
  padding: 16px 20px;
}

.onpbx__calls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  padding: 17px 20px;
  background: transparent;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  width: calc(100% - 30px); }
  .onpbx__calls:hover {
    background: rgba(27, 27, 43, 0.5); }

.onpbx__result {
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }

.onpbx__beside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between; }

.onpbx__fullscreen {
  width: 100%;
  height: 100%;
  margin-top: -4px;
  left: 0;
}

.onpbx__body-hidden {
  overflow: hidden; }

.onpbx__widget {
  z-index:1031;
  position: fixed; }

.onpbx__modal {
  position: fixed;
  z-index: 200;
}

.onpbx__primary {
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 65px;
  height: 65px;
  border-top: 1px solid #224357; }
  .onpbx__primary-button {
    cursor: pointer;
    outline: none;
    background: #162b3a; }
  .onpbx__primary-span {
    width: 28px;
    height: 30px;
    display: block;
    border: none;
    outline: none;
    position: relative; }
  .onpbx__primary-status-ok {
    position: absolute;
    border: 4px solid #12bf43;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    right: 14px;
    top: 15px; }
  .onpbx__primary-status-dnd {
    position: absolute;
    border: 4px solid #E94033;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    right: 14px;
    top: 15px; }
  .onpbx__primary-status-miss {
    background: #ff7779 0 0;
    border-radius: 20px;
    right: 13px;
    top: 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 16px;
    padding: 3px;
    position: absolute;
    text-align: center; }

.onpbx__wrapper {
  background: url("data:image/png;base64,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");
  background-size: cover;
  font-family: "PT Sans", Arial, sans-serif;
  color: #ffffff;
  width: 100%;
  height: 100%;
}

  .onpbx__wrapper button {
    border: none;
    outline: none;
    cursor: pointer; }

.onpbx__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }
  .onpbx__wrap:hover .onpbx__employees {
    border-left: 1px solid transparent; }

.onpbx__window {
  font-family: "PT Sans", Arial, sans-serif; }
  .onpbx__window button {
    border: none;
    outline: none;
    cursor: pointer; }

.onpbx_vision {
  display: none; }

.onpbx__start {
  width: 100%;
  height: 100%; }

.onpbx__history--items::-webkit-scrollbar {
  width: 9px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }

.onpbx__history--items::-webkit-scrollbar-button {
  display: none; }

.onpbx__history--items::-webkit-scrollbar-track-piece {
  opacity: 0; }

.onpbx__history--items::-webkit-scrollbar-thumb {
  background: transparent;
  -webkit-border-radius: 20px;
  border-radius: 20px; }

.onpbx__scrolling::-webkit-scrollbar {
  width: 9px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }

.onpbx__scrolling::-webkit-scrollbar-button {
  display: none; }

.onpbx__scrolling::-webkit-scrollbar-track-piece {
  opacity: 0; }

.onpbx__scrolling::-webkit-scrollbar-thumb {
  background: transparent;
  -webkit-border-radius: 20px;
  border-radius: 20px; }

.onpbx__login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  line-height: 1.1;
  padding: 0 0 25px; }

.onpbx__employees {
  background: rgba(30, 30, 48, 0.8);
  padding: 10px 0;
  overflow: hidden;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s; }
  .onpbx__employees .onpbx__head {
    padding: 0;
    margin: 0; }
  .onpbx__employees .onpbx__employees-line {
    cursor: default; }
  .onpbx__employees:hover {
    background: rgba(30, 30, 48, 0.4); }
  .onpbx__employees-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 9px 25px;
    line-height: 1.2;
    margin-bottom: 3px;
    background: transparent;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .onpbx__employees-line:hover {
      background: rgba(28, 28, 45, 0.3); }

.onpbx__stat {
  width: 9px;
  height: 9px;
  border: 3px solid #92989b;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
  .onpbx__stat--success {
    border: 3px solid #1ec133; }
  .onpbx__stat--fail {
    border: 3px solid #f40e0e; }

.onpbx__transfer-button {
  width: 29px;
  height: 27px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAMAAAC3FHQgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAxlBMVEX///////////////////////////////+Lj5itsLebnqcaITQcIza4usDV1tonLT8eJTi8vsPX2dzy8vPOz9MiKTvExsq3ub9KUF/FxsvMzdJSV2X29vfDxcpUWmj5+fm5u8EsMkSjpq6pq7N8gItfZHH6+vqxs7planeTl5/09fXn5+ri4+aGiZSWmaI5P1Dp6euAhI+hpKthZnN3fIf+/v6qrLMyOUng4eNtcX2usbctM0Xf4OLp6uz8/P3X2Nu6vMLR09aRw1b7AAAAB3RSTlMGke3ukIiJnEe+1gAAAAFiS0dEAIgFHUgAAAAHdElNRQfiDA4IGSLyBDNfAAAAxUlEQVQoz6XT1xKCMBAF0IAl6kUBFXsDe++9//9PiTogyZj44H3MmUl2Nwkhikq/J6QQEqbiRIgqUZVQWf7XWFyiCWhJsaZ0GKa/lM5wO2d1WDlvKV/IsEqLFqySpyhXuJqrBvSsp6jVuY4aBmyn+UwLQLvD9dvVEEiPn0Y8qH1WB5QOR684Lo7ZcyfTmd8RMGdrXgDLj67WjG6A7c7XvYdvPWg4nvzqzhd2kqZhXyU3eLvL7leUHyp/k7L3HCVECQnM/QsPaEYewRr/N68AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTItMTNUMTc6MzI6MjQrMDU6MDCAWLmHAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEyLTEzVDE3OjMyOjI0KzA1OjAw8QUBOwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII="); }

.onpbx__scrolling {
  overflow: auto;
  height: calc(100vh - 145px);
  margin: 5px; }

.onpbx__extension {
  font-size: 16px;
  font-weight: 300; }
  .onpbx__extension span {
    cursor: pointer;
    position: relative; }
  .onpbx__extension:hover {
    color: #42d5ff; }
  .onpbx__extension span:hover:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAe1BMVEX///9B0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fpB0fr///+2oJUCAAAAJ3RSTlMA536r7MvG/AyM8A4+6y8B20RfogLIWiP4QgkDQ/peLejxs5dqrkfaloj0AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IMDggZIvIEM18AAABwSURBVAjXVc7nDoMwDARgM0ohrEDLLLOMe/83xKipktyf6DvFlskB4JIOE55hn/0wHLCfoXbEFrF2AqSZ8T+XKMhMiZfld4XaKhrRdvfbf1QxjONENC/rd9t/hcBxpvelUCMVVP5LS2mZ70iiwIdzAQxdCjfMi/xfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEyLTEzVDE3OjMyOjI0KzA1OjAwgFi5hwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMi0xM1QxNzozMjoyNCswNTowMPEFATsAAAAASUVORK5CYII=") 50% 50% no-repeat;
    background-size: 15px;
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    left: -30px;
    padding: 0 6px; }

.onpbx__groups {
  padding: 16px 25px;
  background: rgba(27, 27, 43, 0.5);
  cursor: pointer;
  margin-bottom: 5px;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }
  .onpbx__groups:hover {
    opacity: 0.85; }
    .onpbx__groups:hover .onpbx__groups-down {
      -webkit-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      transition: opacity 0.4s;
      opacity: 0.8; }
    .onpbx__groups:hover .onpbx__groups-up {
      -webkit-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      transition: opacity 0.4s;
      opacity: 0.8; }
  .onpbx__groups span {
    cursor: pointer; }
  .onpbx__groups-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 300;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    line-height: 1;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .onpbx__groups-down {
    border: 6px solid transparent;
    border-top: 6px solid #ffffff;
    margin-top: 5px;
    cursor: pointer;
    opacity: 0.3; }
  .onpbx__groups-up {
    border: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    margin-bottom: 6px;
    cursor: pointer;
    opacity: 0.3; }

.onpbx__flex--nude {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.onpbx__flex--header {
  display: flex;
  min-width: 700px; }

.onpbx__align--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin-left: 10px; }

.onpbx__billing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .onpbx__billing--false {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    flex-direction: row-reverse; }
  .onpbx__billing--true {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center; }

.onpbx__controls {
  -webkit-box-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .onpbx__controls--panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px; }

.onpbx__myextension {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  background: #1f2a3e; }

.onpbx__footer {
  width: 100vw;
  background: #1f2a3e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between; }
  .onpbx__footer--username {
    width: 70px;
    height: 27px;
    font-size: 14px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center; }
  .onpbx__footer--link {
    text-decoration: none; }

.onpbx__label {
  position: absolute;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer; }
  .onpbx__label span {
    opacity: 0.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.onpbx__disk {
  width: 10px;
  height: 10px;
  float: left;
  border: 3px solid #12bf43;
  border-radius: 50%;
  margin-right: 5px; }

.onpbx__multichannel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%; }

.onpbx__field {
  width: 100%;
  height: 65px;
  background: #171e2d;
  outline: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  padding: 0 80px 0 20px;
  font-size: 14px;
  font-weight: 400;
  border:none;
}
  .onpbx__field--noactive {
    width: 22px;
    height: 22px;
    position: absolute;
    visibility: hidden;
    right: 10px;
    bottom: 21.5px; }
    .onpbx__field--noactive.onpbx__field--active-call {
      visibility: visible;
      background: transparent; }
    .onpbx__field--noactive.onpbx__field--active-transfer {
      background: transparent;
      visibility: visible;
      width: 23px;
      height: 19px; }
  .onpbx__field::-webkit-input-placeholder {
    color: #ffffff;
    font-style: italic;
    font-weight: 300; }
  .onpbx__field::-moz-placeholder {
    color: #ffffff;
    font-style: italic;
    font-weight: 300; }
  .onpbx__field:-moz-placeholder {
    color: #ffffff;
    font-style: italic;
    font-weight: 300; }
  .onpbx__field:-ms-input-placeholder {
    color: #ffffff;
    font-style: italic;
    font-weight: 300; }
  .onpbx__field:focus::-webkit-input-placeholder {
    opacity: 0.3; }
  .onpbx__field:focus::-moz-placeholder {
    opacity: 0.3; }
  .onpbx__field:focus:-moz-placeholder {
    opacity: 0.3; }
  .onpbx__field:focus:-ms-input-placeholder {
    opacity: 0.3; }
  .onpbx__field-clear {
    position: absolute;
    right: 50px;
    background: transparent;
    display: flex; }

.onpbx__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  width: 400px;
  min-width: 400px;
  margin-right: 20px; }
  .onpbx__search--name {
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block; }
    .onpbx__search--name_on {
      cursor: pointer; }
      .onpbx__search--name_on:hover {
        text-decoration: underline; }
  .onpbx__search--scrolling {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto; }
    .onpbx__search--scrolling::-webkit-scrollbar {
      width: 0;
      opacity: 0; }
  .onpbx__search--number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px; }
    .onpbx__search--number_sub {
      max-width: 100px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      cursor: pointer; }
      .onpbx__search--number_sub:hover {
        color: #42d5ff; }
  .onpbx__search--window {
    max-height: 500px;
    width: 100%;
    position: absolute;
    background: #171e2d;
    bottom: 65px;
    left: 0; }
  .onpbx__search--pic {
    width: 22px;
    height: 22px;
    display: block;
    visibility: hidden;
    position: absolute;
    right: 10px;
    cursor: pointer; }
  .onpbx__search--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 5px 10px;
    position: relative; }
    .onpbx__search--line:focus {
      background: #1f2a3e; }
      .onpbx__search--line:focus .onpbx__search--number {
        color: #42d5ff; }
      .onpbx__search--line:focus .onpbx__search--pic {
        visibility: visible; }
    .onpbx__search--line:hover {
      background: #1f2a3e; }
      .onpbx__search--line:hover .onpbx__search--pic {
        visibility: visible; }

.onpbx__switch {
  cursor: pointer; }

.onpbx__switch:not(checked) {
  opacity: 0; }

.onpbx__switch:not(checked) + .onpbx__label:before {
  content: '';
  position: absolute;
  left: -50px;
  width: 33px;
  height: 14px;
  border-radius: 13px;
  background: transparent;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff; }

.onpbx__switch:not(checked) + .onpbx__label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: -47px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all .3s; }

.onpbx__switch:checked + .onpbx__label:after {
  left: -28px; }

.onpbx__switch:checked + .onpbx__label:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAMAAADtRZdSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAANlBMVEX///+ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN2ZuN3////xoWyQAAAAEHRSTlMAXLJAAQU+ygxFq9xhlYvmhzyHeQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiDA4IGSLyBDNfAAAALklEQVQI1y3Gxw0AIBAEsYEjx+2/WiTAL8Pj/I9JhPiSyCpUyaCpjxuY+oG1bw4oZgFYbQGzkgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMi0xM1QxNzozMjoyNCswNTowMIBYuYcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTItMTNUMTc6MzI6MjQrMDU6MDDxBQE7AAAAAElFTkSuQmCC") 20% 50% no-repeat; }

.onpbx__window {
  position: fixed;
  background: #000;
  bottom: 55px;
  right: 30px;
  opacity: 0.8;
  color: #ffffff;
  height: 83px;
  width: 255px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

.onpbx__window-call {
    border-left: 6px solid #bfa427;
    z-index:100;
}
.onpbx__window-isAnswered {
  border-left: 6px solid #129631;
}
.onpbx__window:hover {
    opacity: 0.9;
}
.onpbx__window:hover .onpbx__timer {
    opacity: 0.5;
}
.onpbx__window-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 30px;
}
.onpbx__window .onpbx__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding-top: 14px;
    padding-left: unset;
}
  .onpbx__window .onpbx__name {
    width: 89%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 8px;
    display: flex; }

.onpbx__endcall {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("data:image/png;base64,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");
  background-size: cover;
  top: 0;
  z-index: 150;
  color: #ffffff;
  font-weight: 300; }
  .onpbx__endcall--username {
    font-size: 20px; }
  .onpbx__endcall--time {
    opacity: 0.6;
    font-size: 16px; }
  .onpbx__endcall--value {
    font-size: 16px;
    -webkit-box-flex: 2 1 100%;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%; }
  .onpbx__endcall--title {
    font-size: 16px;
    -webkit-box-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    opacity: 0.2; }
  .onpbx__endcall--info {
    width: 550px;
    margin: 0 0 20px; }
    .onpbx__endcall--info_1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: baseline;
      -ms-grid-row-align: baseline;
      align-items: baseline;
      background: rgba(0, 0, 0, 0.2);
      padding: 18px 20px;
      margin: 0 0 1px; }
    .onpbx__endcall--info_2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 20px;
      background: rgba(0, 0, 0, 0.2);
      margin: 0 0 1px; }
    .onpbx__endcall--info_3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 20px;
      background: rgba(0, 0, 0, 0.2);
      margin: 0 0 1px; }
    .onpbx__endcall--info_4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 20px;
      background: rgba(0, 0, 0, 0.2); }
  .onpbx__endcall--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .onpbx__endcall--background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: background 0.3s; }
    .onpbx__endcall--background:hover {
      background: rgba(0, 0, 0, 0.5); }
  .onpbx__endcall--close {
    right: 100px;
    top: 30px;
    position: absolute; }
    .onpbx__endcall--close_button {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiDA4IGSFrDWLlAAAAWUlEQVQoz42Ruw3AQAhDrbAPQ7DrrUj70qSIIJIDFeZjA0IEiT48CSSCQ1MrXTSHEEnDKqkHzXdQK11oATPaPWPeZh10W9gQfMnZXwoj0qxpDmVPbZ9l3n0Dxbo/KBORvAYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTItMTNUMTc6MzI6MjQrMDU6MDCAWLmHAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEyLTEzVDE3OjMyOjI0KzA1OjAw8QUBOwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=");
      width: 16px;
      height: 16px;
      border: none;
      outline: none; }
  .onpbx__endcall--panel {
    position: absolute;
    top: 40px;
    background: #1f2a3e;
    left: 0;
    padding-bottom: 10px;
    z-index: 10; }
  .onpbx__endcall--comment {
    position: relative; }
  .onpbx__endcall--dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #ffffff;
    border-radius: 3px;
    width: 550px;
    padding: 10px 15px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border-left: 5px solid transparent !important; }
    .onpbx__endcall--dropdown_open {
      background: #1f2a3e;
      border-left: 5px solid transparent !important; }
    .onpbx__endcall--dropdown:hover .onpbx__endcall--arrow_down {
      transition: border 0.3s;
      border-top: 5px solid #3374c4; }
    .onpbx__endcall--dropdown:hover .onpbx__endcall--arrow_up {
      transition: border 0.3s;
      border-bottom: 5px solid #3374c4; }
    .onpbx__endcall--dropdown_disabled {
      cursor: default !important; }
  .onpbx__endcall--arrow_down {
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
    margin: 5px 0 0; }
  .onpbx__endcall--arrow_up {
    border: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
    margin: 0 0 5px; }
  .onpbx__endcall--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 550px;
    margin: 25px 0 0; }
  .onpbx__endcall--status {
    width: 550px;
    color: #ffffff;
    font-weight: 300;
    background: #1f2a3e;
    transition: all 0.3s;
    text-align: left;
    padding: 10px;
    margin: 5px 0 0; }
    .onpbx__endcall--status:hover {
      background: rgba(26, 26, 40, 0.8); }
    .onpbx__endcall--status_success {
      border-left: 5px solid #39c74c !important; }
    .onpbx__endcall--status_unsuccess {
      border-left: 5px solid #e7083f !important; }
    .onpbx__endcall--status_wait {
      border-left: 5px solid yellow !important; }
  .onpbx__endcall--textarea {
    width: 100%;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2);
    font-weight: 300;
    resize: none;
    min-height: 60px;
    padding: 20px; }
    .onpbx__endcall--textarea_wrapper {
      width: 510px; }

.onpbx__button--link {
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  background: none;
  opacity: 0.8;
  margin: 0 20px 0 0;
  transition: all 0.3s; }
  .onpbx__button--link:hover {
    opacity: 1; }

.onpbx__button--primary {
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  background: #3374c4;
  padding: 10px 40px;
  border-radius: 5px;
  opacity: 0.8;
  transition: all 0.3s; }
  .onpbx__button--primary:hover {
    opacity: 1;
  }

  .close_call{
    background: transparent;
    color: red;
    font-size: 25px;
    position: relative;
    cursor: pointer;
    display:none;
  }

  .load_more{
    cursor:pointer;
  }

  .search_phone_history{
    display: inline-block;
    position: absolute;
    right: 20px;
  }

  .search_phone_history>input{
    background: #171e2d;
    border: none;
    padding: 8px;
    color:#fff;
    font-size:14px;
    font-weight: 400;
    outline:none;
  }

.search_phone_history>input::-webkit-input-placeholder {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
.search_phone_history>input::-moz-placeholder {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
.search_phone_history>input:-moz-placeholder {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
.search_phone_history>input:-ms-input-placeholder {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
.search_phone_history>input:focus::-webkit-input-placeholder {
  opacity: 0.3;
}
.search_phone_history>input:focus::-moz-placeholder {
  opacity: 0.3;
}
.search_phone_history>input:focus:-moz-placeholder {
  opacity: 0.3;
}
.search_phone_history>input:focus:-ms-input-placeholder {
  opacity: 0.3;
}

.close_history{
  position: relative;
  margin-right: 42px;
  font-size: 34px;
}

.close_history a{
  color:#a8a9ab!important;
}

@media screen and (max-width: 767px) {
  .open_phone{
    position:absolute!important;
    width:40px;
  }

  .right-menu{
    position: relative;
    height:40px;
  }

  .not_view_message{
    position: absolute!important;
    left: 57px;
  }

  .open_chat{
    position: absolute;
    left: 65px;
    margin-left:0px;
  }

  /*Телефония*/
  .onpbx__tabs, .onpbx__flex--header>.onpbx__align--center{
    display:none!important;
  }

  .onpbx__head-line{
    padding: 4px 4px 0px!important;
  }

  .onpbx__field{
    padding: 0px 35px 0 12px!important;
    width:67%!important;
  }

  .close_history{
    position: absolute!important;
    right: -30px!important;
  }

  .mobile-phone{
    position: absolute;
    left: 225px;
    width: 40px;
    font-size: 25px;
    text-align: center;
    display: block!important;
    color: green;
  }

  .onpbx__name{
    width:115px;
  }

  .onpbx__name-default{
    width:unset!important;
    word-wrap:unset!important;
    white-space:unset!important;
  }

  .onpbx__number--sub{
    padding-left:unset!important;
  }

  .onpbx__calls{
    flex-direction: column!important;
    align-items: end!important;
  }

  .onpbx__number--col{
    width:280px!important;
  }

  .onpbx__history--colname{
    display:none!important;
  }
}

.crm-rec-player{
  z-index:1032!important;
}

.list_client{
  width: fit-content;
  padding: 3px 10px;
  height: fit-content;
  position: absolute;
  bottom: 93px;
  background: #000;
  right: 0;
  border-radius: 10px;
  font-size:13px;
}

.list_client span{
  cursor:pointer;
}

.list_client span:hover{
  cursor:pointer;
  color:green;
}

.list_client:after, .list_client:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.list_client:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-width: 10px;
	margin-left: 70px;
}

.open_card_client{
  cursor:pointer;
}

.open_card_client:hover{
  cursor:pointer;
  color:green;
}

.success{
  color:green
}

.transfer_staff{
  height: 150px;
  overflow-y: scroll;
  position: absolute;
  top: -200px;
  overflow-x: hidden;
  background-color: #000;
  padding: 5px;
  width: 255px;
  left: -6px;
  border-top-right-radius: 8px;
}

.transfer_staff ul{
  list-style-type: none;
  padding-left:6px;
}

.transfer_staff li{
  cursor:pointer;

}

.transfer_staff li:hover{
  color:#777
}

.transfer_staff::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.transfer_staff::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.transfer_staff::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.staff_list{
  position: absolute;
  top: 60px;
  background-color: #1f2a3e;
  z-index: 2;
  width: 100%;
  border-bottom-right-radius: 2%;
  padding-top:10px;
  display:none;
  overflow: hidden;
  height: 70vh;
  overflow-y: auto;
}

.select_staff_to_phone{
  list-style-type: none;
}