input.btn-tf {
    border-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

button.tf-btn {
    border-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.browse-profile-name {
    overflow:hidden;
}

ul#user-profile-chatrooms-ul {
    list-style: none;
}

.user-small-profile {
    filter: grayscale();
}

.user-small-profile:hover {
    filter: none;
}

/* styles for '...' */ 
blockquote {
    font-size: 1.0rem !important;
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative; 
    /* use this value to count block height */
    line-height: 1.2rem;
    /* max-height = line-height (1.2) * lines max number (5) */
    max-height: 5rem;
    padding-right: 1em;
}
/* create the ... */
blockquote:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
blockquote:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  /* bg color = bg color under block */
}





/* ************* */
/* robot styling */
/* ************* */

.robot-question::before
{
    color: #333;
    content: "Question: \A";
    font-weight: bold;
    font-size: 1rem;
    white-space: pre;
}
.robot-question {
    text-transform: capitalize;
    color: #333;
}


.robot-answer::before {
    color: green;
    content: 'Answer: ';
    font-weight: bold;
}
.robot-answer {
    font-style: italic;
    color: #484848;
}


.robot-option::before {
    color: #333388;
    content: 'Option: ';
}
.robot-option {
    color: #333368;
}
.robot-option:hover {
    text-decoration: underline;
    cursor: pointer;
}


.robot-text, .robot-default {
    color: #555;
}


.robot-default, .robot-text, .robot-question { 
    cursor: default;
}