.tchatAdmin{
    text-align: right;
    width: auto;
}
.tchatTextAdmin{
    background: linear-gradient(180deg, #3a74cb, #a2aac8);
    border-radius: 16px;
    padding-right: 10px;
    color: white;
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 5px;
    font-family: "Source Sans Pro", sans-serif;
    border: 1px solid cornflowerblue;
}
.tchatTextClient{
    background: linear-gradient(180deg, #fcfcfc, #c2cae6);
    border-radius: 16px;
    padding-right: 10px;
    color: #0e1524b3;
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 5px;
    font-family: "Source Sans Pro", sans-serif;
    border: 1px solid gray;
    display: inline-block;
    max-height: 60px;
}
.tchatRoom{
    max-height: 620px;
    overflow: scroll;
}
.fa-spinner{
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    margin-right: auto;
    margin-left: auto;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.tchat{
    margin: 0 0 0 0;
    background-color: #EEEEEE;
    padding: 15px;
}
#tchatTitle{
    background-color: #4CC4E9;
    color: white;
    margin-bottom: 20px;
    padding: 8px;
    border-radius: 5px;
}
.datetime{
    display: block;
    font-size: 11px;
    padding: 5px;
    color:#4CA6EE;
}
.imgwrapper{
    height: 52px;
    width: 60px;
    overflow: hidden;
    display: inline-block;
    padding: 3px;
}