.alert-info {
    margin-right: 10px !important;
    border-radius: 0px !important;
}
.mt-2 {
    margin-right: 25px !important;
}
.fa-paper-plane{
  color: #df7a00 !important;
}
.sendBtn {
  margin-left: 2px;
}
.myMessage {
  display: inline-block;
  padding: 5px;
  background: #E6E7E9;
  text-align: left; 
  line-height: 1.25;
  word-wrap: break-word;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    background: #df7b01;
    border-radius: 0px;
    border: 1px #df7b01;
}
.form-control {
    border: 1px solid #ECECEC !important;
    border-radius: 0 !important;
}
 @media (max-width: 767px) {
   .col-md-8{
     width: 80%!important;
   }
   .col-md-2{
     width: 10% !important;
   }
}
.row {
    justify-content: left;
}
button {
    border-radius: 0;
    border: 0px !important;
    background: #fff;
}
.authorText {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.authorImage {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
 #myComment:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #ccc;
  }
/* Style the tab */
.tab {
overflow: hidden;

  border: #988F86;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: #ECECEC;  
float: left;
border: 1px solid gray;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #988F86;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #988F86 !important;
}
.tablinks.active{
  background-color: #ECECEC !important;
  /* border-color: #988F86 #988F86 #ECECEC #988F86 !important; */
  border-color: #988F86 !important;
}

.tabcontent {
  height: 40vh;
  vertical-align: top;
  max-width: 90%;
  border: 1px solid #ECECEC;
  padding: 5px; !important
}

.container.tabcontent {
  overflow-y: hidden;
  overflow-x: hidden;
}  
.message-box {
  display: flex; !important
  flex-direction: column;  !important
  flex-wrap: wrap;
  height: 85%;
  width: 95%;
  vertical-align: top;
  overflow-y: auto; !important
  overflow-x: hidden; !important
  margin-bottom: 0;
}
.rowAdjust {
  margin-left: 25px; !important
}

.row.rowAdjust.message-box {
  align-content: flex-start;  
  margin-left: 1px;
  margin-right: 1px;
} 

.row.rowAdjust.input {
  margin-top: 5px;
  margin-left: 1px;
  margin-right: 1px;
}
.container {
  width: 90% !important;
  padding-right: 0px !important;
  padding-left: 5px !important;
}