#chatpage{
    position: fixed;
    top:30px;
    left:880px;
    width:400px;
    overflow:hidden;
    border:none;
    box-shadow:none;
}
.chat-box {
  width:100%;
  height: 330px;
  overflow-y: scroll;
}
#chatButton{
    position: fixed;
    bottom:20px;
    right:-20px;
    border-radius:20px 20px 20px 2px;
}
.modal{
  position: relative;
  left:700px;
  margin-top:90px;
  width: 90%;
  height:90vh;
  padding:0;
  background: none;
  border: none;

}
.modal-content{
  width:100%;
  padding:0;
  border:1px solid #fad28f;
  box-shadow:0px 0px 2px 
}

/* .modal-dialog {
  position: absolute;
  top: 50px;
  right: 100px;
  bottom: 0;
  left: 0;
  z-index: 10040;
  overflow: auto;
  overflow-y: auto;
} */

.modal-header{
  border-width: 100%;
}
.modal .adm-msg{
    background:rgb(246, 182, 119,0.5);
    border-radius:0 20px 20px 20px;
    width:90%;
    float:left;
    /* margin:5px auto; */
    margin-right:10px;
    padding-right: 10px;
}
.modal .user-msg{
  background:rgba(126, 125, 125, 0.5);
  border-radius:20px 0px 20px 20px;
  width:90%;
  float:right;
  margin:10px;
  padding-left: 10px;
}

input{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.form-control {
  font-size: 12px;
  font-weight: 400;
  width: 10px;
  border: none;
  position:relative;
  bottom:0;
}

.form-control:focus {
    box-shadow: none;
    overflow: hidden;
    border: none
}

.form-control:focus {
    box-shadow: none !important
}
form{
  height:10%;
}
/* form .chatModal{
  position: absolute;
  bottom:40px;
} */
/* form .input-group{
  position:absolute;
  bottom:-80px
} */
@media screen and (max-width:576px) {
  /* .modal{
    width:100%;
    height:100vh;
    position:relative;
    top:100px;
  } */
}

@media screen and (max-width:576px) {
  .modal{
    height:100vh;
  }
}

@media screen and (max-width:560px) {
  #chatButton{
    position:fixed;
    bottom:45px;
    width: 40px;
    height:40px;
  }
  /* #chatpage{ 
  } */
}