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


 @media screen and (-webkit-min-device-pixel-ratio:0) {
    sw-dialog-liveagent, .chat-wrap{
	      display:none !important;
    }
}

@-moz-document url-prefix(){
    sw-dialog-liveagent, .chat-wrap{
	      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 #84b135;
	}



.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
	background-color: #84b135;
	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 */

  .dockableContainer, .embeddedServiceSidebar.modalContainer {
  z-index: 1045 !important;
}
/* Snapin overlapping with howtobuy issue */
.embeddedServiceHelpButton {
    z-index: 120001 !important;
}
.dockableContainer * {
  font-family: Lato, "Times New Roman", sans-serif;
}
/*for chat window height*/
.embeddedServiceSidebar.layout-docked .dockableContainer {
    max-height: 550px !important;
}

/*for Hand symbol should be shown to minimize and Close button of chat*/
.embeddedServiceSidebar .headerItem {
    cursor: pointer;
}

/*for end chat close button and feedback button*/
.endChatContainer{
    margin-bottom: 10px !important;
}
/*for Cancel Chat Request button*/
.waitingStateButtonContainer{
       margin-bottom: 20px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #84B135 !important;
  font-family: Lato, "Times New Roman", sans-serif;
  padding : 0px 24px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 0;
}

li.agent .chatContent {
  color: #fff !important;
  background: #84b135 !important;
}

li.chasitor .chatContent {
  background: #DCDCDC !important;
  color: #000 !important;
}



.embeddedServiceSidebarHeader {
   position: relative !important;
}

.embeddedServiceSidebarHeader .shortHeader {
  height: 70px !important;
}

.embeddedServiceSidebarState {
  margin: 10px 25px !important;
}


.embeddedServiceSidebarState.stateBody {
    width: 85% !important;
}


.logout{
	margin-top: 20px;
}


/*for label*/


.embeddedServiceSidebarHeader .headerText {
   /* display: inline-block !important;*/
     padding-top: 10px !important;
    justify-content: center;
    /* align-items: center; */
    /* flex-grow: 1; */
    /* align-self: stretch; */
    width: calc(100% - 96px);
    color: #fff;
    text-decoration: none;
    line-height: normal;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    font-weight: normal;
    font-size: 1.06rem;
}
/* to display heading in 2 lines */
.embeddedServiceSidebarHeader .headerTextContent {

    display: inline-block !important;
    padding-left: 2px !important;
    padding-right: 2px !important;

}
.prechatInfo {
    font-size: 13px !important;
    color: #949494 !important;
    line-height:1.5;
}
 
.prechatSupport {
    font-size: 13px !important;
    color: #949494 !important;
    line-height:1.5;
}

.prechatLegalinfo{
    font-size: 13px !important;
    color: #949494 !important;
    line-height:1.5;
}
.uiInput input {
    border: 1px solid #949494 !important;
    border-radius: 0 !important;;
}

#headerTextLabel{
white-space:normal !important;
}
.embeddedServiceLiveAgentStateChatHeader.agentInfo {
    display:none;
}
.embeddedServiceSidebarHeader .fade.fade-4x {
    display:none;
} 
.embeddedServiceLiveAgentStateChatHeader .content {
    height: auto !important;
}

.embeddedServiceLiveAgentStateChatHeaderOption {
	width: 92px !important;

}
/*for click chat text in minimized state */
.embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message {
    text-decoration:none !important;
    font-size: 1.15em !important;
    font-family:lato,Arial,Helvetica,sans-serif;
}
/*for text area */
.embeddedServiceLiveAgentStateChat .chasitorInputWrapper {
    margin-bottom: 30px;
 }
/*background color exchange for agent and chasitor */ 
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    background: #f4f4f4 !important;
	color: #393939 !important;
}
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
    background: #84b135 !important;
	color: rgb(255, 255, 255) !important;
}
/*for scroll bar of chat box 
.embeddedServiceLiveAgentStateChat .messageArea{
    margin-top: 48px !important;
}*/
/*for enabling transcript save when user clicks on Agent */
.embeddedServiceSidebarHeader .headerButton:focus:after {
    border: 0px solid #84b135 !important;
}

