
 	.cx-common-container .cx-titlebar {
        background-color: #333333 !important;
    }

    /* Webchat Agent / Chatbot */
    .cx-webchat .cx-transcript .cx-message.cx-them .cx-name {
        color: #000 !important;
    }

    .cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble {
        background-color: lightgrey !important;
    }

    .cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble-arrow svg * {
        fill: lightgrey !important;
    }

    .cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant.cx-them .cx-bubble {
        color: #000;
        background-color: lightgrey !important;
    }

    /* Webchat Participant */
    .cx-webchat .cx-transcript .cx-message.cx-you .cx-name {
        color: #fff !important;
    }

    .cx-webchat.cx-theme-light .cx-message.cx-you .cx-bubble {
        background-color: #333 !important;
    }

    .cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant.cx-you .cx-bubble {
        color: #fff !important;
        background-color: #333 !important;
    }

    /* Theme */
    .cx-widget.cx-theme-light .cx-svg-icon-tone1 {
        fill: #326FA8 !important;
    }
    
    .cx-widget.cx-theme-light.cx-minimize .cx-svg-icon-tone1 {
        fill: #FFFFFF !important;
    }

    .cx-widget.cx-theme-light {
        color: #000 !important;
        background-color: #fff !important;
        scrollbar-face-color: #CCCCCC !important;
    }

    .cx-webchat .cx-alert>.cx-wrapper {
        margin: 0 16px !important;
        background-color: #fff !important;
        padding: 0 24px 24px 24px !important;
        border: 1px solid #000 !important;
    }

    .cx-webchat div.cx-input-container .cx-message-input {
        color: #000 !important;
    }

    .cx-widget.cx-theme-light .cx-titlebar .cx-title {
        color: #fff !important;
        font-weight: 500 !important;
    }

    .cx-widget.cx-theme-light .cx-btn-primary {
        color: #FDFDFD !important;
        border-color: #326fa8 !important;
        background: #326fa8;
    }

    .cx-widget.cx-theme-light .cx-btn-default {
        background: none!important;
        border-color: #000 !important;
        color: #000 !important;
        background-color: #FDFDFD !important;
    }

    .cx-webchat .cx-body {
        padding: 0 !important;
        overflow: visible !important;
        position: relative !important;
        background-color: #fff !important;
        color: #000 !important;
    }

    .cx-common-container .cx-footer .cx-powered-by {
        visibility: hidden !important;
        display: none  !important;
        background-color: #fff  !important;
    }

    .cx-webchat.cx-disabled.cx-theme-light .cx-input-container {
        background: #fff  !important;
    }

    .cx-widget.cx-theme-light .cx-footer,
    .cx-widget.cx-theme-light .cx-branding {
        background-color: #fff  !important;
    }

    .cx-webchat .cx-transcript .cx-message.cx-them {
        color: #000  !important;
    }

    /* .body-font {
        font: .8125rem/1.313rem "Sofia Pro Light", "Sofia Pro Semibold", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
    }

    .cx-widget {
        font: .8125rem/1.313rem "Sofia Pro Light", "Sofia Pro Semibold", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    } */

    .cx-side-button-group {
        right: unset !important;
    }
    


    /* New CSS for LC */
     .cx-side-button-group{
	    z-index: 10000 !important;
		bottom: 40px !important;
		right: 0 !important;
		margin: 20px !important;
		top: auto !important;
	}

	
	.cx-webchat-chat-button {
	    border-radius: 50% !important;
		-webkit-transform: rotate(90deg) !important;
		-moz-transform: rotate(90deg) !important;
		-ms-transform: rotate(90deg) !important;
		-o-transform: rotate(90deg) !important;
		transform: rotate(90deg) !important;
	}
	
	.cx-chat-button-label {
        font-size: 0 !important;
        position: absolute !important;
	}

    @media only screen and (max-width: 600px) {
        .cx-chat-button-label {
            display: none!important;
        }
    }
	
	.cx-icon{
		margin: 2px 2px 6px 2px !important;
	}
	
	.cx-widget.cx-side-button-group{
		z-index: 100001 !important;
	}
	
	.cx-widget button, .cx-widget input, .cx-widget optgroup, .cx-widget select, .cx-widget textarea {
		font-weight: normal;
	}
	
	@media only screen and (max-width: 600px) {
        .cx-widget.cx-common-container.cx-webchat{
            height: 100%;
            width: 100%;
            right: 0!important;
        }

        .cx-widget.cx-common-container.cx-webchat .cx-button-group .cx-btn{
            margin:7px 0;
        }

        .cx-widget.cx-common-container.cx-webchat .cx-button-minimize{
            margin-right: 20px!important;
        }

         .cx-webchat .cx-body, .cx-webchat .cx-body > div {
                height: 100%;
        }

        .cx-webchat .cx-transcript {
            height: calc(100% - 190px)!important;
        }
    
        .cx-widget *{
            font-size:16px!important;
        }
        .cx-loading-screen{
            left:50%!important;
        }
        
        .cx-body .cx-button-group {
        	display: flex;
        	flex-direction: column;
        }
        
        button, input[type=email], input[type=password], input[type=radio].custom, input[type=submit], input[type=text], select {
    		-webkit-appearance: none;
		}
    }
    
    @media only screen and (max-width: 1199px) {
		.cx-side-button-group{
	    	z-index: 10000 !important;
			bottom: 40px !important;
			right: 0 !important;
			margin: 20px !important;
			top: auto !important;
	}
}