.webcall-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00aeff;
  color: #fff;
  font-size: 5em;
}
.call-online {
  height: 28px;
  width: 28px;
  position: absolute;
  right: -10px;
  bottom: 6px;
  display: flex;
  border: 3px solid #e7e6e6;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.call-online span {
  display: flex;
}
.call-btn {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.phone-btn:not(.btn-success):not(.btn-danger) {
  color: #505458;
}
.call-btn .call-disabled {
  cursor: no-drop;
  opacity: 0.45;
}
.phone-btn {
  font-size: 2.5em !important;
  height: 65px !important;
  width: 65px !important;
}
.phone-status {
  height: 100%;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
.call-board {
  display: flex;
  justify-content: center;
}
.call-board > div {
  width: 300px;
}
.call-board button {
  height: 36px;
  width: 100%;
  margin: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.callInput {
  position: relative;
  user-select: none;
}
.callInput .form-control {
  font-size: 20px;
  font-family: revert;
  padding-right: 40px;
}
.callInput .call-backspace {
  height: 45px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.callInput .call-backspace i {
  font-size: 2.5rem;
  display: flex;
  align-items: center;
}