@media screen and (max-width: 600px) {
    .dockableContainer {
        right:0px !important;
        left:0px !important;
        margin:auto !important;
    }
}


.cCc_embeddedChatServiceAura .esPrechatForm {
    font-family: Noto Serif Regular;
}

.prechatUI > .esPrechatForm{
    display: flex;
    flex-direction: column;
}

.backgroundPattern{
    background-position:0 0 !important;
    background-size:cover !important;
}

.dockableContainer {
    width: min(498px, 90vw) !important;
    max-width:90vw !important;
    background-color:white;

}

.sidebarBody {
    overflow:auto !important;    
}


.embeddedServiceSidebarHeader h2 {
margin:0px !important;
font-size:16px !important;

}

.sidebarHeader h2 {
    color:white;
}

.slds-button_brand.sldsChatButton {
    height:54px;
    font-family:"News Cycle";
    font-size:22px;
}

.chatSlds .slds-form-element__label {
font-size:1rem !important;
}
.chatSlds .slds-input,.slds-textarea {
font-size:1rem !important;
border-radius:0px !important;
}

.slds-textarea{
    height:166px;
    max-height:166px;
}

.modalContainer.sidebarMinimized{
    background: none !important;
}

.embeddedServiceSidebar {
    font-size: 16px !important;

}

.embeddedServiceSidebarHeader .headerTextContent {
    font-weight:normal;
}

.embeddedServiceSidebar .layout-docked .dockableContainer
{
    position: fixed !important;
    left: auto !important;
    bottom: 0 !important;
    right: 20px !important;
    height: 90% !important;
    width: 840px !important;
    max-height: 498px !important;
    border-radius: 8px 8px 0 0 !important;
    margin-right: 80px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
    
.embeddedServiceHelpButton .helpButton .uiButton {
        background-color: #046B99 !important;
        font-family: "Arial", sans-serif !important;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #005290 !important;
    }
.embeddedServiceSidebar .headerItem {
    right: 0 !important;
}
button.minimizeButton.headerItem {
    position: fixed !important;
    right:30px !important;
    top: 1px !important;
}
.agentInfo.fade.fade-4x {
    display: none !important;
}
.icon {
    margin: 0px !important;
}

.embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting { margin-left: 12px !important;}
button.dialogButton.uiButton.embeddedServiceSidebarButton {
    border: 2px solid #046B99 !important;
    color: #046B99  !important;
    font-family: "News Cycle" !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 27px !important;
    text-align: center !important;
}

.embeddedServiceSidebarButton.uiButton--default, .embeddedServiceSidebarButton.uiButton--default:disabled {
    background: #046B99 !important;
    color: white !important;
    border: 2px solid #046B99 !important;
    color: #046B99  !important;
    font-family: "News Cycle" !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 27px !important;
    text-align: center !important;
}
.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled {
    background: none !important;
    color: #046B99  !important;
}
/*.embeddedServiceSidebarButton .label,*/

.embeddedServiceSidebarButton.uiButton--inverse .label,
.embeddedServiceSidebarButton:disabled .label {
    color: #046B99 !important;
}
.waitingCancelChat, .dialogButton, .endChatButton {
    text-decoration:unset !important;

}
.dialog-button-0.embeddedServiceSidebarButton .label.bBody, .closeChatButton .label.bBody {
    color: white !important;

}

.embeddedServiceSidebarButton:not(:disabled):focus, .embeddedServiceSidebarButton:not(:disabled):hover {
    background: #046B99 !important;
}
.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled){
    background-color: white  !important;
    text-decoration-color: #046B99 !important;
    border: 2px solid #046B99 !important;
    color: #046B99  !important;
    font-family: "News Cycle" !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 27px !important;
    text-align: center !important;
}
 
.embeddedServiceSidebarExtendedHeader, .embeddedServiceSidebarHeader .shortHeaderContent {
    background: rgb(22,78,107) !important;
    background: linear-gradient(90deg, rgba(22,78,107,1) 0%, rgba(34,122,167,1) 100%) !important;
}
.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
    text-align: center !important;
}

.embeddedServiceLiveAgentStateChatHeader .content {
    height: 120px  !important;
}
a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:last-of-type {
    display: none !important;
}

.optionName {
    color:white !important;
}

.chatSlds, .prechatUI, .esPrechatForm, .slds-grid.slds-wrap {
height:100%;
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton:first-child {
    margin-bottom:8px !important;
}