.modal-chatbox{
  position: absolute;
  top: 0px;
  left: 0;
  right: 0px;
  bottom: 0;
  z-index: 1001;
  background: rgb(153 147 147 / 65%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-chatbox.modal-chatbox-upload{
  top: 43px;
  border-radius: 0;
}
.modal-chatbox-inner{
  background-color: #fff;
  width: 100%;
  text-align: center;
  padding: 30px;
  border-radius: 5px
}
.modal-chatbox-inner p{
  font-size: 15px;
  margin: 20px 0 20px 0;
}
.modal-chatbox-inner p small{
  font-size: 12px;
  text-align: left;
  display: block;
}
.icon-close{
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg id='close-svgrepo-com' xmlns='http://www.w3.org/2000/svg' width='252' height='252' viewBox='0 0 252 252'%3E%3Cpath id='Path_1' data-name='Path 1' d='M126,0A126,126,0,1,0,252,126,126.142,126.142,0,0,0,126,0Zm0,234A108,108,0,1,1,234,126,108.123,108.123,0,0,1,126,234Z' fill='%23e47a72'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M164.612,87.388a9,9,0,0,0-12.728,0L126,113.272,100.115,87.387a9,9,0,0,0-12.728,12.728L113.272,126,87.387,151.885a9,9,0,0,0,12.728,12.728L126,138.728l25.885,25.885a9,9,0,1,0,12.728-12.728L138.728,126l25.885-25.885A9,9,0,0,0,164.612,87.388Z' fill='%23e47a72'/%3E%3C/svg%3E%0A");
}
.btn-modal{
  width: 80px;
  height: 40px;
  background: #01c3cb;
  display: block;
  margin: 0 auto;
  color: #Fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #01c3cb;
  outline: none;
}
.btn-modal-outline{
  width: 80px;
  height: 40px;
  background: #fff;
  display: block;
  color: #01c3cb;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #01c3cb;
  outline: none;
}
.btn-modal:hover{
  text-decoration: none;
  color: #01c3cb;
  background: #fff;
}
.btn-modal-outline:hover{
 background-color: #01c3cb;
 text-decoration: none;
 color: #fff;
}
.modal-chatbox-wrap{
  display: none;
}
.modal-chatbox-wrap.is-active{
  display: block;
}
.form-upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  padding-bottom: 10px;
}
.form-upload-btn div{
  margin: 0 10px;
}
.form-upload-btn .btn-modal,.form-upload-btn .btn-modal-outline{
  width: 130px;
  margin: 0;
}
.modal-chatbox.modal-chatbox-upload .modal-chatbox-inner p{
  margin-bottom: 0;
}