/* Hide proactive on non ie/edge browsers */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .chat-wrap{
	      display:none !important;
    }
}

@-moz-document url-prefix(){
    sw-dialog-liveagent, .chat-wrap{
	      display:none !important;
    }
}

 /* show proactive on edge browsers */
@supports (-ms-ime-align:auto) {
  sw-dialog-liveagent{
	      display:block !important;
    }
}

 /* Hide snapin on ie/edge browsers */

@supports (-ms-ime-align:auto) {
    .embeddedServiceHelpButton{
	      display:none !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 
    .embeddedServiceHelpButton{
	      display:none !important;
    }
}


/* Summer release bugs */

h2[embeddedService-chatHeader_chatHeader] {
   color: white !important;
}

/*
.embeddedServiceSidebar .sidebarBody {	
    top: unset !important	
    top: 64px !important;	
}*/

.headerAnnouncement[embeddedService-chatHeader_chatHeader] {	
    z-index: 1;	
    position: relative !important;	
    right: 0;	
    font-size: .75em;	
    height: fit-content;	
}

.embeddedServiceHelpButton *,
.embeddedServiceSidebar .dockableContainer *,
.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
	font-family: Lato !important;
	text-transform: none !important;
    font-size: 14px;
    position: static;
	cursor: pointer !important;
    outline: none !important;
}


.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
   // width: calc(100% - 48px);
   // height: 35px !important;
   // line-height: 19px !important;
    margin: 0 24px 8px !important;
}


.embeddedServiceSidebarDialogState .endChatContainer{
    padding: 0px 24px 35px !important;
}


 .embeddedServiceSidebarDialogState .endChatContainer .saveTranscriptButton {
    border: 1px solid #0096A4;
	}



.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
	background-color: #0096A4;
	text-decoration-color: #fff;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus .label,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover .label {
	color: #fff;
}



/*End summer release bugs */



 /* Field Marketing Specific Bot Styling Rules */

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a {
    color: blue !important;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message::before{
    content: 'Chat with Us';
}
/*
.embeddedServiceHelpButton .helpButton button.uiButton, .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
        width: 160px !important;
        right: 0px !important;
}*/

@media (max-width: 500px){
    .embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer{
        width: 100% !important;
        height: 100% !important;
    }
    .embeddedServiceSidebar.layout-docked .dockableContainer {
        bottom: 0 !important;
    }
}


.embeddedServiceSidebarMinimizedDefaultUI .content::before{
        background: url(../img/juni-cta-new.png) 2px 0 no-repeat !important;
        color: white !important;
}

/* .embeddedServiceHelpButton .embeddedServiceIcon::before{
        background: url(../img/juni-cta-new.png) 2px 0 no-repeat !important;
        color: white !important;
} */


/*
.avatar.iconAvatar.agentInitial.agentIconColor0 {
    background-image: url(../img/juni-avatar-new.png) !important;
} */


/* COPIED */
/* CTA */


.embeddedServiceHelpButton div.helpButton {
	height: 55px;
    width: 192px;
    bottom: -20px;
    right: -12px;
}

.embeddedServiceHelpButton .helpButton button.uiButton::before{
    border-radius: 17.5px !important;
    opacity: 0 !important;
}
.embeddedServiceHelpButton .helpButton button.uiButton:hover{
    background-color: #1B7B86 !important;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message{
   font-size: 0px !important;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message::before{
    font-family: Lato !important;
    text-transform: none !important;
    font-size: 12px !important;
    overflow: hidden;
    white-space: nowrap;
    content: 'Chat With Us';
}
.snapInButtonNonBot::before{
    content: 'Chat with Us' !important;
}
span.help.x-small.embeddedServiceIcon{
    margin-right: -110px !important;
}
.snapInHeaderNonBot::before{
    content: 'Chat with Us' !important;
}
.embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message{
    font-size: 0px;
}
button.sidebarHeader.minimizedContainer.newMessage.embeddedServiceSidebarMinimizedDefaultUI {
    width: 215px !important;
}
.embeddedServiceSidebarMinimizedDefaultUI .content::before{
        background: url(../img/cta-icon.png) 2px 0 no-repeat !important;
        color: transparent !important;
        background-size: 21px !important;
        padding: 4px !important;
        margin-left: 4px;
        margin-right: -2px;
        content: "__";
}
.embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message::before{
    font-family: Lato !important;
        text-transform: none !important;
        font-size: 12px !important;
    content: "Chat with Digital Assistant";
}
.loadingBallContainer.tiny.animated.embeddedServiceLoadingBalls {
    display: none !important;
}


.embeddedServiceHelpButton .helpButton button.uiButton,
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
	background-color: #0096A4 !important;
        border-color: #0096A4 !important;
        width: 160px !important;
        border-radius: 17.5px !important;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        min-height: 35px;
        height: 35px;
        min-width: auto !important;
        text-decoration: none !important;
        bottom: 20px !important;
        max-width: initial;
        right: 32px !important;
}

.isLightningOutContext.embeddedServiceLiveAgentStateChatAvatar {
    position: absolute !important;
    /*bottom: 46px !important; */
}
.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar.iconAvatar{
    position: absolute !important;
        top: 0 !important;
}
/*embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar.iconAvatar {
    color: transparent !important;
    box-sizing: border-box;
}*/
.agentAvatarsContainer.fade.fade-4x.embeddedServiceLiveAgentStateChatHeaderAvatars {
    height: 53px;
}

.embeddedServiceLiveAgentStateChatHeaderAvatars .avatar.iconAvatar.agentInitial.agentIconColor1 {
    top: 35px !important;
}

.embeddedServiceLiveAgentStateChatHeaderAvatars .avatar.iconAvatar.agentInitial.agentIconColor0 {
    /* position: absolute; */
    top: 23px;
    /* left: -11px; */
    /* margin: 9px; */
    /* width: 100px !important; */
}
embeddedServiceSidebarHeader .headerChevron{
	position: relative;
    margin: 0px;
    width: 10px;
    margin: 6px 0 0 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
	border-top: 5px solid #fff;
}

/*
.embeddedServiceLiveAgentStateChatAvatar > div{
    background-color: white !important;
	color: transparent !important;
    background-image: url(../img/agent.png) !important;
}
.avatar.iconAvatar.agentInitial.agentIconColor0 {
	background-color: white !important;
	color: transparent !important;
    background-image: url(../img/juni-avatar-new.png) !important;
}
.avatar.iconAvatar.agentInitial.agentIconColor0.snapInButtonNonBot {
	background-color: white !important;
	color: transparent !important;
    background-image: url(../img/agent.png) !important;
}
*/

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus,
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
	background-color: #0096A4;
}
.embeddedServiceSidebarExtendedHeader {
    background-color:#0096A4 !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
	font-size: 14px;
	text-transform: none;
}

