/* Styles for Live Chat AB Winner that is being implemented site wide - kept seperate JUST IN CASE they ever want to go back to the og version */

.embeddedServiceHelpButton .liveChatABtesting .uiButton .helpButtonLabel {
    background: transparent !important;
}
.embeddedServiceHelpButton .helpButton {
    width: auto !important;
}
.helpButtonSpan {
    display:none !important;
    visibility: hidden;
}
.embeddedServiceHelpButton {display:block !important;}
.liveChatABtesting.helpButtonSpan {display:flex;visibility: visible;}
.liveChatABtesting #closeLiveChat, 
    #openLiveChatABTest {display: block;}
.embeddedServiceHelpButton .liveChatABtesting .uiButton .helpButtonLabel, 
.embeddedServiceSidebarMinimizedDefaultUI .liveChatABtesting  .minimizedText,
.liveChatABtesting .helpButtonLabel, 
.liveChatABtesting .embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 160px !important;
    bottom: 170px !important;
    right: -50px !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    flex-wrap: nowrap !important;
    opacity: 1 !important;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}
.liveChatABtesting #closeLiveChat {
    position: absolute;
    top: -165px;
    right: 15px;
    z-index: 9;
    cursor: pointer;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}
.embeddedServiceHelpButton .liveChatABtesting .uiButton .helpButtonLabel .message {
    padding: 0;
    color: transparent;
}
.embeddedServiceHelpButton .liveChatABtesting  .helpButtonDisabled > * {
    opacity: 1 !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.helpButton .messageContent {
    height: 400px !important;
    bottom: 120px !important;
}
.helpButton.embeddedServiceSidebarMinimizedDefaultUI {
    height: 160px !important;
    overflow: hidden !important;
}
.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
    display: inline-block !important;
    width: 44px !important;
    height: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
}
.embeddedServiceHelpButton .uiButton .helpButtonLabel, .embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
    width: auto !important;
    min-width: 160px !important;
    height:100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}