.embeddedServiceSidebar embeddedservice-chat-header {
  border-bottom: 1px solid #EBEDEE; 
}

.embeddedServiceSidebar .sidebarHeader h2 {	
    color: black !important;	
}	


.embeddedServiceSidebar embeddedservice-chat-header-announcement {
  border-top: 1px solid #EBEDEE; 
}

/* Override LWC MESSAGE CSS */
.embeddedServiceSidebar .chat-content {
    border-radius: 8px !important;
    margin-left: 0px !important;
}

/* Override LWC MESSAGE CSS */
.embeddedServiceSidebar .agent.chat-content {
    background: #F7F8F9 !important;
  border-radius: 8px !important;
}

/* Override LWC MESSAGE CSS */
.embeddedServiceSidebar .chasitor.chat-content {
  background: rgba(92, 152, 96, 0.20) !important;
  color: #4B505D !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .chasitorInputWrapper {
    border-top: thin solid #EBEDEE !important;
    background: white !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput {
    border: thin solid #EBEDEE !important;
}

.embeddedServiceSidebar .dockableContainer {
    max-height: 100vh !important;
/*aspect-ratio: unset !important;*/
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .embeddedServiceSidebar .dockableContainer {
        width: 100% !important;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .embeddedServiceSidebar .dockableContainer {
        width: 80% !important;
        height: 90vh !important;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .embeddedServiceSidebar .dockableContainer {
        width: 60% !important;
        height: 80vh !important;
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .embeddedServiceSidebar .dockableContainer {
        width: 45% !important;
        height: 80vh !important;
    }
}

/* Media Query for Large screens */
@media only screen and (min-width: 1281px) {
    .embeddedServiceSidebar .dockableContainer {
        width: 45% !important;
        height: 80vh !important;
    }
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatAvatar {
    display: none !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatButtonMessage.agent .chatContent, 
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.agent .agentName, 
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatBubble.agent .chatContent, 
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
    margin-left: 0px !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI, 
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus,
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover {	
  background-color: #000 !important;	
  border-color: #000 !important;	
}

.embeddedServiceSidebar p[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
  padding: 12px !important;
}

.embeddedServiceSidebar .embeddedFormContent[c-clickpayPreChatForm_clickpayPreChatForm] .slds-form-element__control[c-clickpayPreChatForm_clickpayPreChatForm] {
  display: block;
}

.embeddedServiceSidebar .embeddedPreChatFieldList .slds-input {
    line-height: 44px;
}