/* Slide-in intro animation */
@keyframes intro {
	from {opacity: 0; transform: translateY(100%);}
	to {opacity: 1; transform: translateY(0%);}
}

.embeddedServiceSidebar.modalContainer .dockableContainer {
	transition: opacity 0.5s, transform 0.5s;
	animation-name: intro;
	animation-duration: 0.5s;
}

/* Global Chat Styling */
.embeddedServiceHelpButton *,
.embeddedServiceSidebar .dockableContainer *,
.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
	font-family: Lato !important;
	text-transform: none !important;
//	font-size: 12px !important;
}


/* Chat Header */
.embeddedServiceSidebarHeader .extendedHeader {
    background-color: #0096A4;
}
.embeddedServiceSidebar .embeddedServiceSidebarHeader {
	border-bottom: 1px solid #0096A4;
	font-size: 14px;
}

.embeddedServiceSidebar .embeddedServiceSidebarHeader .headerText {
	font-size: 14px;
}
.embeddedServiceSidebarHeader .headerTextContent{
	padding-bottom: 7px;

}

.embeddedServiceSidebarHeader .headerText .headerButton {
	align-items: center;
	font-size: inherit;
}

.embeddedServiceSidebarHeader .headerButton .headerTextContent {
	line-height: 1.5em;
}

.embeddedServiceSidebarHeader .headerButton .headerChevron {

	margin-top: -5px;
	margin-left: 8px;
}


/* Chat Body */
.embeddedServiceSidebar.layout-docked .dockableContainer{
    bottom: 24px !important;
    right: 60px !important;
    border-radius: 12px 12px 0px 12px !important;
    max-height: 600px !important;
}
.embeddedServiceLiveAgentSidebarFeature .embeddedServiceLiveAgentStateChat .messageArea {
	background-color: #f0f0f0;
}