.embeddedServiceSidebarHeader .headerButton:hover:before {
    background-color: #84b135 !important;
}
/*for wrapping text in 2 lines for translated labels */
.embeddedServiceSidebarButton .label, .embeddedServiceSidebarButton:disabled .label {
    white-space: normal !important;
}
/*to remove the padding over the message body 
.embeddedServiceLiveAgentStateChat .messageArea {
 padding-top: 0px !important;
 top:53px !important;
}*/
/* to fix the double border box appears issue in save transcript/end chat button*/
.embeddedServiceLiveAgentStateChatHeaderOption.chatOption:focus:after {
    border: 0px solid #84b135 !important;
}
.embeddedServiceSidebarHeader .headerItem:focus:after {
    border: 0px solid #84b135 !important;
}
/* to fix the Agent button partial background color issue*/
.embeddedServiceSidebarHeader .headerButton:focus:before, .embeddedServiceSidebarHeader .headerButton:hover:before {
    width: 0% !important;
}
/* to change dark green background color to oil green color*/
.waitingCancelChat.uiButton--inverse .label {
    color: #fff !important;
}
.waitingCancelChat.uiButton--inverse, .waitingCancelChat.uiButton--inverse:disabled {
    background: #84b135 !important;
}

.dialog-button-0{
    background: #84b135 !important;
}
.endChatButton:not(:disabled):focus, .endChatButton:not(:disabled):hover {
    background: #84b135 !important;
}

/* text of save transcript/end chat to be in */
.embeddedServiceLiveAgentStateChatHeaderOption .optionName {
	color: #fff !important;
}

/*for Go back adn Chat Request button padding*/
.embeddedServiceSidebarDialogState .dialogButtonContainer{
    padding: 0px 24px 35px !important;
}

/*for highlighting Agent Name*/
.embeddedServiceSidebarHeader .headerButton:hover{
		background: rgba(255, 255, 255, 0.2);
}
.embeddedServiceSidebarHeader .headerButton:hover:before {
  display:none;
}

/* remove left margin on chat screen */
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.plaintextContent{
	margin-left: 0 !important;
}

.embeddedServiceLiveAgentStateChatItem.agent .agentName, .embeddedServiceLiveAgentStateChatItem.agent .timeContent {
   margin-left: 0 !important;
   margin-top: 4px;
}

.embeddedServiceLiveAgentStateChatItem.agent .nameAndTimeDotDivider {
	margin-top: 8px !important;
}

/* set lato font for user input type box on chat screen and initial button */
.embeddedServiceLiveAgentStateChatInputFooter .chasitorText{
	font-family: Lato, "Times New Roman", sans-serif !important;
}

.embeddedServiceHelpButton{
	font-family: Lato, "Times New Roman", sans-serif !important;
}

/* set default butoon color for the close chat button hover state */
.embeddedServiceSidebarButton.dialog-button-0:not(:disabled):focus, .embeddedServiceSidebarButton.dialog-button-0:not(:disabled):hover {
    background: #84b135 !important;
}

.embeddedServiceSidebarHeader .headerChevron{
	width: 7px !important;
    // height: 8px !important;
    margin: 10px 0 0 8px !important;
    border-top: 5px solid #fff !important;
}

/* remove underline text-decoration*/
.embeddedServiceSidebarButton:focus{
	text-decoration: none !important;
}

.helpButtonEnabled:focus .helpButtonLabel {
    text-decoration: none !important;
}
/* remove underline text-decoration*/
.embeddedServiceLiveAgentStateChatHeaderOption:focus {
    text-decoration: none !important;
}
/* Start remove buffer space in cancle chat request screen */
.embeddedServiceLiveAgentStateWaitingHeader .content{
	height: 80px !important;
    padding: 0px 0px !important;
}
.embeddedServiceLiveAgentStateWaitingHeader .waitingMessage {
margin: 10px 12px 0 !important;
}
.embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting {
margin-top: 0px !important;
}
/* End remove buffer space in cancle chat request screen */

