/* --- STILI DA SOVRASCRIVERE PER CHAT CIN CMS --- */
.embeddedServiceSidebarForm.buttonWrapper{
	padding-bottom: 2px;
	text-align: left;
}
.embeddedServiceSidebar.layout-docked .dockableContainer{
	max-height: auto !important;
}
.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton {
    background: #00447c !important;
}
.dialogButton.dialog-button-1.uiButton--inverse.uiButton.embeddedServiceSidebarButton{
		background: #005290;
}
.dialogButton.dialog-button-1.uiButton--inverse.uiButton.embeddedServiceSidebarButton:hover{
	opacity: 1;
}
.embeddedServiceHelpButton .helpButton{
	bottom: 80px;
	font-size: medium !important;
}
.embeddedServiceHelpButton .helpButton .uiButton {
	border-radius:80px 0px 0px 80px !important;
	background-color: #F13F01 !important;
	max-width: 16em !important;
	right: -12px !important;
}
.helpButtonEnabled .uiButton{
	max-width: 16em !important;
	min-width: 16em !important;
	background-color: #F13F01 !important;
}
.embeddedServiceHelpButton .helpButton .uiButton:hover::before,.embeddedServiceHelpButton .helpButton .uiButton:focus::before{
	border-radius:80px 20px 20px 80px !important;
	background-color: #d1321d !important;
	max-width: 16em !important;
	right: -12px !important;
}
.embeddedServiceSidebarMinimizedDefaultUI, .embeddedServiceSidebarMinimizedDefaultUI.helpButton{
	border-radius:20px 20px 0px 0px !important;
	background-color: #c91212 !important;
	max-width: 16em !important;
	min-width: 16em !important;
	right: 19px !important;
	border: none !important;
}
.embeddedServiceSidebarHeader .shortHeader{
	    height: 48px !important;
		background-color: #00447c !important;
}
ul.fieldList li input::placeholder{
	color: #9b9b9b;
}
.embeddedServiceLiveAgentStateWaiting .loadingBall{
    background-color: #0dafed !important;
}
.embeddedServiceSidebar.modalContainer{
	z-index: 1999999 !important;
}
.embeddedServiceSidebarMinimizedDefaultUI, .embeddedServiceSidebarMinimizedDefaultUI.helpButton{
	border-radius:20px 20px 0px 0px !important;
	background-color: #c91212 !important;
	max-width: 16em !important;
	min-width: 16em !important;
	right: 19px !important;
	border: none !important;
}
.headerText{
	float: right !important;
	margin: 5px 0 0 0 !important;
}
.embeddedServiceSidebarFormField .slds-style-inputtext, .embeddedServiceSidebarFormField .slds-style-select{
	height: 30px !important;
}
.embeddedServiceLiveAgentStateChatHeaderOption{
	width: 100px !important;
}
.embeddedServiceLiveAgentStateChatEventMessage .eventMessage > .uiOutputRichText{
	white-space: normal !important;
	height: 95px !important;
}
.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton{
	width: calc(100% - 50px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.dialogButtonContainer button:nth-child(1n){
	text-decoration: none !important;
}
.dialogButtonContainer button:nth-child(2n){
	opacity: 0.75;
	color: #fff !important;
}
.embeddedServiceSidebarButton.uiButton--inverse .label{
	color: #fff !important;
}

@media (max-width: 480px){
	.embeddedServiceHelpButton .helpButton{
		width: 55px;
		top: 0px;
		right: 15px !important;
	}
	.embeddedServiceSidebarMinimizedDefaultUI:not(.waiting) .minimizedText,
	.embeddedServiceHelpButton .uiButton .helpButtonLabel{
		display: none;
	}
	
	.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage, .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon,
	.embeddedServiceHelpButton .embeddedServiceIcon{
		padding: 10px;
		border-radius: 20px;
		background: #F13F01;
		box-shadow: 1px 3px 5px #808080;
		margin: 0px;
	}
	
	.embeddedServiceSidebarMinimizedDefaultUI, .embeddedServiceSidebarMinimizedDefaultUI.helpButton,
	.embeddedServiceHelpButton .helpButton .uiButton{
		background-color: transparent !important;
		box-shadow: none;
		min-width: 55px !important;
		border: 0px !important;
		top: 0px;
		right: 15px !important;
	}
	
	.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI{
		background-color: #e04512 !important;
		border: 0px;
		width: 40px;
		height: 40px;
		border-radius: 25px !important;
		top: 2px;
		min-width: 40px !important
	}
	
	.embeddedServiceSidebarMinimizedDefaultUI .content{
		background-color: #ffffff;
		width: 50%;
		height: 50%;
		left:10px;
		position: relative;
		border-radius: 50px;
	}
	
	.embeddedServiceSidebarMinimizedDefaultUI .content:after{
		content: '...';
		display: block;
		color: #000;
		top: -4px;
		position: relative;
		right: 1px;
	}
}