#app-layout .embeddedServiceHelpButton .helpButton {
    bottom: 0px;
}

.embeddedServiceHelpButton .helpButton .uiButton, .embeddedServiceSidebarButton,.embeddedServiceSidebar.modalContainer {
  font-family: lato,Helvetica,sans-serif;
}

#app-layout .embeddedServiceSidebarHeader {
    background-color: #00bfd6;
    border-radius: 16px 16px 0 0;
}
#app-layout .embeddedServiceSidebarHeader h2.headerText{
  font-weight:700;
  text-transform :uppercase;
  margin-top: 10px;
}
#app-layout .embeddedServiceSidebarFormField .slds-style-inputtext {
  background-color:#F3F3F5;
  border: 1px solid #F3F3F5;
  border-radius: 8px;
}
#app-layout .embeddedServiceSidebarFormField .split-field-container, .embeddedServiceSidebarFormField .uiInput--input, .embeddedServiceSidebarFormField .uiInput--select {
  margin-bottom:12px;
}
#app-layout .callchat {
    position: fixed;
    right: 0px;
    top: 43%;
    width: 63px;
    display: none;
}
#app-layout .callchat a.fixedcall {
  background-position: 0px 0px;
  display: none;
}
#app-layout .embeddedServiceSidebar.layout-docked .dockableContainer {
  max-width: 380px!important;
  max-height: 450px;
  border-radius: 16px;
  z-index: 9999999999;
}
#app-layout .embeddedServiceSidebarButton {
  background: #00bfd6;
  border-radius: 24px;
}
#app-layout .embeddedServiceHelpButton .helpButton .uiButton {
  background: #00bfd6;
  width: 170px;
  border-radius: 16px 16px 0 0;
  outline: none;
  border: 0;
  box-shadow: none;
  border-color: white;
}
#app-layout .embeddedServiceHelpButton .embeddedServiceIcon {
  margin-right: 0px;
}
#app-layout .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
  background-color: #00bfd6;
  border-radius: 16px 16px 0 0;
  border: none;
  bottom: 0;
}
#app-layout .embeddedServiceLoadingBalls .loadingBall {
    background-color: #9AEEF9;
}
#app-layout .stateBody.embeddedServiceSidebarState.embeddedServiceSidebarDialogState circle {
    fill:#0DAC25;
}
#app-layout input.SuppliedName {
  background-color:#F3F3F5;
}
#app-layout .submitButton .uiButton--default .uiButton .embeddedServiceSidebarButton {
    background: #00bfd6;
    border-radius: 16px;
}
#app-layout .dialogButton dialog-button-0 .uiButton--default .uiButton .embeddedServiceSidebarButton {
 background-color:#00bfd6;
 color:#fff;
 box-shadow: none;
 border-color:none;
 border-radius: 24px;
}

#app-layout .embeddedServiceSidebar.modalContainer {
  z-index: 999999999;
}


<!-- LIVE CHAT -->

#app-layout .sidebarHeader .embeddedServiceSidebarExtendedHeader .embeddedServiceLiveAgentStateChatHeader{
      background-color: #00bfd6;
}
#app-layout .sidebarHeader .embeddedServiceSidebarExtendedHeader .embeddedServiceLiveAgentStateWaitingHeader {
   background-color:#00bfd6;
}
#app-layout .embeddedServiceSidebarExtendedHeader {
    background-color: #00bfd6;
}
#app-layout .extendedHeader .invisibleWhileLoading {
     background-color:#00bfd6;
}
#app-layout .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
    color: #333;
    background: #DBFBFF;
    border-radius: 16px 16px 16px 0;
    float: left;
}
#app-layout .plaintextContent.chasitor.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI {
    background: #DBFBFF;
    color: #333;
    margin-left: auto;
}
#app-layout .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    background: #EFEFEF;
}
#app-layout .embeddedServiceSidebarButton .label {
    color: #fff;
}
#app-layout .dialogButton dialog-button-0 .uiButton {
  background: #cccccc;
  border-radius: 24px;
  box-shadow: none;
  border-color:none
}
#app-layout .dialogButton dialog-button-1 .uiButton {
  background: #00bfd6;
  border-radius: 24px;
  box-shadow: none;
  border-color:none
}
.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before, .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before{
  background:transparent;
}
label.uiLabel[for=SuppliedName],label.uiLabel[for=SuppliedEmail]{
 overflow-x:hidden;
}
label.uiLabel[for=SuppliedName]>span,label.uiLabel[for=SuppliedEmail]>span{
 margin-left:-26px
}

#app-layout .embeddedServiceLiveAgentStateChatBubble.agent .chatContent{
  background-color: #DBFBFF;   
}

#app-layout .embeddedServiceLiveAgentStateChatTypingIndicator .typingIndicatorBall{
  background-color: #00bfd6;
}


/* edit position of carousel dots and deal button on mobile */