body {
  width: 100%;
  height: 100%;
}

.agent_login_form
{
  margin-top: 15px;
  background-color: #ededed;
  padding: 20px;
}

.agent_form_heading
{
  text-align: center;
  padding: 20px;
}

.agent_form_heading span
{
  font-size: 25px;
  font-weight: 600;
}

.closer_inbound_form_table thead tr
{
  background-color: #444;
  color: white;
  text-align: center;
}

.mytable{
    border-collapse: collapse;
    border: 1px solid #bcbdbd;
}

.mytable tr:first-child td{
  border-top: 1px solid #bcbdbd;
}

.mytable tr:last-child td{
  border-bottom: 1px solid #bcbdbd;
}

.mytable td.collapsing {
  width: 1px;
  white-space: nowrap;
}

.borderless, .mytable .borderless td, .mytable .borderless tr:first-child td, .mytable .borderless tr:last-child td{
  border: 0;
}

.mytable.borderless, .mytable.borderless td, .mytable.borderless td, .mytable.borderless td, .mytable.borderless tr:first-child td, .mytable.borderless tr:last-child td{
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.blinking{
  animation:blinkingText 0.8s infinite;
}

@keyframes blinkingText{
  0%  { color: #21ba45; }
  49% { color: #21ba45; }
  50% { color: #db2828; }
  99% { color: #db2828; }
  100%{ color: #db2828; }
}

#CustomerChatIFrame *{
  position: relative !important;
}

#ChatDisplay .ui.comments .comment{
  cursor:pointer;
  color:#FFF !important;
  padding:0;
}

#ChatDisplay .ui.comments .comment .content{
  padding: 5px !important;
  border-radius: 10px !important;
}

#ChatDisplay .ui.comments .comment .text{
  margin:0 !important;
  font-style: italic;
}

#ChatDisplay .ui.comments .comment *{
  color:#FFF !important;
}

#MainTable > thead > tr > td, #MainTable > thead > tr > th, #MainTable > tbody > tr > td{
  border:0 !important;
}

.newborderless > thead > tr > td, .newborderless > thead > tr > th, .newborderless > tbody > tr > td{
  border:0 !important;
}