body {
    background-color: #f3f5f7;
    font-size: 14px !important;
}

.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;

}

.chat-btn-logo img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
}

.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;
}

.btn-primary {
    color: #fff;
    background-color: #1ab394;
    border-color: #004aad;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
}

.btn-primary:hover {
    color: #fff;
    background-color: #004aad !important;
    border-color: #08336b !important;
}

.btn-primary:active {
    color: #fff;
    background-color: #004aad !important;
    border-color: #08336b !important;
}

.btn-primary:focus {
    color: #fff;
    background-color: #004aad !important;
    border-color: #08336b !important;
}

.fill-actios-fogata {
    width: 100px;
    height: 100%;
    color: #fff;
    text-align: center;
    float: left;
    border-left: 1px solid #fff;
}

.new-fogata {
  background-color: #2cc2b1;
}

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

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

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

.link-fogata {
  background-color: #004aad;
}


tr {
  cursor: pointer;
}

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

.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;
}

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

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

.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;
}

.btn-success { 
  color: #fff; 
  background-color: #004aad; 
  border-color: #004aad; 
  padding: 6px 12px; 
  margin-bottom: 0; 
  font-size: 14px; 
  font-weight: 400; 
  line-height: 1.42857143; 
}

.btn-success:hover {
  color: #fff;
  background-color: #004aad !important;
  border-color: #08336b !important;
}

.btn-success:active {
  color: #fff;
  background-color: #004aad !important;
  border-color: #08336b !important;
}

.btn-success:focus {
  color: #fff;
  background-color: #004aad !important;
  border-color: #08336b !important;
}

#short-list{
  display: none;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
    color: #4d5259;
}

.breadcrumb li a, .breadcrumb .active {
    color: #4d5259;
}

.breadcrumb .active {
    font-weight: bold;
}

.header-title small {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.7;
    color: inherit;
    opacity: 0.7;
    padding-top: 16px;
}

.form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #579bfc;
    border-color: #579bfc;
}

.card-body .form-type-line{
 font-size:
}

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