.sidebarHeader[embeddedService-chatHeader_chatHeader] {
            height: 56px;
            padding: 5px 5px 5px 28px;
        }  
        
        .embedded-service {
            font-family: "Roboto Regular", sans-serif!important;
            font-size: 14px!important;
        }
        
        .embedded-service #esw-channelmenu_header.showAnimation{
            background-color: #001041;  
            color: white;
            padding: 10px 20px;
            min-height: 50px;
        }
        
        .embeddedServiceSidebar .sidebarBody{
            position: relative;
            margin-top: -10px;
            max-width: 100vw;
        }  
        
        .embedded-service .channelmenu_header > h2 {
            margin-bottom: 0;
            font-size: 14px;
        }
        
        .embedded-service .channelmenu_header > p {
            margin: 0;
            font-size: 14px;
        }

        .embeddedservice-chat-header lightning-icon, embeddedservice-chat-header svg.slds-icon-text-default {
            display: none;
        }

        .minimizeButton[embeddedService-chatHeader_chatHeader]{
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" class="slds-icon slds-icon-text-default slds-icon_x-small" focusable="false" data-key="minimize_window" aria-hidden="true" viewBox="0 0 52 52" part="icon" style="fill: white;"%3E%3Cg%3E%3Cpath d="M50 48.5c0 .8-.7 1.5-1.5 1.5h-45c-.8 0-1.5-.7-1.5-1.5v-3c0-.8.7-1.5 1.5-1.5h45c.8 0 1.5.7 1.5 1.5v3z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
        }

        .closeButton[embeddedService-chatHeader_chatHeader]{
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" class="slds-icon slds-icon-text-default slds-icon_x-small" focusable="false" data-key="close" aria-hidden="true" viewBox="0 0 52 52" part="icon" style="fill: white;"%3E%3Cg%3E%3Cpath d="M31 25.4l13-13.1c.6-.6.6-1.5 0-2.1l-2-2.1c-.6-.6-1.5-.6-2.1 0L26.8 21.2c-.4.4-1 .4-1.4 0L12.3 8c-.6-.6-1.5-.6-2.1 0l-2.1 2.1c-.6.6-.6 1.5 0 2.1l13.1 13.1c.4.4.4 1 0 1.4L8 39.9c-.6.6-.6 1.5 0 2.1l2.1 2.1c.6.6 1.5.6 2.1 0L25.3 31c.4-.4 1-.4 1.4 0l13.1 13.1c.6.6 1.5.6 2.1 0L44 42c.6-.6.6-1.5 0-2.1L31 26.8c-.4-.4-.4-1 0-1.4z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
        }
                 
        .embedded-service #esw-fab.showAnimation{
            background-image: url('https://betking--uat.sandbox.my.salesforce-sites.com/newlivechat/resource/helpButton');
            background-repeat: no-repeat;
            padding: 0;
            background-color: transparent;
            box-shadow: 0 0 0 0;
            background-size: contain;
            top: calc(50% - 38px);
            height: 78px;
            width: 30px; 
            border-radius: 0;
            left: 0px;
            overflow: initial;
        }
        
        .embedded-service #esw-menu-opened-fab-icon.icon_fab_container{
            margin-top: -166px;
            position: absolute;
            width: 40px;
            height: 30px;
            right: -330px;
            background: #001041;
            border-radius: 50%;
        }


        @media only screen and (max-width: 47.9375em) and (orientation: portrait){
            .embedded-service #esw-menu-opened-fab-icon.icon_fab_container {
                left: calc(100vw - 50px);
            }

            .embedded-service > #esw-modaloverlay.isMaximized+div#esw-container > button.fab {
                z-index: 13;
            }

            .embedded-service > #esw-modaloverlay.isMaximized+div#esw-container > div.channelmenu {
                z-index: 12;
            }

            .embedded-service > #esw-modaloverlay.isMaximized {
                z-index: 2;
            }

        }

        @media only screen and (max-width: 35.5em) and (orientation: portrait){
            .embedded-service #esw-menu-opened-fab-icon.icon_fab_container {
                left: calc(100vw - 50px);
            }

            .embedded-service > #esw-modaloverlay.isMaximized+div#esw-container > button.fab {
                z-index: 13;
            }

            .embedded-service > #esw-modaloverlay.isMaximized+div#esw-container > div.channelmenu {
                z-index: 12;
            }

            .embedded-service > #esw-modaloverlay.isMaximized {
                z-index: 2;
            }
        }

        .embedded-service > #esw-modaloverlay.isMaximized {
                z-index: 2;
        }
        
        .embedded-service #esw-menu-closed-fab-icon.icon_fab_container{
            display: none;
        }
        
        .embedded-service #esw-icon-question.esw-default_icon{
            display: none;
        }

        .embedded-service #esw-fab.showAnimation:focus{
            border-radius: 0;
            background-color: transparent;
        }
        
        .embedded-service #esw-fab.showAnimation:hover{
            border-radius: 0;
            background-color: transparent;
        }
            
        
        .embeddedServiceSidebarMinimizedFabDefaultUI button.fab:hover {
            background-color: transparent;
        } 
        
        .embeddedServiceSidebarMinimizedFabDefaultUI button.fab:focus {
            background-color: transparent;
        } 
        
        body button:hover, body .btn:hover, body .btnCancel:hover, body .menuButton .menuButtonButton:hover {
            background-position: right 0px;
        }
                
        .embedded-service .fab, .embedded-service .fab:hover, .embedded-service .fab:focus, .embedded-service .fab:active {
            background-color: transparent;
        }
        
        
        .embeddedServiceSidebarMinimizedFabDefaultUI.default .notification.showMinimizedNotification, .embeddedServiceSidebarMinimizedFabDefaultUI.alert .notification.showMinimizedNotification, .embeddedServiceSidebarMinimizedFabDefaultUI.info .notification.showMinimizedNotification {
            animation: fadein .5s;
            display: none;
        }
        
        
        .embeddedServiceSidebar.layout-float .dockableContainer {
            left: 7px;
            display: flex;
            align-items: flex-end;
            padding: 0px;
            gap: 8px;
            width: 360px;
            height: 640px;
        }
        
        [embeddedservice-chatheader_chatheader-host] {
            background-color: rgb(6, 33, 100);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            width: 360px;
            height: 56px;
            background: #001041;
        } 
        
        .embeddedServiceSidebarMinimizedFabDefaultUI {
            background-size: contain;
            max-height: 100%;
            background-color: transparent;
            background-image: url('https://betking--uat.sandbox.my.salesforce-sites.com/newlivechat/resource/chatMsg');
            background-repeat: no-repeat;
            padding: 0;
            border-radius: 0; 
            border-style: none;
            box-shadow: 0 0 0 0;
            left: 0px;
            top: calc(50% - 32px/2 + 35.2px);
            height: 38px;
            width: 32px; 
            overflow: inital;
        }
        
        .embeddedServiceSidebarMinimizedFabDefaultUI button.fab {
            display: none;
        }
        
        .embedded-service .channelmenu{
            visibility: visible;
            position: fixed;
            left: 30px;
            display: block;
            top: calc(50% - 150px);
            height: 300px;
            margin-right: 8px;
        }


        
        .embedded-service .channelmenu_ctas > li {
            margin-left: 0;
        }
        
        .embeddedServiceSidebarMinimizedFabDefaultUI .embeddedServiceIcon {
            display: none;
        }
        
        .embeddedServiceSidebar.sidebarMaximized.layout-float .minimizedContainer {
            display: none;
        }
        
        .embedded-service .fab:hover:before, .embedded-service .fab:focus:before {
            width: 0;
        }
        
        .embeddedServiceSidebarMinimizedFabDefaultUI.newMessage, .embeddedServiceSidebarMinimizedFabDefaultUI.idleTimeout {
            background-image: url('https://betking--uat.sandbox.my.salesforce-sites.com/newlivechat/resource/chatMsg');
            background-repeat: no-repeat;
            background-color: transparent;
            padding: 0;
            background-size: contain;
            max-height: 100%;
            padding: 0;
            border-radius: 0; 
            border-style: none;
            box-shadow: 0 0 0 0;
            left: 0px;
            top: calc(50% - 32px/2 + 35.2px);
            height: 38px;
            width: 32px; 
            overflow: inital;
        }
        

        
        .embeddedServiceSidebarMinimizedFabDefaultUI .content:focus{
            background-color: transparent;
        
        }