/* Last merged this code on 28th mar 2024 */

.display-file-container{
  margin-bottom: 8px;
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
}

.file-name{
  margin-bottom: 8px;
  text-align: center;
  color: rgba(29, 28, 29, .7);
  font-size: 13px;
}

.file-title-container{
  color: rgba(29,28,29,.7);
  margin-top: -4px;
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fileIcon-container.pdf i {
  color: #FA0F00;
}
.fileIcon-container.word i {
  color: #2b579a;
}
.fileIcon-container.ppt i {
  color: #b73519;
}
.fileIcon-container.xls i {
  color: #008000;
}

.file-title{
  font-size: 12px;
}

.fileName-text{
  margin-left: .3rem;
}

.msg-img-container{
  max-width: 100%;
}

.msg-img-content{
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
}

.msg-img{
  cursor: zoom-in;
  display: block;
  height: auto;
  width: auto;
  max-height: 400px;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  margin: auto;
  max-height: 300px;
}
.msg-img.medIcon{
  max-height: 60px;
}
.msg-img-overlay{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  opacity: 0.7;
  top: 0;
}