* {
  scrollbar-color: #c1c1c1 #e9ecef;
  scrollbar-width: thin; }
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e9ecef; }
  *::-webkit-scrollbar-thumb {
    background: #c1c1c1; }
  *::-webkit-scrollbar-button {
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 8px; }
  *::-webkit-scrollbar-button:end:increment {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); }
  *::-webkit-scrollbar-button:start:decrement {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC11cCI+CgkJPHBvbHlnb24gcG9pbnRzPSIwLDE5MS4yNSAxMjcuNSw2My43NSAyNTUsMTkxLjI1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); }

.fixed-header {
  transition: all 0.2s;
  transform: translateY(0%);
  z-index: 1031;
  background-color: #263077;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0; }

.call-window {
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  background-color: #fff; }

.user-img {
  display: inline-block;
  position: relative; }

.fixed-header .user-info a {
  color: #fff;
  font-weight: 500; }

.avatar-sm {
  width: 2.5rem;
  height: 2.5rem; }

.avatar {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px; }

.last-seen {
  color: #00e65b;
  display: block;
  font-size: 12px; }

.call-contents {
  height: calc(100vh - 55px);
  position: fixed;
  width: 100%;
  left: 0;
  top: 55px; }

.call-content-wrap {
  height: 100%;
  position: relative;
  width: 100%; }

.togglePanelHide.toggleinfoWrap .call-content-wrap {
  width: 100%; }
.togglePanelHide.toggleinfoWrap .call-footer {
  width: 100%; }
.togglePanelHide .info-content-wrap {
  transform: translateX(100%); }

@media (min-width: 1200px) {
  .toggleinfoWrap .call-content-wrap,
  .toggleinfoWrap .call-footer {
    width: 66.666667%; }

  .info-content-wrap {
    width: 33.333333%; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .toggleinfoWrap .call-content-wrap,
  .toggleinfoWrap .call-footer {
    width: 58.333333%; }

  .info-content-wrap {
    width: 41.666667%; } }
@media (max-width: 991.98px) {
  .info-content-wrap {
    width: 100%;
    max-width: 480px; } }
.toggleinfoWrap .call-content-wrap,
.toggleinfoWrap .call-footer {
  float: left;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out; }

.info-content-wrap {
  position: absolute;
  top: 0;
  height: calc(100vh - 54px);
  height: calc(var(--vh, 1vh) * 100 - 54px);
  right: 0;
  float: right;
  border: 1px solid #2cb7df;
  overflow: auto;
  transition: .3s ease-in-out;
  z-index: 9999;
  background-color: #fff;
  scrollbar-color: #c1c1c1 #e9ecef;
  scrollbar-width: thin; }
  .info-content-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e9ecef; }
  .info-content-wrap::-webkit-scrollbar-thumb {
    background: #c1c1c1; }
  .info-content-wrap::-webkit-scrollbar-button {
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 8px; }
  .info-content-wrap::-webkit-scrollbar-button:end:increment {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); }
  .info-content-wrap::-webkit-scrollbar-button:start:decrement {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC11cCI+CgkJPHBvbHlnb24gcG9pbnRzPSIwLDE5MS4yNSAxMjcuNSw2My43NSAyNTUsMTkxLjI1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); }

.user-video {
  height: 72px; }

.my-video {
  position: absolute;
  z-index: 99;
  top: 15px;
  right: 0; }

.my-video ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.my-video ul li {
  float: left;
  width: 72px;
  margin-right: 10px;
  background: #f9f9f9;
  border-radius: 10px;
  overflow: hidden; }

.my-video ul li img {
  border: 3px solid #fff;
  border-radius: 6px; }

.call-footer {
  padding: 15px 15px 25px;
  position: fixed;
  width: 100%;
  z-index: 999;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0)); }

.call-icons {
  text-align: center;
  position: relative; }