.embeddedServiceLiveAgentSidebarFeature .embeddedServiceLiveAgentStateChat .messageArea:focus {
	border: none;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem.chatMessage,
.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText{
	background-color: transparent;
	font-size: 14px;
	overflow: initial;
}


/* Standard Message */
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem .chatContent .agent {
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem .chatContent .chasitor {
	background-color: #0096A4;
	border-bottom-right-radius: 0px !important;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem .chatContent .chasitor a {
	color: white;
	pointer-events: none;
	text-decoration: none;
}


/* Quick Replies */

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem {
	background-color: #fff;
	border-color: #0096A4;
	border-radius: 20px;
	box-shadow: none;
	color: #0096A4;
	float: none;
	margin-right: 0;
	/*width: 74px !important;*/
	height: 26px !important;
	min-height: 20px !important;
	color: #0096A4 !important;
}

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem:hover {
	background-color: #0096A4;
}

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem:not(:last-child) {
	margin-right: 10px;
}

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem span {
	color: inherit;
	font-size: 14px;
}


/* Chat Menu */

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
	background-color: transparent;
	border: 1px solid #0096A4;
	border-radius: 8px;
	margin-left: 44.75px;
	overflow: hidden;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu .rich-menu-items > li {
	border: none;
	border-radius: 0;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu .rich-menu-items > li:not(:last-child) {
	border: none;
	border-bottom: 1px solid #0096A4;
}


.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items .rich-menu-item,
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items .rich-menu-itemOptionIsClicked {
	background-color: white;
	font-size: 14px;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:hover,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:active,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:hover:active,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:focus,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:focus:hover {
	background-color: #0096A4;
	border-color: #0096A4;
	color: white;
	opacity: 1;
}


/* Chat Window Footer */

/* Agent escalation menu
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper {
	display: none;
}
*/


.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item:first-child{
	display: none;
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item:second-child{
	display: block;
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-truncate{
  color: #333333;
  
}


.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper {
	background-color: #fff;
	border-top: 1px solid #0096A4;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatInputFooter .chasitorText {
	background-color: #f0f0f0;
	border: none;
	border-radius: 10px;
	font-size: 14px;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatInputFooter .chasitorText::placeholder {
	color: #9b9b9b;
	font-size: 14px;
}


/* Close Chat Prompts */

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer {
	background-color: #f0f0f0;
	font-size: 14px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer::before {
	background: none;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton {
	background-color: #0096A4;
	font-size: 14px;
	height: 35px;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton:focus {
	box-shadow: none;
	text-decoration: none;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton:not(:disabled):hover,
.embeddedServiceSidebar .embeddedServiceSidebarButton:not(:disabled):focus {
	background-color: #0096A4;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
	background-color: #0096A4;
	text-decoration-color: #fff;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus .label,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover .label {
	color: #fff;
}

/* Form Card */
button.slds-button.slds-button_neutral, button.slds-button.slds-button_neutral:focus{
    height: 30px;
    width: 202px;
    font-size: 16px;
    background-color: #0096a4 !important;
    border-radius: 24px;
    color: white;
}
.embeddedServiceLiveAgentStateChatItem.chatMessage button.slds-button.slds-button_neutral:hover{
    background-color: #00626B !important;
}
.slds-form-element__control.slds-grow input::placeholder{
    font-family: Lato;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: italic;
      line-height: 1.27;
      letter-spacing: normal;
      color: #b8b8b8;
}
div.slds-form-element__help {
    color: red;
    padding-top: 2px !important;
}
abbr.slds-required {
    text-decoration: none !important;
    color: red !important;
    padding: 1px;
}
h1.slds-page-header__title.slds-truncate.slds-align-middle{
    font-size: 16px !important;
}
svg.slds-icon.slds-icon_small {
    width: 15px;
    height: 15px;
    display:none;
}
span.slds-assistive-text{
    display: none;
}
.form-card {
    background-color: white !important;
    padding: 10px;
    margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 2.5rem !important;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06)
}

/* einsteinBotStyling Static Resource */

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
	font-size: 14px;
}

/*Header text*/

.embeddedServiceSidebarHeader #headerTextLabel,
.embeddedServiceSidebarHeader #headerSubtext {
	font-size: 0px !important;
}

.embeddedServiceSidebarHeader #headerTextLabel {
	display: none;
}

.embeddedServiceSidebarHeader #headerTextLabel,
.embeddedServiceSidebarHeader #headerSubtext:before {
	font-size: 14px;
	content: 'Juniper Digital Assistant';
}
.messageContent .embeddedServiceIcon.x-small svg{
    display: none !important;
}
button.minimizeButton.headerItem::after {
    display: none !important;
}
button.minimizeButton.headerItem::before {
    display: none !important;
}
.headerButton:before, .headerButton:after{
   display: none !important;
}
.embeddedServiceSidebar .embeddedServiceSidebarHeader .headerText {
	height: 50px !important;

}
.embeddedServiceSidebarHeader .shortHeader {
	background-color: #0096A4 !important;

}

/* Updated greeting message in Embedded Service label: Chat In Progress > Chat Header */
.embeddedServiceLiveAgentStateChatHeader .message {
	font-size: 14px !important;
}

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

.embeddedServiceHelpButton .uiButton .helpButtonLabel{
	text-decoration: none !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button span{
    color: #0096A4 !important;
    padding-left: 8px;
    padding-right: 8px;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover, .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus{
    background: #0096A4 !important;
    opacity: 1 !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover, .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus, .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover span, .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus span{
    color: white !important;
}

.embeddedServiceLiveAgentStateChatButtonItem:focus{
    text-decoration: none !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:focus span{
    text-decoration: none !important;
}



.embeddedServiceHelpButton .embeddedServiceIcon::before{
    /* background: url(../img/juni-cta-new.png) 2px 4px no-repeat !important;
        color: transparent !important; */
        background-size: 21px !important;
        padding: 6px !important;
        margin-left: 7px;
        margin-right: -14px;
}


.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem .chatContent .agent{
    border-bottom-left-radius: 0px !important;
    padding-right: 9px;
    max-width: 78% !important;
}

.embeddedServiceSidebarButton.uiButton--inverse .label{
    color: #0096A4 !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus .label, .embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover .label{
    color: white !important;
}

.embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting{
    font-size: 0px !important;
}

/* Pre-Chat Forms */

.embeddedServiceSidebar .dockableContainer .socialHi{
    font-size: 18px !important;
    margin-top: 32px !important;
}
.cNF_CCAREPreChatBaseUser .contentsLinks{
    cursor: pointer;
    font-size: 14px !important;
    height: 34px !important;
    border-color: #0096a4 !important;
}
.cNF_CCAREPreChatBaseUser .agentChatLink {
    font-size: 14px !important;
    margin-top: 0 !important;
    cursor: pointer;
}
 .cNF_CCAREPreChatBaseUser.linksInfo{
     padding-top: 16px;
     padding-bottom: 16px;
     margin-top: 0 !important;
 }
 .cNF_CCAREPreChatBaseUser.juniperCustomers {
     padding-top: 16px;
     padding-bottom: 16px;
     margin-top: 0 !important;
 }
 .VARID.cNF_CCAREPreChatBaseUser {
     padding-bottom: 16px;
     margin-top: 0 !important;
 }
 .embeddedServiceSidebar .dockableContainer .socialHi.cNF_CCAREPreChatUnauthenticatedUser b{
     font-size: 18px !important;
 }
 .preChatFormInfo.cNF_CCAREPreChatUnauthenticatedUser {
     padding-top: 16px;
     margin-top: 0 !important;
     font-size: 14px !important;
 }
 .cNF_CCAREPreChatUnauthenticatedUser .LoginButton {
     height: 34px !important;
     border-color: #0096a4 !important;
     font-size: 14px !important;
     cursor: pointer;
     margin-top: 16px !important;
 }
 .cNF_CCAREPreChatUnauthenticatedUser.selectOption {
     font-size: 14px !important;
     margin-top: 0 !important;
     padding-top: 16px !important;
 }
 .cNF_CCAREPreChatUnauthenticatedUser .otherLink {
     padding-top: 16px !important;
     margin-top: 0 !important;
     padding-bottom: 0 !important;
     font-size: 14px !important;
     cursor: pointer !important;
 }
 .cNF_CCAREPreChatJunivator.socialWelcome b {
     font-size: 18px !important;
 }
 .cNF_CCAREPreChatJunivator.socialWelcome {
     /*margin-top: 32px !important;*/
     margin-bottom: 16px !important;
     padding-top: 32px !important;
 }
 .prechatInfo.cNF_CCAREPreChatJunivator {
     padding-bottom: 16px !important;
     font-size: 14px !important;
 }
 .cNF_CCAREPreChatJunivator button.slds-button.slds-button_brand.contentLinks {
     margin-top: 2% !important;
     height: 34px !important;
     /* margin-top: 0 !important; */
     font-size: 14px !important;
     cursor: pointer;
     border-color: #0096a4;
 }

 /* JCSS-88 */

 span.embeddedServiceIcon {
     display: inline-block !important;
     }
     /*margin-left: 0px !important;
     padding-right: 5px;
     margin-bottom: 0 !important;
     padding-bottom: 0px !important;
     padding-top: 2px;
 }
 span#helpButtonSpan {
     padding-top: 2px;
     padding-left: 1px;
 }*/

/* Mobile CSS Overrides */
@media only screen and (max-width: 599px) {
    .embeddedServiceSidebar.layout-docked .dockableContainer{
        max-height: 9999px !important;
        bottom: 12px !important;
    }
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar {
    bottom: auto !important;
}

.embeddedServiceHelpButton {
 	z-index: 120000 !important
}

.prechatUI.cLivechatPrechat2_0_component, .prechatUI.cLivecchatPrechat2_0{
    padding:24px;
}

.embeddedServiceLiveAgentStateWaiting .loadingBall, .cLivechatPrechat2_0_component .startButton {
    background-color: #0096A4 !important;
}

.embeddedServiceLiveAgentStateChatAvatar .avatar{
    padding-top: 8px !important;
}