/** Aviato — pg-gl-2019.10.31 - liveChat.css **/

.component-liveChat {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 151;
  /* styling form */ }
  .component-liveChat .icon-chat-default {
    width: 100%; }
  .component-liveChat .icon-chat-default:before {
    width: 100%; }
  .component-liveChat #chatContainer,
  .component-liveChat #anon-form-container {
    display: none;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    height: calc(100% - 50px);
    width: 100%;
    background: #ffffff;
    border: 1px solid #000000;
    color: #666; }
  .component-liveChat .web-chat-button-container {
    margin: 60px 60px -80px 60px;
    float: right; }
  .component-liveChat .web-chat-button {
    text-transform: uppercase;
    color: #000000;
    background-color: #ffffff;
    padding: 10px 35px;
    z-index: 1031; }
  .component-liveChat #starChat {
    margin-top: auto;
    border-radius: 0;
    background-color: #000000;
    color: #ffffff; }
  .component-liveChat #starChat:hover {
    color: #ffffff; }
  .component-liveChat .anon-form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 0 37px; }
  .component-liveChat #anon-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .component-liveChat .form-group:first-child {
    margin-top: auto; }
  .component-liveChat .anon-form-body::-webkit-input-placeholder {
    text-align: right !important; }
  .component-liveChat .anon-form-body:-moz-placeholder {
    text-align: right !important; }
  .component-liveChat .anon-form-body::-moz-placeholder {
    text-align: right !important; }
  .component-liveChat .anon-form-body:-ms-input-placeholder {
    text-align: right !important; }
  .component-liveChat .anon-form-body::-ms-input-placeholder {
    text-align: right !important; }
  .component-liveChat .anon-form-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 12px; }
  .component-liveChat .anon-form-header-title {
    margin: 0 auto;
    color: #000000; }
  .component-liveChat #close-web-chat {
    color: #000000;
    -ms-flex-item-align: center;
        align-self: center;
    cursor: pointer; }
  .component-liveChat #close-chat {
    position: absolute;
    top: 5px;
    left: 20px;
    cursor: pointer;
    z-index: 1200;
    background-image: url(images/live-chat-close.png) !important; }
  .component-liveChat #anon-form input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #666;
    width: 100%;
    color: #000000;
    margin-bottom: 6px;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .component-liveChat #anon-form input::-webkit-input-placeholder {
    text-align: left !important; }
  .component-liveChat #anon-form input:-moz-placeholder {
    text-align: left !important; }
  .component-liveChat #anon-form input::-moz-placeholder {
    text-align: left !important; }
  .component-liveChat #anon-form input:-ms-input-placeholder {
    text-align: left !important; }
  .component-liveChat #anon-form input::-ms-input-placeholder {
    text-align: left !important; }
  .component-liveChat .open-web-chat {
    position: absolute;
    display: none;
    background-color: #000000;
    width: 46px;
    height: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 25px;
    bottom: 0; }

@media (min-width: 768px) {
  .component-liveChat #close-chat {
    top: 10px;
    left: 20px; }
  .component-liveChat .open-web-chat {
    right: 100px; }
  .component-liveChat #chatContainer,
  .component-liveChat #anon-form-container {
    position: absolute;
    display: none;
    width: 300px;
    height: 390px;
    right: 100px;
    bottom: 0px;
    display: none; } }