.primary-text {
  color: #000000;
  font-family: "Raleway", sans-serif;
  font-size: 14px; }

.light-text {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  text-align: center; }

body, html {
  height: 100%;
  margin: 0;
  color: #000000;
  font-family: "Raleway", sans-serif;
  font-size: 14px; }

div,
span {
  text-decoration: none;
  outline: 0; }

body {
  background-color: #ffffff; }

.react-layout-components--box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.login-view {
  width: 100vw;
  min-height: 100vh;
  background: #f9fcfc;
  background: -moz-linear-gradient(top, #f9fcfc 10%, #e0e9ea 100%);
  background: -webkit-linear-gradient(top, #f9fcfc 10%, #e0e9ea 100%);
  background: linear-gradient(to bottom, #f9fcfc 10%, #e0e9ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcfc', endColorstr='#e0e9ea',GradientType=0 ); }

.login-hero {
  width: 100vw;
  height: 0; }

.login-close {
  position: absolute;
  top: 10px;
  right: 10px; }

.login-text {
  font-family: "Roboto", sans-serif;
  text-align: center;
  color: #00618C; }

.login-text h1 {
  font-weight: 300; }

.login-text p {
  margin-bottom: 24px; }

.login-continue {
  font-weight: 700;
  text-decoration: underline;
  margin-top: 24px;
  margin-bottom: 0;
  padding-bottom: 24px;
  cursor: hand; }

.login-facebook, .login-google {
  color: #FFF;
  line-height: 40px;
  font-weight: 300;
  padding-left: 35px;
  padding-right: 10px;
  border-radius: 3px;
  width: 135px;
  text-align: left;
  cursor: hand; }

.login-facebook {
  background: #48629B url("/images/facebook.png") 5px center no-repeat; }

.login-google {
  background: #DC4B38 url("/images/google.png") 5px center no-repeat; }

@media only screen and (max-width: 480px) {
  .login-hero {
    background: url("/images/login_mobile.png") top left no-repeat;
    background-size: cover;
    padding-top: 82.29%;
    /* image height / image width * container width */ }
  .login-text h1 {
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 12px; }
  .login-text p {
    font-size: 11px;
    line-height: 18px; }
  .login-facebook, .login-google {
    margin: 10px auto; } }

@media only screen and (min-width: 481px) {
  .login-hero {
    background: url("/images/login_desktop.png") top left no-repeat;
    background-size: cover;
    padding-top: 25.21%;
    /* image height / image width * container width */ }
  .login-close {
    display: none; }
  .login-text h1 {
    font-size: 54px;
    margin-bottom: 12px; }
  .login-text p {
    font-size: 12px;
    line-height: 18px; }
  .login-facebook, .login-google {
    margin: 10px;
    display: inline-block; } }
.chat-container {
  height: calc(100vh - 60px);
  width: 1px;
  min-width: 100%; }

.chat-frame {
  height: calc(100vh - 60px);
  width: 1px;
  min-width: 100%; }