/*!
 / style.sass
 / Copyright (c) 2019, Texx
 / License: MIT
 /     See https://github.com/texxme/Texx/blob/master/LICENSE
 /

html, body
  height: 100% !important
  width: 100% !important
  overflow: hidden !important
  background-color: $dark-gray !important

.chat
  display: none

.main-window
  position: relative
  float: right
  height: 100vh
  width: calc(100vw - 90px)

.contacts-wrapper
  float: left
  width: 90px
  height: 100%

  .logo
    padding: 8px
    width: 90px
    height: 90px

    img
      margin: 22px auto

.swal-text
  text-align: center

.swal-modal, .swal-title, .swal-text, .swal-icon--success__hide-corners, .swal-icon--success:after, .swal-icon--success:before
  color: #fff
  background: $gray

.swal-icon--success__line
  background-color: #00940a !important

.swal-icon--success__ring
  border: 4px solid hsla(131, 97%, 44%, 0.2)

.action-button
  height: 50px
  width: 50px
  margin: 20px
  border-radius: 100%
  transition: background-color .3s linear

.is-dark
  background-color: $gray

.ui-autocomplete
  z-index: 10002

.message-input
  width: 100%
  padding-right: 50px
  color: #fff
  background-color: $gray
  border-color: $gray

.message-input::placeholder
  color: #909090

.message-button
  width: 50px
  margin-left: -50px

.message-field
  position: absolute
  width: 100%
  bottom: 0
  left: 0