.table > tbody > tr > th, .table > tbody > tr > td {
    background-color: #f9f9f9 !important;
    height: 40px;
    color: #666;
    /*background-color: #e6e6e6 !important;*/
  /*  border-left-style: none;
    border-right-style: none;*/
}

td, th {
    padding: 0 0 0 10px !important;
    line-height: 40px !important;
}

.table > tbody > tr {
    height: 36px;
}

.table-bordered {
    border: none;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #fff;

}

.fogata-badge {
  position: relative;
  width: auto;
  height: 19px;
  margin: auto;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin-top: 11px;
  margin-left: 10px;
  padding: 0 10px;
  border-radius: 5px;
  border: 0;
  color: #fff;
  line-height: 19px;
  background-color: #926dde;
}

.fill-status-fogata {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.new-fogata {
  background-color: #4ed2c5;
}

.old-fogata {
  background-color: #1ab394;
}

.off-fogata {
  background-color: #c4c4c4;
}

.live-fogata {
  background-color: #f96767;
}


tr {
  cursor: pointer;
}

.table > tbody > tr > td:hover {
    background-color: #e9eae9 !important;
}

.bot-response {
    max-width: 340px;
    border-radius: 10px;
    float: left;
    background-color: #33cabb;
    color: #fff;
    padding: 8px;
    margin: 1px 0;
    font-size: 13px;
}

.usr-response {
    max-width: 340px;
    border-radius: 10px;
    float: right;
    background-color: #926dde;
    color: #fff;
    padding: 8px;
    margin: 1px 0;
    font-size: 14px;
}

.chat-bot-body{
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll;

}

.time-fogata{
  font-size: 10px;
  color: #989898;
  text-align: left;
  font-weight: bold;
  float: left;
  width: 100%;
}

.fogata-circle-cli{
  width: 80px;
  height: 80px;
  background-color: #926dde;
  color: #fff;
  border-radius: 40px;
  border: 2px solid #6d50a7;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
}

.fogata-dark-mode{
  width: 30px;
  height: 30px;
  background-color: #926dde;
  border-radius: 30px;
  border: 2px solid #6d50a7;
  margin-right: 10px;
}

.fogata-dark-text{
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

#fogataName, #fogataEmail, #fogataPhone{
  width: 100%;
  border: none;
  /*border-bottom: 1px solid #926dde;*/
}

#fogataName{
  font-weight: bold;
  font-size: 24px;
}

.chat-agent textarea{
  width: 100%;
  height: 52px;
  border-color: #fff;
}

.btn-fogata{
  border-color: #33cabb;
  background-color: #33cabb;
  color: #fff;
}

.btn-fogata:hover{
  color: #fff;
  background-color: #1ab394;
}

.btn-send{
  height: 52px;
  width: 100%;
}

.btn-fogata:focus,
.btn-fogata:active{
 color: #fff;
}

#short-list{
  display: none;
}

@media only screen and (max-width: 600px) {
    #short-list {
        display: inline;
    }
    #wide-list {
        display: none;
    }
    .header-title{
      font-size: 26px;
    }
    .header-title small{
      font-size: 14px;
    }
    .chat-bot-body {
      max-height: 300px;
      overflow: hidden;
      overflow-y: scroll;
    }
}