/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 Apr, 2021, 3:51:17 AM
    Author     : anukampaj
*/
/*
Styling for the header-small component
Changes to this section will apply to the component found in:
components/header-small/header-small.html
*/
#egain-chat-header-small .eg-fa {
  width: 21px;
  height: 21px;
  background: white;
  border-radius: 20px;
  padding: 3px;
}
#egain-chat-header-small nav.egain-navbar-fixed-top .colored {
  background: #740909;
  border-bottom: #740909;
}
#egain-chat-header-small nav.egain-navbar-fixed-top .nav__logo-icon {
  width: 16rem;
  height: 2.75rem;
  margin: 0;
  margin-top: 12px;
}
#egain-chat-header-small nav.egain-navbar-fixed-top .bot-image-max {
  width: 200px;
  height: 60px;
  visibility: visible;
  background-size: contain !important;
  background: transparent url('../ext-components/header-small/cwf.svg') no-repeat;
  float: left;
  margin-left: 15px;
  margin-top: 20px;
  border-radius: 1px;
  border: none;
}
#egain-chat-header-small nav.egain-navbar-fixed-top .row .header-message {
  padding-top: 2px;
}
#egain-chat-header-small nav.egain-navbar-fixed-top .row .avatar.va img {
  width: 60px;
}
/*
Styling for the transcript component
Changes to this section will apply to the component found in:
components/transcript/transcript.html
*/
#egain-chat-transcript .customer .message {
  margin-left: 0px;
}
#egain-chat-transcript .customer .bubble {
  background: #F1F4F8 !important;
  border-radius: 10px;
}
#egain-chat-transcript .customer .angle:after {
  border: none;
}
#egain-chat-transcript .customer .rtl-angle:after {
  border: none;
}
#egain-chat-transcript .agent .bubble {
  border-radius: 10px;
}
#egain-chat-transcript .agent .angle:after {
  border: none;
}
#egain-chat-transcript .agent .rtl-angle:after {
  border: none;
}
#egain-chat-transcript .agent1 .bubble {
  border-radius: 10px;
}
#egain-chat-transcript .agent2 .bubble {
  border-radius: 10px;
}
#egain-chat-transcript .agent3 .bubble {
  border-radius: 10px;
}
#egain-chat-transcript #va-options-div {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 0;
}
#egain-chat-transcript #va-options-div input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#egain-chat-transcript #va-options-div input[type="radio"] {
  opacity: 0;
  z-index: 100;
}
#egain-chat-transcript #va-options-div label {
  display: block;
  cursor: pointer;
  z-index: 90;
  background: #ffffff;
  color: #000;
  border-radius: 20px;
  border: 2px solid #740909;
  padding: 10px 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
}
#egain-chat-transcript #va-options-div[hidden] {
  display: none;
}
#egain-chat-transcript #va-options-div > div {
  margin: 0 5px 5px 0;
  position: relative;
}
/* Mobile Specific Styles transcript component START */
/* Mobile Specific Styles transcript component END */
/*
Styling for the footer-small component
Changes to this section will apply to the component found in:
components/footer-small/footer-small.html
*/
#egain-chat-footer-small {
  text-align: center;
}
/* Mobile Specific Styles footer-small component START */
/* Mobile Specific Styles footer-small component END */
/*
Styling for the message-input-horizontal component
Changes to this section will apply to the component found in:
components/message-input-horizontal/message-input-horizontal.html
*/
#egain-chat-message-input-horizontal .eg-fa {
  width: 21px;
  margin-bottom: 10px;
  height: 21px;
}
/* Mobile Specific Styles message-input-horizontal component END */
/*
Styling for the launch-button component
Changes to this section will apply to the component found in:
components/launch-button/launch-button.html
*/
/*
Removing this hover too
-Andrew
#egain-chat-launch-button {
&.egain-hover {
  width: 60px;
  right: 0px;
  .chat-launch-container.chat {
  width: 60px;
  .chat-launch-input {
  opacity: 1;
}
}
}
}
*/
/* Mobile Specific Styles launch-button component START */
/* Mobile Specific Styles launch-button component END */