/*Chatbot mini*/
.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #315eb1;
}

.helpButtonEnabled:focus .helpButtonLabel {
    text-decoration: none;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    margin-right: 0px;
    margin-left: 5px;
}

.embeddedServiceHelpButton .embeddedServiceIcon::before {
    background-image: url('/images/livechat/littleQ_Icon02_40x40.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-size: cover;
    display: block;
    content: '';
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 0px solid #315eb1;
}

/*Header*/
header.sidebarHeader{
    background-color: #3d3d3d;
    /* color: #fff; */
}
h2[embeddedService-chatHeader_chatHeader]{
  padding-bottom: 0px;
}
.minimizeButton .slds-icon_x-small {
    margin-top: -15px;
}
.headerAnnouncement[embeddedService-chatHeader_chatHeader]{
    background: #fb9e01;
}
p[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement]{
    line-height: 1.25;
}


/********/
.embeddedServiceLiveAgentStateChat .messageArea:focus{
    border: 0px solid var(--lwc-colorBorderBrandSecondary, #005290);
}
.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
    font-size: var(--lwc-esFontSizeTextSmall, 0.8125em);
    font-weight: 600;
}
.embeddedServiceLiveAgentStateChatItem .nameAndTimeContent{
    align-items: center;
    padding: 5px 0px;
    line-height: 1.5;
}
.embeddedServiceLiveAgentStateChatItem.agent .nameAndTimeDotDivider{
    height: 4px;
    width: 4px;
    margin: 0px 5px 0 5px;
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar{
    width: 36px;
    height: 36px;
    margin-right: 25px;
}

/********/
.chasitor[c-chatMessage_chatMessage]{
    background-color: #315eb1;
}

.embeddedServiceSidebarButton{
    background-color: #315eb1;
}
.embeddedServiceSidebarButton:not(:disabled):focus,
.embeddedServiceSidebarButton:not(:disabled):hover{
    background-color: #2d498e;
}

/********/
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
    width: 235px;
}
/* .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item{
    color: var(--lwc-colorTextDefaultLighten40, #858585);
} */
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item,
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemOptionIsClicked {
    text-align: left;
    padding: 10px 12px;
}

.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover,
.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:active,
.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover:active,
.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus,
.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus:hover{
    color: var(--lwc-esColorNavBarText, #ffffff);
    background-color: #45b3e5;
    opacity: 1;
}
.embeddedServiceLiveAgentStateChatMenuMessage.chatMessage button:focus {
    text-decoration: none;
}

.embeddedServiceLiveAgentStateChatMenuMessage a,
.embeddedServiceLiveAgentStateChatMessage a,
.chatMessage.richText a{
    color:#226bbb;  /*#00abef / */
}
.embeddedServiceLiveAgentStateChatMenuMessage a:hover,
.embeddedServiceLiveAgentStateChatMessage a:hover,
.chatMessage.richText a:hover {
    color:#4286d1; /*#51c5f2*/
}


/********/
lightning-formatted-rich-text.slds-rich-text-editor__output{
    line-height: 1.5em;
}
.richText .slds-rich-text-editor__output ul li {
    margin-bottom: 8px;
}
.richText[c-chatMessage_chatMessage]{
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.chatMessage[c-chatMessage_chatMessage]{
    max-width: 100%; /*org 70%-20211026*/
}

.embeddedServiceSidebarButton:focus{
    text-decoration: none;
}

/********/
.embeddedServiceLiveAgentStateChatButtonItem{
    border: 1px #ddd solid;
    min-width: 60px;
}
.embeddedServiceLiveAgentStateChatItem.embeddedServiceLiveAgentStateChatButtonMessage:last-of-type {
    margin-top: 12px;
}
.embeddedServiceLiveAgentStateChatButtonItem.uiButton--default {
    padding: 6px 6px;
}
.embeddedServiceLiveAgentStateChatItem.chatMessage button:focus span{
    text-decoration: none;
}


.embeddedServiceSidebarDialogState #dialogTextTitle{
    font-size: 20px;
    font-weight: 600;
}
.embeddedServiceSidebarDialogState #dialogTextBody{
    line-height: 1.5;
}
.embeddedServiceLiveAgentStateChatEventMessage .eventMessage{
    margin: 15px 0 15px;
    font-weight: 600;
}

/********/
.embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper{
    background-color: #315eb1;
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:focus{
    box-shadow: 0 0 0px var(--lwc-colorBorderBrandSecondary, #005290);
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorText{
    font-size: 1em;
    /* color: var(--lwc-colorTextDefaultLighten40, #858585); */
}
.embeddedServiceLiveAgentStateChatInputFooter .chasitorText::placeholder {
    font-size: 0.85em;
    color: var(--lwc-colorTextDefaultLighten60, #adadad);
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button{
    color: #fff;
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:hover,
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:focus,
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:active{
    color:#4ab4e6;
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger_click.slds-is-open .slds-button {
    color: #4ab4e6;
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item > a {
    color: #315eb1;
    font-weight: 700;
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item > a:focus{
    border: solid 0px var(--lwc-colorBrandSecondary, #005290);
    box-shadow: 0 0 3px 0 rgb(0 118 222 / 50%);
    text-decoration: none;
    font-weight: 700;
    background-color: #cfe6f1;
    padding-left:36px; 
}