/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

/* preloader */
.preloader-background {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blinking {
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.wordwrap {
  word-wrap: break-word;
}

.chat-wrapper .chat-message{
  position:relative;
  float:left;
  clear:both;
  margin:2px 50px 5px;
  padding:8px;
  border-radius:8px;
  line-height:22px;
  background-color:#ddd
}
.chat-wrapper .chat-message.right{
  background-color:#448AFF;
  color:#fff
}
.chat-wrapper .chat-message.right .circle{
  left:auto;right:-50px
}
.chat-wrapper .chat-message.coalesce{
  margin-top:-16px
}
.chat-wrapper .chat-message .circle{
  position:absolute;
  top:-2px;
  left:-50px;
  
  height:42px;width:42px
}
.chat-input{
  border-top:1px solid #e0e0e0
}
.chat-input form input[type="text"],.chat-input textarea{border:0;margin:0;padding:24px;line-height:24px}
.chat-input form input[type="text"]:focus:not([readonly]),.chat-input textarea:focus:not([readonly]){border:0;box-shadow:none}
.chat-input button[type="submit"]{padding:0 16px;height:72px}
.chat-input button[type="submit"] i.material-icons{color:#448AFF}
.chat-input .chat-input-bar{
  display:flex
}
html{
  height:100%
}
body{
  background-color:#f4f4f4;
  font-family:Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size:14px;
  min-height:100%;
  display:flex;
  flex-direction:column
}
  main{
    flex:1 0 auto
  }
  main>.container{
    margin-top:20px
  }