.call-duration {
  display: inline-block;
  font-size: 14px;
  margin-top: 4px;
  color: #fff; }

.call-icons .call-items {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }

.call-icons .call-items .call-item {
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  vertical-align: middle; }
  .call-icons .call-items .call-item .icon {
    width: 24px;
    height: 24px; }
    .call-icons .call-items .call-item .icon img {
      width: 24px; }
    .call-icons .call-items .call-item .icon svg {
      width: 100%;
      height: 100%; }
      .call-icons .call-items .call-item .icon svg path,
      .call-icons .call-items .call-item .icon svg circle {
        fill: #fff; }
  .call-icons .call-items .call-item .call-item.call-end {
    background: #f06060;
    border: 1px solid #f06060;
    color: #fff;
    line-height: 0;
    width: 100px; }
    .call-icons .call-items .call-item .call-item.call-end:hover {
      background-color: #f17070;
      border-color: #f17070; }
  .call-icons .call-items .call-item .call-item.call-start {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    line-height: 0; }
    .call-icons .call-items .call-item .call-item.call-start:hover {
      background-color: #66d272;
      border-color: #66d272; }
  .call-icons .call-items .call-item .call-item.mute-audio {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    line-height: 0; }
    .call-icons .call-items .call-item .call-item.mute-audio:hover {
      background-color: #e2e6ea;
      border-color: #dae0e5; }
    .call-icons .call-items .call-item .call-item.mute-audio path,
    .call-icons .call-items .call-item .call-item.mute-audio circle {
      fill: #777 !important; }

.call-icons .call-items .call-item a {
  color: #777;
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  font-size: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px; }

.contentWrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 100%; }

.tabsNavWrap {
  position: relative;
  padding: 0 25px; }

.tabsNavinner {
  width: 100%;
  border-bottom: 2px solid #eceef2; }

.tabs {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: -2px; }
  .tabs::-webkit-scrollbar {
    display: none; }
  .tabs::-webkit-scrollbar-button {
    display: none; }
  .tabs::-webkit-scrollbar-button:end:increment {
    display: none; }
  .tabs::-webkit-scrollbar-button:start:decrement {
    display: none; }

.tabs li {
  display: inline-block;
  background-color: transparent;
  padding: 8px 10px;
  cursor: pointer;
  color: #6f7072;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500; }

.tabs li.active {
  background-color: transparent;
  color: #000;
  border-color: #2cb7e0; }

.next,
.previous {
  position: absolute;
  padding: 4px 0px;
  top: 0;
  background-color: white; }

.next {
  right: 0; }

.previous {
  left: 0; }

.tabContent {
  width: 100%;
  background-color: white;
  padding: 10px 15px;
  height: 100%;
  display: flex;
  flex-wrap: wrap; }
  .tabContent .tabPane {
    width: 100%; }

.next,
.previous {
  cursor: pointer; }
  .next.disabled,
  .previous.disabled {
    cursor: default; }
    .next.disabled .icon svg path,
    .next.disabled .icon svg circle,
    .previous.disabled .icon svg path,
    .previous.disabled .icon svg circle {
      fill: #959699; }
  .next .icon,
  .previous .icon {
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 100%;
    line-height: 14px; }
    .next .icon img,
    .previous .icon img {
      max-width: 14px; }
    .next .icon svg,
    .previous .icon svg {
      width: 100%;
      height: 100%; }
      .next .icon svg path,
      .next .icon svg circle,
      .previous .icon svg path,
      .previous .icon svg circle {
        fill: #40bee2; }

.stickHead {
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 10px;
  width: 100%; }

.form-groupTab .form-group {
  margin-bottom: 8px; }

.form-groupTab .form-group .control-label {
  color: #2cb7df !important;
  font-size: 13px;
  margin-bottom: 5px;
  display: inline-block; }

.form-groupTab .form-group p {
  font-size: 14px;
  font-weight: 400; }

.tabPaneHead .h5 {
  color: #252f77;
  font-size: 15px; }

.history-accord-wrap .headTab,
.history-accord-wrap .footTab {
  display: none; }
.history-accord-wrap .subpanel .h5 {
  font-size: 13px; }
.history-accord-wrap .table {
  font-size: 13px; }
.history-accord-wrap.whatWeTreat h5 button:after, .history-accord-wrap.whatWeTreat h5.accordTab:after {
  top: 12px !important; }
.history-accord-wrap .card {
  border: 1px solid #d6e1e4; }
  .history-accord-wrap .card .card-header {
    background: #f3f7f8; }
    .history-accord-wrap .card .card-header h5 button, .history-accord-wrap .card .card-header h5.accordTab {
      cursor: pointer;
      color: #283344;
      font-weight: 500;
      position: relative;
      text-decoration: none;
      padding: 6px 15px;
      padding-right: 1.9rem !important;
      font-size: 13px;
      transition: 300ms ease-in-out; }
      .history-accord-wrap .card .card-header h5 button:after, .history-accord-wrap .card .card-header h5.accordTab:after {
        position: absolute;
        content: '';
        background: url(../images/icons/icon_plus_show.svg) no-repeat;
        height: 20px;
        width: 20px;
        right: 5px;
        top: 6px;
        top: 5px;
        background-size: 20px;
        background-position: center center;
        transition: 300ms ease-in-out;
        transform: rotate(45deg); }
      .history-accord-wrap .card .card-header h5 button.collapsed, .history-accord-wrap .card .card-header h5.accordTab.collapsed {
        background: #fff; }
        .history-accord-wrap .card .card-header h5 button.collapsed:after, .history-accord-wrap .card .card-header h5.accordTab.collapsed:after {
          transform: rotate(0deg);
          transition: 300ms ease-in-out; }
    .history-accord-wrap .card .card-header h5 .icon {
      width: 24px;
      height: 24px;
      line-height: 24px; }
      .history-accord-wrap .card .card-header h5 .icon img {
        width: 24px; }
      .history-accord-wrap .card .card-header h5 .icon svg {
        width: 100%;
        height: 100%; }
        .history-accord-wrap .card .card-header h5 .icon svg path,
        .history-accord-wrap .card .card-header h5 .icon svg circle {
          fill: #2cb7df; }
  .history-accord-wrap .card .card-body {
    padding: 15px 15px; }
    .history-accord-wrap .card .card-body p {
      font-size: 12px;
      line-height: 22px;
      margin-bottom: 5px;
      color: #47535f;
      font-weight: 400; }
.history-accord-wrap .stat-page-ul {
  padding-left: 15px;
  margin: 15px 0; }
  .history-accord-wrap .stat-page-ul li {
    font-size: 13px;
    margin-bottom: 8px; }

.custom-switch {
  padding-left: 2rem; }

.customToggle {
  color: #fff;
  font-size: 14px; }

.custom-switch {
  cursor: pointer; }

.customToggle.custom-switch .custom-control-label::before {
  left: -2rem;
  border-width: 1px; }

.custom-switch .custom-control-label::before {
  top: .25rem; }

.customToggle.custom-switch .custom-control-label::after {
  left: calc(-2rem + 2px);
  top: calc(.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd; }

.customToggle .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #2cb7e0; }

.tab-sidebar {
  border: 1px solid #d6e1e4;
  height: calc(100% - 25px);
  overflow: auto;
  border-radius: 3px; }
  .tab-sidebar .nav-tabs {
    background: #f3f7f8;
    border: 0; }
    .tab-sidebar .nav-tabs .nav-item {
      flex: 1;
      text-align: center;
      border-radius: 0;
      margin-bottom: 0; }
      .tab-sidebar .nav-tabs .nav-item .nav-link {
        font-size: 13px;
        border-radius: 0;
        padding: 6px 15px;
        background-color: #f3f7f8 !important;
        border-color: #f3f7f8 !important; }
        .tab-sidebar .nav-tabs .nav-item .nav-link.active {
          background-color: #2cb7df !important;
          border-color: #2cb7df #2cb7df #2cb7df !important; }
  .tab-sidebar .tab-content {
    padding: 15px 15px;
    height: calc(100% - 35px); }

.search-group .form-control {
  font-size: 13px;
  height: 28px;
  line-height: 28px; }

.search-group-box .form-control {
  padding-right: 36px; }
.search-group-box .search-group-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(1.5em + 0.75rem + 0px); }
  .search-group-box .search-group-btn .search-btn-icon,
  .search-group-box .search-group-btn .load-ring {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 6px 10px;
    line-height: 1.2;
    display: inline-block; }
    .search-group-box .search-group-btn .search-btn-icon svg,
    .search-group-box .search-group-btn .search-btn-icon img,
    .search-group-box .search-group-btn .load-ring svg,
    .search-group-box .search-group-btn .load-ring img {
      max-width: 13px;
      max-height: 13px; }

.addSelectedItems {
  font-size: 13px; }
  .addSelectedItems .h6 {
    font-weight: 500;
    color: #263077;
    font-size: 14px; }

.searchList {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f2f2f2;
  padding: 6px 0; }
  .searchList:first-child {
    border-top: 0; }

.contentAction {
  flex: 0 0 40px;
  max-width: 40px;
  text-align: right; }

.searchFooter {
  background: #f4f5f5;
  margin: 0 -10px;
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 5px; }

.twitter-typeahead {
  width: 100%;
  font-size: 13px; }

.typeahead,
.tt-query,
.tt-hint {
  font-size: 13px;
  width: 100%; }

.typeahead {
  background-color: #FFFFFF; }

.tt-hint {
  color: #999999; }

.tt-menu {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-top: 2px;
  padding: 10px 10px 0;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px; }

.tt-suggestion {
  font-size: 13px;
  padding: 6px 0; }

.tt-suggestion:hover {
  cursor: pointer;
  color: #2cb7df; }

.tt-suggestion p {
  margin: 0; }

.selectHeader {
  margin-top: -8px; }
  .selectHeader .bootstrap-select > .dropdown-toggle {
    background: #fff;
    border: 1px solid #ced4da;
    font-size: 12px;
    padding: 5px;
    background: #f3f7f8;
    font-weight: 500;
    line-height: 12px; }
  .selectHeader .dropdown-menu {
    z-index: 9999; }
  .selectHeader .dropdown-item {
    font-size: 12px;
    padding: .25rem 0.75rem; }

.selectFormSM .bootstrap-select > .dropdown-toggle {
  background: #fff;
  height: 28px;
  border: 1px solid #2cb7e0;
  font-size: 13px;
  padding: 5px;
  font-weight: 500;
  line-height: 13px; }
.selectFormSM .dropdown-menu {
  z-index: 9999; }
.selectFormSM .dropdown-item {
  font-size: 13px;
  padding: .25rem 0.75rem; }

.selectMedication {
  background: #f3f7f8;
  padding: .375rem .75rem;
  border-radius: .25rem;
  font-size: 15px; }

.formSM .form-control {
  font-size: 13px;
  height: 28px;
  line-height: 28px; }

.info-content-wrap .form-control {
  border-color: #2cb7e0;
  font-size: 13px;
  height: 28px;
  line-height: 28px; }

.info-content-wrap textarea.form-control {
  height: auto; }

.custom-control-label::before {
  border-color: #2cb7e0; }

.addGust a {
  display: inline-block;
  font-size: 13px; }
.addGust .btn-square.rounded-pill {
  font-size: 8px; }

.bootomChatBox {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 10px 10px;
  margin: 0 -15px; }

.blockDiv {
  font-size: 13px; }

.chatArea .form-control {
  padding: 10px 25px;
  height: 50px !important; }

.chatArea .form-control {
  border-radius: 50px; }

.btn-send {
  border-radius: 100%; }

.btn-send {
  width: 50px;
  height: 50px; }

.btn-send .icon {
  width: 24px;
  height: 24px;
  display: inline-block; }

.btn-send .icon svg {
  width: 100%;
  height: 100%; }

.btn-send .icon svg path,
.btn-send .icon svg circle {
  fill: #fff; }

.openUpload .icon {
  text-align: center; }
  @media (min-width: 992px) {
    .openUpload .icon {
      width: 28px;
      height: 28px;
      display: inline-block; } }
  @media (max-width: 991.98px) {
    .openUpload .icon {
      width: 24px;
      height: 24px; } }
  @media (min-width: 992px) {
    .openUpload .icon img {
      width: 28px; } }
  @media (max-width: 991.98px) {
    .openUpload .icon img {
      width: 24px; } }
  .openUpload .icon svg {
    width: 100%;
    height: 100%; }
    .openUpload .icon svg path,
    .openUpload .icon svg circle {
      fill: #6c757d; }

.audioCall {
  padding-top: 10%; }
  .audioCall .call-avatar {
    border-radius: 100%;
    height: 140px;
    max-width: 140px;
    min-width: 140px;
    position: relative;
    width: 100%;
    border: 10px solid #fafafa;
    margin: auto;
    background-size: cover !important;
    margin-bottom: 30px;
    cursor: pointer; }
  .audioCall .avatar-ripple {
    animation: ripple2 2s infinite;
    -webkit-animation: ripple2 2s infinite; }
  .audioCall h4 {
    font-size: 24px; }
  .audioCall span {
    display: block;
    font-weight: 500;
    text-align: center; }

.call-box .call-avatar {
  border-radius: 100%;
  height: 140px;
  max-width: 140px;
  min-width: 140px;
  position: relative;
  width: 100%;
  border: 10px solid #fafafa;
  margin: auto;
  background-size: cover !important; }
.call-box .call-wrapper .call-avatar {
  margin-bottom: 30px;
  cursor: pointer;
  animation: ripple2 2s infinite;
  -webkit-animation: ripple2 2s infinite; }
.call-box .call-wrapper .call-user h4 {
  font-size: 24px;
  color: #fff; }
.call-box .call-wrapper .call-user span {
  display: block;
  font-weight: 500;
  text-align: center;
  color: #fff; }
.call-box .call-wrapper .call-items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center; }
  .call-box .call-wrapper .call-items .icon {
    width: 24px;
    height: 24px; }
    .call-box .call-wrapper .call-items .icon img {
      width: 24px; }
    .call-box .call-wrapper .call-items .icon svg {
      width: 100%;
      height: 100%; }
      .call-box .call-wrapper .call-items .icon svg path,
      .call-box .call-wrapper .call-items .icon svg circle {
        fill: #fff; }
  .call-box .call-wrapper .call-items .call-item.call-end {
    padding: 20px;
    margin: 30px 20px 0;
    background: #f06060;
    border: 1px solid #f06060;
    color: #fff;
    line-height: 0;
    border-radius: 100%; }
    .call-box .call-wrapper .call-items .call-item.call-end:hover {
      background-color: #f17070;
      border-color: #f17070; }
  .call-box .call-wrapper .call-items .call-item.call-start {
    padding: 20px;
    margin: 30px 20px 0;
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    line-height: 0;
    border-radius: 100%; }
    .call-box .call-wrapper .call-items .call-item.call-start:hover {
      background-color: #66d272;
      border-color: #66d272; }
  .call-box .call-wrapper .call-items .callBtn .call-info {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 6px; }

@-webkit-keyframes ripple2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } }
@keyframes ripple2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  100% {
    -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } }
.chatReplies .chatDec {
  background: #f7fdff;
  margin-left: 10px; }
  .chatReplies .chatDec::after {
    left: -10px;
    bottom: -10px;
    border-color: #f7fdff transparent transparent transparent;
    transform: rotate(45deg); }

.chatSend .chatDec {
  margin-right: 10px; }

.chatDec {
  background: #eceeff;
  border-radius: 5px;
  padding: 10px; }
  .chatDec img {
    max-height: 220px; }
  @media (min-width: 992px) {
    .chatDec {
      font-size: 12px;
      max-width: 70%;
      min-width: 70%; } }
  @media (max-width: 991.98px) {
    .chatDec {
      font-size: 12px;
      max-width: 85%;
      min-width: 85%; } }
  @media (min-width: 992px) {
    .chatDec .text-muted {
      font-size: 11px; } }
  @media (max-width: 991.98px) {
    .chatDec .text-muted {
      font-size: 11px; } }
  .chatDec::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #eceeff transparent transparent transparent;
    transform: rotate(-45deg);
    position: absolute;
    right: -10px;
    bottom: -10px; }
  .chatDec .h6 {
    color: #000; }
  .chatDec .label {
    color: #000; }

.formChatBox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: #2cb7df; }
.formChatBox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff; }
.formChatBox .custom-control-label {
  line-height: 24px; }
  .formChatBox .custom-control-label::before {
    border-color: #ced4da;
    border-width: 1px;
    width: 18px;
    height: 18px;
    border-radius: inherit; }
  .formChatBox .custom-control-label::after {
    color: #ced4da;
    width: 18px;
    height: 18px;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    border-radius: inherit; }

.btnChat {
  font-size: 14px;
  padding: 8px 20px;
  line-height: 1;
  font-weight: 500;
  border-radius: 100px;
  max-width: 220px; }

.chatDec.chatPayDoc {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  min-width: 100%; }
  .chatDec.chatPayDoc::after {
    display: none; }
.chatDec .ratings img {
  max-height: 10px; }
.chatDec .docImg {
  background-size: cover !important;
  border-radius: 100%;
  width: 38px;
  height: 38px; }
.chatDec .docDec {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.chatDec .doctorInfo .docName {
  font-size: 15px;
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.chatDec .doctorInfo .docSpec {
  font-weight: 400;
  font-size: 12px;
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.chatDec .btnChat {
  font-size: 11px;
  padding: 8px 12px; }
.chatDec .talkProvide {
  border-top-color: #e9ecef !important; }
  .chatDec .talkProvide .title {
    font-size: 15px;
    color: #2cb7df; }
  .chatDec .talkProvide .talkProvideFor .icon {
    text-align: center; }
    @media (min-width: 992px) {
      .chatDec .talkProvide .talkProvideFor .icon {
        width: 24px;
        height: 24px; } }
    @media (max-width: 991.98px) {
      .chatDec .talkProvide .talkProvideFor .icon {
        width: 20px;
        height: 20px; } }
    @media (min-width: 992px) {
      .chatDec .talkProvide .talkProvideFor .icon img {
        width: 24px; } }
    @media (max-width: 991.98px) {
      .chatDec .talkProvide .talkProvideFor .icon img {
        width: 20px; } }
    .chatDec .talkProvide .talkProvideFor .icon svg {
      width: 100%;
      height: 100%; }
      .chatDec .talkProvide .talkProvideFor .icon svg path,
      .chatDec .talkProvide .talkProvideFor .icon svg circle,
      .chatDec .talkProvide .talkProvideFor .icon svg polygon,
      .chatDec .talkProvide .talkProvideFor .icon svg rect {
        fill: #adb5bd; }
  .chatDec .talkProvide .talkProvideFor .provideName {
    color: #000; }
    @media (min-width: 992px) {
      .chatDec .talkProvide .talkProvideFor .provideName {
        font-size: 12px;
        line-height: 1.3; } }
    @media (max-width: 991.98px) {
      .chatDec .talkProvide .talkProvideFor .provideName {
        font-size: 11px;
        line-height: 1.2; } }

.mxH280 {
  max-height: 280px;
  overflow: auto; }

.modal-dialog.dialogCalling {
  max-width: inherit;
  height: 100%;
  width: 100%;
  position: fixed;
  margin: auto; }
  .modal-dialog.dialogCalling .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    background: #263077; }
  .modal-dialog.dialogCalling .modal-footer {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    border-top: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: 100%;
    bottom: 0; }

.call-user-bottom {
  padding-bottom: 8%; }

.my-video-new li {
  background: transparent !important; }
  .my-video-new li .thumbvideo {
    width: 72px;
    margin-right: 10px;
    background: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 72px; }
  .my-video-new li .timer {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 5px;
    line-height: 18px; }

.closeModal-new {
  background: #fff !important;
  opacity: 1;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  right: auto;
  left: 20px;
  z-index: 99; }

.call-popup-icons .call-items .call-item .call-item {
  color: #777;
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  font-size: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px; }

.call-popup-icons {
  text-align: center;
  position: relative; }

.call-popup-icons .call-items {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }

.call-popup-icons .call-items .call-item {
  display: inline-block;
  text-align: center;
  margin: 0 8px;
  vertical-align: middle; }
  .call-popup-icons .call-items .call-item .icon {
    width: 24px;
    height: 24px; }
    .call-popup-icons .call-items .call-item .icon img {
      width: 24px; }
    .call-popup-icons .call-items .call-item .icon svg {
      width: 100%;
      height: 100%; }
      .call-popup-icons .call-items .call-item .icon svg path,
      .call-popup-icons .call-items .call-item .icon svg circle {
        fill: #fff; }
  .call-popup-icons .call-items .call-item .call-item.call-end {
    background: #f06060;
    border: 1px solid #f06060;
    color: #fff;
    line-height: 0; }
    .call-popup-icons .call-items .call-item .call-item.call-end:hover {
      background-color: #f17070;
      border-color: #f17070; }
  .call-popup-icons .call-items .call-item .call-item.call-again {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    line-height: 0; }
    .call-popup-icons .call-items .call-item .call-item.call-again:hover {
      background-color: #66d272;
      border-color: #66d272; }
  .call-popup-icons .call-items .call-item .call-item.call-start {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    line-height: 0; }
    .call-popup-icons .call-items .call-item .call-item.call-start:hover {
      background-color: #66d272;
      border-color: #66d272; }
  .call-popup-icons .call-items .call-item .call-item.mute-audio {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    line-height: 0; }
    .call-popup-icons .call-items .call-item .call-item.mute-audio:hover {
      background-color: #e2e6ea;
      border-color: #dae0e5; }
    .call-popup-icons .call-items .call-item .call-item.mute-audio path,
    .call-popup-icons .call-items .call-item .call-item.mute-audio circle {
      fill: #777 !important; }
  .call-popup-icons .call-items .call-item .call-info {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 6px; }

.videoframe {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100); }

.thumbvideo {
  height: 72px; }

.videoframe,
.thumbvideo {
  position: relative;
  overflow: hidden; }
  .videoframe video,
  .thumbvideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #263077; }

.videoframe video {
  object-fit: contain; }

.thumbvideo video {
  object-fit: cover;
  transform: scale(-1, 1); }

.dotWrap {
  width: 52px;
  padding-left: 20px; }

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9999px 0 0 -5px #9880ff;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: .25s; }

.dot-pulse::before,
.dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff; }

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #9880ff;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
  margin-left: -10px; }

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #9880ff;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: .5s; }

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #9880ff; }
  30% {
    box-shadow: 9984px 0 0 2px #9880ff; }
  60%,
    100% {
    box-shadow: 9984px 0 0 -5px #9880ff; } }
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #9880ff; }
  30% {
    box-shadow: 9999px 0 0 2px #9880ff; }
  60%,
    100% {
    box-shadow: 9999px 0 0 -5px #9880ff; } }
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #9880ff; }
  30% {
    box-shadow: 10014px 0 0 2px #9880ff; }
  60%,
    100% {
    box-shadow: 10014px 0 0 -5px #9880ff; } }

/*# sourceMappingURL=video-call.css.map */