@media only screen and (min-device-width : 320px) and (max-device-width : 760px) {
  .embeddedServiceHelpButton .helpButton{
   right: 50% !important;
    top: 89% !important;
  }
  .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items {
    width: 320px !important;
 }
 
  .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
     /* right: 50% !important;*/
    top: 89% !important;
    font-size: .875em;
  } 
   /* font size increased after minimize chat window */
  .embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
    font-size: .875em !important;
}
  /* after minimize chat window set to right bottom */
  .embeddedServiceSidebarMinimizedDefaultUI {
    bottom: 12px !important;
    right: 12px !important;
    height: 46px !important;
    text-decoration: none !important;
	border-radius: 23px !important;
	width: 172px !important;
   
	}
      /* Added border at go back button */
    .embeddedServiceSidebarDialogState .dialogButtonContainer .dialog-button-1 {
    border: 1px solid #84b135;
	}
}

/*  tablet/ipad*/
@media (min-width: 768px) and (max-width: 1024px) {
  
 .embeddedServiceSidebar.layout-docked .dockableContainer {
    /*max-height: 480px !important;*/
    left: auto !important;
    bottom: 0 !important;
    right: 20px !important;
    border-radius: 8px 8px 0 0 !important;
    position: fixed !important;
    width: 347px !important;
    margin: 0 !important;
}

.embeddedServiceLiveAgentStateWaiting .waitingStateButtonContainer{
	align-items:center;
}
.embeddedServiceSidebarDialogState .dialogButtonContainer {
        align-items: center;
    display: flex;
    flex-direction: column;
}
/*.embeddedServiceLiveAgentStateWaiting .waitingStateButtonContainer .uiButton{
	width:50%;
}
.embeddedServiceSidebarDialogState .dialogButtonContainer .uiButton{
	width:50%;
}
.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorText{
	width:100%;
}
.endChatContainer {
	align-items:center;
}
.endChatContainer .uiButton{
	width:50% !important;
}*/
.embeddedServiceSidebarDialogState .dialogButtonContainer .dialog-button-1
{
border: 1px solid #84b135;
}
/* To access the page content after minimising chat window in tablet/ipad*/
.embeddedServiceSidebar.sidebarMaximized {
     background: 0 !important; 
     width: 0px !important;
     height: 0px !important;
   }
   /* after minimize chat window set to right bottom */
  .embeddedServiceSidebarMinimizedDefaultUI {
    bottom: 12px !important;
    right: 12px !important;
    height: 46px !important;
    text-decoration: none !important;
	border-radius: 23px !important;
	width: 172px !important;
   
	}
}

.embeddedServiceSidebarMinimizedDefaultUI{
	cursor: pointer;
}

.embeddedServiceSidebarButton.dialog-button-0:not(:disabled):focus, .embeddedServiceSidebarButton.dialog-button-0:not(:disabled):hover {
    background: #4f6a20 !important;
}

.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled {
    border: 1px solid #84b135 !important;;
}


.uiButton.helpButtonEnabled, .uiButton.helpButtonDisabled{
	max-width: 196px !important;;
    min-width: 168px !important;;
}

span.message{
	font-size: 14px !important;;
}

.headerTextContent #headerTextLabel, h2.headerText{
	font-size: 16.96px !important;;
    font-weight: 400;
}

.uiInputText input::placeholder { 
	color: #757575;
    font-size: 16px !important;
}

.iconAvatar {
	display: none;
}

@media all and (max-width: 640px) and (orientation:landscape) 
{
    .helpButtonEnabled, .helpButtonDisabled{
     	 left: 140%; 
         top: -24px;
    }
  
    .sidebarBody{
      overflow-y: auto;
    }
}

@media all and (max-width: 740px) and (orientation:landscape) 
{
    .helpButtonEnabled, .helpButtonDisabled{
     	 left: 185%; 
         top: -24px;
    }
   .sidebarBody{
      overflow-y: auto;
    }
}
.uiInputDefaultError .form-element__help {
    font-size: 12px !important;
    margin-top: 0px !important;
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items {
    width: 270px !important;
}

@supports (-webkit-touch-callout: none) {
	.slds-icon-utility-close svg, .slds-icon-utility-minimize-window svg{
		width :1em;
		height: 1em;
	}
}