.sidebarHeader[embeddedService-chatHeader_chatHeader] {
                border-bottom: 1px solid #E6E6E6 !important;
                width: 100% !important;
                }
				
                .embeddedServiceHelpButton .embeddedServiceIcon::before {
                background-image: url('https://tb2bqa2-telstrab2b--tb2bqa2.cs116.force.com/chat/resource/1593007906000/logo_tecom') !important;
                background-repeat:no-repeat;
                font-family: none;
                font-size: 3rem;
                color: transparent !important;
                border: none;
                outline: none;
                content: attr(data-icon);
                speak: none;
                background-position-y: center;
				background-position-x: center;
                }
                
                .embeddedServiceHelpButton .helpButton .uiButton {
                background-color: #FFFFFF !important;
                font-family: "Arial", sans-serif;
                font-weight: bold;
                color: #fff !important;
                height: 42px !important;
				bottom: 10px !important;
				/*width: 14.5rem;*/
                max-width: 15rem !important;
                padding: inherit !important;
                padding-right: 10px !important;
                border-radius: 23px !important;
                transition-property: right;
                transition-duration: .3s;
                transition-timing-function: ease-out;
                background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
                }
				
				/*.embeddedServiceHelpButton .uiButton .helpButtonLabel {
					margin-left: -1.7rem !important;
				}*/
				
                @-moz-document url-prefix() 
				{
					.embeddedServiceHelpButton .embeddedServiceIcon::before {
						background-image: url('https://tb2bqa2-telstrab2b--tb2bqa2.cs116.force.com/chat/resource/1593007906000/logo_tecom') !important;
						background-repeat:no-repeat;
						font-family: none;
						font-size: 5.5rem !important;
						color: transparent !important;
						border: none;
						outline: none;
						content: attr(data-icon);
						speak: none;
						background-position-y: center;
						background-position-x: center;
						}
				}
				
				@media screen and (min-width:0\0) and (min-resolution: +72dpi) 
				{
					.cPreChat .welcomeMessage
					{ 
					height: 75.6px;
					width: 327px;
					color: #414141;
					font-family: "Telstra Akkurat";
					font-size: 18px;
					font-weight: 300;
					line-height: 25.2px;
					text-align: left !important;
					letter-spacing: -.15px;
					}
					
					.cPreChat .welcome {
						height: 30px;
						width: 327px;
						color: #414141;
						font-family: "Telstra Akkurat";
						font-size: 24px;
						font-weight: bold;
						letter-spacing: -.5px;
						line-height: 30px;
						text-align: left !important;
						}
					
					.cPreChat .query 
					{
						height: 25px;
						width: 327px;
						color: #414141;
						font-family: "Telstra Akkurat";
						font-size: 20px;
						font-weight: bold;
						letter-spacing: -.2px;
						margin-bottom: 10px;
						line-height: 25px;
						text-align: left;
						margin-left: 30px;
						margin-right: 30px;
					}
				}

                .embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
                overflow: hidden;
				text-align: center !important;
                white-space: nowrap;
                height: 20px;
                font-family: "Telstra Akkurat";
                font-weight: bold
                letter-spacing: -0.1px;
                line-height: 20px;
                text-overflow: ellipsis;
                }
                
                .embeddedServiceIcon svg {
                width: 0 !important;
                height: 0 !important;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message {
                overflow: hidden;
                white-space: nowrap;
                height: 20px;
                text-decoration: none;
                width: 11rem;
                font-family: "Telstra Akkurat";
                font-size: 16px;
                line-height: 20px;
                text-overflow: ellipsis;
                margin: auto;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI.newMessage, .embeddedServiceSidebarMinimizedDefaultUI.idleTimeout {
                border: #ffffff !important;
                bottom: 10px !important;
                background-color: #FFFFFF !important;
                font-family: "Arial", sans-serif;
                font-weight: bold;
                color: #fff !important;
                height: 38px !important;
                min-width: 12em !important;
                max-width: 14.5rem !important;
                padding: inherit !important;
                padding-right: 10px !important;
                border-radius: 23px !important;
                transition-property: right;
                transition-duration: .3s;
                transition-timing-function: ease-out;
                background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
                box-sizing: border-box;
                margin: 0;
                box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
                line-height: 1;
                font-size: .875em;
                text-shadow: none;
                display: flex;
                align-items: center;
                text-decoration: none !important;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
				width: 13rem !important;
                border: #ffffff !important;
                bottom: 10px !important;
                background-color: #FFFFFF !important;
                font-family: "Arial", sans-serif;
                font-weight: bold;
                color: #fff !important;
                height: 38px !important;
                min-width: 12em !important;
                max-width: 14.5rem !important;
                padding: inherit !important;
                padding-right: 10px !important;
                border-radius: 23px !important;
                transition-property: right;
                transition-duration: .3s;
                transition-timing-function: ease-out;
                background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
                box-sizing: border-box;
                margin: 0;
                box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
                line-height: 1;
                font-size: .875em;
                text-shadow: none;
                display: flex;
                align-items: center;
                text-decoration: none !important;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
				width: 13rem !important;
                border: #ffffff !important;
                bottom: 10px !important;
                background-color: #FFFFFF !important;
                font-family: "Arial", sans-serif;
                font-weight: bold;
                color: #fff !important;
                height: 38px !important;
                min-width: 12em !important;
                max-width: 14.5rem !important;
                padding: inherit !important;
                padding-right: 10px !important;
                border-radius: 23px !important;
                transition-property: right;
                transition-duration: .3s;
                transition-timing-function: ease-out;
                background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
                box-sizing: border-box;
                margin: 0;
                box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
                line-height: 1;
                font-size: .875em;
                text-shadow: none;
                display: flex;
                align-items: center;
                text-decoration: none !important;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI .minimizedImage {
                display: none !important;
                }
                
                .embeddedServiceSidebarMinimizedDefaultUI .minimizedImage img, .embeddedServiceSidebarMinimizedDefaultUI .minimizedImage .uiImage {
                width: 40px !important;
                height: 40px !important;
                }

                .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
                display: none !important;
                }
                .embeddedServiceLiveAgentQueuePosition .embeddedServiceIcon>svg {
                fill: rgb(255, 255, 255) !important;
                }
                .embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls .loadingBall {
                background-color: transparent !important;
                }
                .embeddedServiceLiveAgentStateWaiting .embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls {
                width: 60px !important;
                height: 55px !important;
                background-image: url('https://preprodtel-telstrab2b--preprod.cs151.force.com/chat/resource/1595419093000/TeCom_LiveChat_Loading_Asset') !important;
                }
                .embeddedServiceLiveAgentStateWaiting .embeddedServiceLoadingBalls {
                padding-top: 20px !important;
                background-color: transparent !important;
                }
                
                .embeddedServiceLoadingBalls.animated .loadingBall {
                background-color: transparent !important;
                }
                
                .embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
                padding: 12px 0;
                line-height: normal;
                width: 100% !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 24px;
                font-weight: bold;
                letter-spacing: -.5px;
                line-height: 30px;
                text-align: center;
                }
                
                .embeddedServiceLiveAgentStateChat .chatSessionStartTime {
                flex-grow: 0 !important;
                }
                
                .embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
                text-align: left;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 15px;
                letter-spacing: -0.2px;
                line-height: 19.6px;
                }
                
                .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
                border-radius: 24px;
                background-color: #EDEDED !important;
                }
				
				.embeddedServiceSidebarFormField .uiInput .required {
					position: absolute;
					color: rgb(194, 57, 52);
					left: -10px;
					top: 0;
				}
                
                .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
                width: 285px;
                border-radius: 24px;
                background-color: rgba(179,224,253,0.21) !important;
                }
                
                .announcement[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
                animation: none !important;
                -webkit-animation: none !important;
                }
                
                
                button[embeddedService-chatHeader_chatHeader].minimizeButton {
                height: 24px;
                width: 24px;
                min-width: 24px;
                background-repeat: no-repeat;
                background-position-y: bottom;
                background-repeat: no-repeat;
                background: none;
                border: none;
                outline:none;
                background-repeat: no-repeat;
                font-size: 24px;
                letter-spacing: -0.3px;
                line-height: 24px;
                padding-bottom: 0.5rem;
                text-align: center;
                }
                
                .embeddedServiceLiveAgentQueuePosition .queuePositionMessage {
                margin: 8px 0;
                width: 327px;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                line-height: 25.2px;
                text-align: center;
                letter-spacing: -.15px;
                }
                
                .embeddedServiceSidebarDialogState #dialogTextTitle {
                width: 100% !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 24px;
                font-weight: bold;
                letter-spacing: -.5px;
                line-height: 30px;
                text-align: center;
                }
                
                .embeddedServiceSidebarDialogState #dialogTextBody {
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                line-height: 25.2px;
                text-align: center;
                }
                
                h2[embeddedService-chatHeader_chatHeader] {
                font-family: "Telstra Akkurat" !important;
                font-weight: bold !important;
                line-height: 30px !important;
                display: inline!important;
                height: auto!important;
                font-size: 18px !important;
                text-align: center;
                }
                
                button[embeddedService-chatHeader_chatHeader].closeButton 
                {
                height: 32px;
                width: 32px;
                min-width: 32px;
                background-repeat: no-repeat;
                background-position-y: bottom;
                background-repeat: no-repeat;
                background: none;
                outline:none;
                border: none;
                font-size: 24px;
                letter-spacing: -0.3px;
                line-height: 24px;
                text-align: center;
                }
                
                .embeddedServiceHelpButton .helpButton {
                
                width: auto !important;
                font-size: 18px !important;
                }
                
                button.startButton.uiButton--default.uiButton.embeddedServiceSidebarButton {
                outline: 2px solid #0064D2 !important;
                height: 56px;
                width: 327px;
                text-decoration: none !important;
                border-radius: 0px !important;
                }
                
                .embeddedServiceSidebarButton:not(:disabled):focus, .embeddedServiceSidebarButton:not(:disabled):hover {
                outline: none !important;
                background: #0264D2 !important;
                }
                
                .embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
                background-color: #E6E6E6 !important;
                color: black !important;
                }
                
                .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorText {
                padding: 15px 8px
                }
                .headerTextContent {
                
                background-image: url('https://tb2bqa2-telstrab2b--tb2bqa2.cs116.force.com/chat/resource/1593007906000/logo_tecom') !important;
                background-repeat:no-repeat;
                background-position-y: center;
                }
                
                #headerTextLabel { 
                color:#FFF; 
                padding: 8px 20px 1px;
                font-weight: bold;
                }
                
                .embeddedServiceSidebarButton.uiButton--inverse .label {
                color: #0074bd !important;
                height: 19px;
                color: #0064D2;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: bold;
                letter-spacing: -0.5px;
                line-height: 19px;
                text-align: center;
                }
                
                .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
                background: #0264D2 !important;
                text-decoration-color: #0074bd !important;
                }
                
                .embeddedServiceLiveAgentQueuePosition .queuePositionNumber {
                padding-top: 3rem !important;
                }
                
                .embeddedServiceHelpButton .helpButton .uiButton:focus {
                text-decoration: none!important;
                }
                .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled { display: none;}
                
                .embeddedServiceSidebarFormField .uiInput .uiLabel-left {
                margin-left: 16px;
                }
                
                .embeddedServiceSidebarForm.buttonWrapper {
                bottom: 65px;
                }
                
                .embeddedServiceSidebarForm.buttonWrapper1 {
                padding-top: 0px;
                }
                
                .embeddedServiceSidebarFormField.inputSplitName {
                width: calc(90% - 1px);
                display: inline-block;
                vertical-align: top;
                }
                
                .embeddedServiceSidebarFormField .uiInput .uiLabel-left {
                height: 20px !important;
                width: 95.5px !important;
                color: #414141 !important;
                font-family: "Telstra Akkurat" !important;
                font-size: 16px !important;
                font-weight: bold !important;
                letter-spacing: 0.1px !important;
                line-height: 19px !important;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .FirstName {
                
                height: 22px;
                margin-top: 5px;
                width: 340px;
                border: 0;
                box-shadow: 0px 0px 0px -9px #ebebeb, 0px 10px 0px -8px #dac7c7;
                -webkit-transition: box-shadow 0.3s;
                transition: box-shadow 0.3s;
                outline: none;
                background: none !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                letter-spacing: -0.15px;
                line-height: 25px;
                transition: all .5s ease;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .FirstName:focus, li.inputSplitName.embeddedServiceSidebarFormField .FirstName:hover{
                outline: none;
                box-shadow: 0px 0px 0px -9px #4EA6EA, 0px 10px 0px -8px #4EA6EA;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .LastName {
                
                height: 22px;
                margin-top: 5px;
                width: 340px;
                border: 0;
                box-shadow: 0px 0px 0px -9px #ebebeb, 0px 10px 0px -8px #dac7c7;
                -webkit-transition: box-shadow 0.3s;
                transition: box-shadow 0.3s;
                outline: none;
                background: none !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                letter-spacing: -0.15px;
                line-height: 25px;
                transition: all .5s ease;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .LastName:focus, li.inputSplitName.embeddedServiceSidebarFormField .LastName:hover {
                outline: none;
                box-shadow: 0px 0px 0px -9px #4EA6EA, 0px 10px 0px -8px #4EA6EA;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c {
                height: 22px;
                margin-top: 5px;
                width: 340px;
                border: 0;
                box-shadow: 0px 0px 0px -9px #ebebeb, 0px 10px 0px -8px #dac7c7;
                -webkit-transition: box-shadow 0.3s;
                transition: box-shadow 0.3s;
                outline: none;
                background: none !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                letter-spacing: -0.15px;
                line-height: 25px;
                transition: all .5s ease;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c:focus, li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c:hover {
                outline: none;
                box-shadow: 0px 0px 0px -9px #4EA6EA, 0px 10px 0px -8px #4EA6EA;
                }
                
                
                li.inputSplitName.embeddedServiceSidebarFormField .Email {
                height: 22px;
                margin-top: 5px;
                width: 340px;
                border: 0;
                box-shadow: 0px 0px 0px -9px #ebebeb, 0px 10px 0px -8px #dac7c7;
                -webkit-transition: box-shadow 0.3s;
                transition: box-shadow 0.3s;
                outline: none;
                background: none !important;
                color: #414141;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                letter-spacing: -0.15px;
                line-height: 25px;
                transition: all .5s ease;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .Email:focus, li.inputSplitName.embeddedServiceSidebarFormField .Email:hover {
                outline: none;
                box-shadow: 0px 0px 0px -9px #4EA6EA, 0px 10px 0px -8px #4EA6EA;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .Phone {
                height: 22px;
                margin-top: 5px;
                width: 340px;
                border: 0;
                box-shadow: 0px 0px 0px -9px #ebebeb, 0px 10px 0px -8px #dac7c7;
                -webkit-transition: box-shadow 0.3s;
                transition: box-shadow 0.3s;
                outline: none;
                background: none !important;
                color: #AAA;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: 300;
                letter-spacing: -0.15px;
                line-height: 25px;
                transition: all .5s ease;
                }
                
                li.inputSplitName.embeddedServiceSidebarFormField .Phone:focus, li.inputSplitName.embeddedServiceSidebarFormField .Phone:hover {
                outline: none;
                box-shadow: 0px 0px 0px -9px #4EA6EA, 0px 10px 0px -8px #4EA6EA;
                }
                
                .embeddedServiceSidebarFormField .uiInput {
                text-align: left;
                margin-bottom: 0px !important;
                }
                
                .startButton{
                background-color: #FFFFFF !important;
                outline: 2px solid #0064D2;
                }
                
                .dialogButton{
                background-color: #FFFFFF !important;
                outline: 2px solid #0064D2 !important;
                height: 56px;
                width: 100% !important;
                text-decoration: none !important;
                border-radius: 0px !important;
                }
                
                .dialogButton .label{
                color: #0064D2 !important;
                height: 19px;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: bold;
                letter-spacing: -0.5px;
                line-height: 19px;
                text-align: center;
                }
                .waitingCancelChat {
                box-sizing: border-box;
                height: 56px;
                width: 100% !important;
                border: 2px solid #0064D2;
                background-color: #FFFFFF;
                border-radius: 0px !important;
                text-decoration: none !important;
                }
                .startButton .label{
                overflow: inherit !important;
                color: #0064D2 !important;
                height: 19px;
                font-family: "Telstra Akkurat";
                font-size: 18px;
                font-weight: bold;
                letter-spacing: -0.5px;
                line-height: 19px;
                text-align: center;
                }
                
                .message{
                font-weight:600;
                }
                .button:hover{
                background-color: #FFFFFF;
                }
                .embeddedServiceSidebarButton{
                font-weight:600;
                }
                
                .embeddedServiceSidebarButton:not(:disabled):hover {
                background: #0064D2 !important;
                }
                
                .startButton .label:hover, .startButton :hover .label {
                color: #fff !important;
                }
                .waitingCancelChat:not(:disabled):hover {
                background: #871037 !important;
                }
                
                .embeddedServiceSidebarButton .label:hover, .embeddedServiceSidebarButton:focus .label{
                color: #fff !important;
                font: 15px;
                }
                .embeddedServiceSidebarButton .label:hover, .embeddedServiceSidebarButton:hover .label {
                color: white !important;
                }
                .agentAvatarsContainer .embeddedServiceLiveAgentStateChatAvatar {
                display:none;
                }
                .embeddedServiceSidebarHeader .headerChevron {
                margin: 1px 0 0 8px;
                align-self: center;
                }
                .embeddedServiceSidebarHeader .headerTextContent {
                display: inline;
                padding-top : 4px;
                }
                .embeddedServiceSidebarHeader.extended .headerChevron {
                align-self: center;
                }
                .embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before, .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {
                background-color:grey !important;
                }
                .embeddedServiceSidebarMinimizedDefaultUI .messageContent {
                justify-content: center !important;
                }

                .embeddedServiceLiveAgentStateChatHeaderOption:hover {
                color:white !important;
                }
                .embeddedServiceLiveAgentStatePostchat iframe {
                height: 100%;
                width: calc(100% - 8px);
                border-style: hidden;
                margin: 4px 4px 0 4px;
                }
				
				
			@media all and (device-width: 360px) and (device-height: 640px) and (orientation:portrait) {
				
				li.inputSplitName.embeddedServiceSidebarFormField .FirstName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .LastName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Email {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Phone {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.waitingCancelChat {
					width: 100% !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100%;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100%;
				}
				
				.dialogButton {
					width: 100%;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
			}
			
			
			@media all and (device-width: 640px) and (device-height: 360px) and (orientation:landscape) {
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 190px) !important;
					left: 70px !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 40%) !important;
					left: 80px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
			}
				
			@media all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait) {
					
				.embeddedServiceHelpButton .helpButton {
					width: auto !important;
					font-size: 18px !important;
					bottom: 5% !important;
				}
                
                .embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
					overflow: hidden;
					white-space: nowrap;
					height: 20px;
					font-size: 14px;
					font-family: "Telstra Akkurat";
					font-weight: bold;
					letter-spacing: -0.1px;
					line-height: 20px;
					text-overflow: ellipsis;
				}
                
                .embeddedServiceHelpButton .embeddedServiceIcon{
                margin-right:auto !important;
                }
                .embeddedServiceHelpButton .helpButton .uiButton {
                outline: none !important;
				bottom: -15px !important;
				background-color: #FFFFFF !important;
				font-family: "Arial", sans-serif;
				font-weight: bold;
				color: #fff !important;
				height: 42px !important;
				max-width: 14.5rem !important;
				padding: inherit !important;
				padding-right: 10px !important;
				border-radius: 23px !important;
				transition-property: right;
				transition-duration: .3s;
				transition-timing-function: ease-out;
				background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
				}
				
				h2[embeddedService-chatHeader_chatHeader] {
					font-size: 14px !important;
				}
				.cPreChat .welcomeMessage {
					height: 75.6px;
					width: auto !important;
					color: #414141;
					font-family: "Telstra Akkurat";
					font-size: 17px;
					font-weight: 300;
					line-height: 25.2px;
					text-align: initial;
					letter-spacing: .15px !important;
				}
				
				.cPreChat .welcomePreChat {
					margin-top: 0px !important;
					font-size: 18px !important;
					font-weight: normal !important;
					margin-bottom: 10px;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .FirstName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .LastName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Email {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Phone {
					width: 100% !important;
				}
				
				.cPreChat .startButtonPrechat {
					width: 280px !important;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: auto !important;
				}
				
				.dialogButton {
					width: 100% !important;
				}
				
				.waitingCancelChat {
					width: 100% !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100% !important;
				}
				
				button.startButton.uiButton--default.uiButton.embeddedServiceSidebarButton {
					width: 260px !important;
				}
				
            }
			
			@media all and (device-width: 568px) and (device-height: 320px) and (orientation:landscape) {
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 190px) !important;
					left: 70px !important;
				}
				
				.embeddedServiceHelpButton .helpButton {
					width: auto !important;
					font-size: 18px !important;
					bottom: 5% !important;
				}
				.cPreChat .back {
					padding-top: 0px;
					padding-bottom: 5px;
				}

				.dialogButton {
					height: 44px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls {
					visibility: hidden !important;
				}
				
				.waitingCancelChat {
					height: 44px !important;
				}
                
                .embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
					overflow: hidden;
					white-space: nowrap;
					height: 20px;
					font-size: 14px;
					font-family: "Telstra Akkurat";
					font-weight: bold;
					letter-spacing: -0.1px;
					line-height: 20px;
					text-overflow: ellipsis;
				}
                
                .embeddedServiceHelpButton .embeddedServiceIcon{
                margin-right:auto !important;
                }
                .embeddedServiceHelpButton .helpButton .uiButton {
                outline: none !important;
				bottom: -15px !important;
				background-color: #FFFFFF !important;
				font-family: "Arial", sans-serif;
				font-weight: bold;
				color: #fff !important;
				height: 42px !important;
				max-width: 14.5rem !important;
				padding: inherit !important;
				padding-right: 10px !important;
				border-radius: 23px !important;
				transition-property: right;
				transition-duration: .3s;
				transition-timing-function: ease-out;
				background: linear-gradient(90deg,#387396,#1c9abf 65.56%,#19c8da);
				}
			}
			
			@media all and (device-width: 375px) and (device-height: 667px) and (orientation:portrait) {
				
				.cPreChat .welcomeMessage {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .FirstName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .LastName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Email {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Phone {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.waitingCancelChat {
					width: 100% !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100%;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100%;
				}
				
				.dialogButton {
					width: 100%;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 667px) and (device-height: 375px) and (orientation:landscape){
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 290px) !important;
					left: 110px !important;
				}
				
				.cPreChat .back {
					padding-top: 0px;
					padding-bottom: 5px;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 414px) and (device-height: 736px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 39px) !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 736px) and (device-height: 414px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 49%) !important;
					left: 20% !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 375px) and (device-height: 812px) and (orientation:portrait) {
				
				.cPreChat .welcomeMessage {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					height: calc(100% - 10%) !important;
					top: 5% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .FirstName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .LastName {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Email {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Company_Name__c {
					width: 100% !important;
				}
				
				li.inputSplitName.embeddedServiceSidebarFormField .Phone {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.waitingCancelChat {
					width: 100% !important;
				}
				
				.dialogButton {
					width: 100% !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100% !important;
				}
				
			}
			
			@media all and (device-width: 812px) and (device-height: 375px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 54%);
					left: 23% !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.cPreChat .back {
					padding-top: 0px !important;
					padding-bottom: 5px !important;
				}
				
			}
			
			@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					    width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 50%) !important;
					height: calc(100% - 30%) !important;
					top: 25% !important;
					left: 20% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}

			}
			
			@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 63%) !important;
					left: 25% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 10px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
					
			}
			
			@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					    width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 63%) !important;
					height: calc(100% - 38%) !important;
					left: 25% !important;
					top: 33% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 15px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.cPreChat.u1621 {
					padding-top: 200px !important;
				}
				
			}
			
			@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					    width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 72.5%) !important;
					height: calc(100% - 25%) !important;
					left: 33% !important;
					top: 20% !important;
				}
				
				.cPreChat.u1621 {
					padding-top: 200px !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 15px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 411px) and (device-height: 823px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 15px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100% !important;
				}
				
			}
			
			@media all and (device-width: 823px) and (device-height: 411px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 54%) !important;
					left: 24% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 412px) and (device-height: 823px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 15px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100% !important;
				}
				
			}
			
			@media all and (device-width: 823px) and (device-height: 412px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 54%) !important;
					left: 24% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}
			
			@media all and (device-width: 412px) and (device-height: 869px) and (orientation:portrait) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarFeature ul, .embeddedServiceSidebarFeature li {
					padding-bottom: 15px !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingGreeting, .embeddedServiceLiveAgentStateWaiting .waitingMessage {
					width: 100% !important;
				}
				
				.embeddedServiceSidebarDialogState #dialogTextTitle {
					width: 100% !important;
				}
				
			}
			
			@media all and (device-width: 869px) and (device-height: 412px) and (orientation:landscape) {
				
				.sidebarHeader[embeddedService-chatHeader_chatHeader] {
					width: 100% !important;
				}
				
				.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
					max-width: calc(100% - 54%) !important;
					left: 24% !important;
				}
				
				.embeddedServiceSidebarState.stateBody {
					overflow-y: auto !important;
				}
				
				.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
					overflow-y: auto !important;
				}
				
				.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
					font-size: 22px !important;
				}
				
			}