#text-message-dialog {
  width:500px;

  .previous-message-sender {
    font-weight:bold;
    margin-right:10px;
    margin-left:-10px;
    color:#ED3618;

    &:after {
      content:':'
    }
  }
  .previous-messages-scroller {
    height:250px;
    position:relative;
    display:block;
    overflow:auto;
  }

  .previous-messages {
    padding:10px;
    color:white;
  }

  .previous-message {
    margin:5px 0;
  }

  .previous-message-text {
    line-height:18px;
    white-space:pre-line;
  }

  .previous-message-timestamp {
    margin-top:4px;
    color:#AAA;
    display:block;
    font-size:12px;
  }

  .text-message-scroller {
    width: 100%;
    height: 4em;
    margin-top:10px;
  }

  .text-message-box {

  }

  #new-text-message {
    width:100%;
    height:40px;
  }

  .btn-send-text-message {
    text-align:center;
    width:50px;
  }

  .interaction-blocker {
    display:none;
    position:absolute;
    background-color:#333;
    text-align:center;

    &.active {
      display:block;
      top:0;
      bottom:40px;
      left:0;
      right:0;

      opacity:0.5;
    }
  }

  .disconnected-msg {
    color:white;
    font-size:25px;
    left:0;
    margin:auto;
    position:absolute;
    text-align:center;
    top:30%;
    width:100%;
    display:none;

    &.active {
      display:inline-block;
    }
  }


}