.cds-luh {
     align-items: flex-end;
     bottom: 16px;
     display: flex;
     position: fixed;
     right: 16px;
     z-index: 9999;
     flex-direction: column;
            }

.cds-luh__CA {
    cursor: pointer;
    transition: all .2s ease-in-out;
    color: #fff;
    background: #379504;
    box-shadow: var(--muse-elevation-high);
    border-radius: var(--muse-radius-circle);
    width: 54px;
    height:54px;
 
}
 
.cds-luh__proactive {
     bottom: 16px;
     display: flex;
     position: fixed;
     right: 84px;
     z-index: 9999;
     flex-direction: row;
            }
                .dmi-app-exit{
                    cursor: pointer;    
}
 
.cds-luh__proactive:after {
	content: '';
    position: absolute;
    right: 0;
	margin-right: -4px;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-right: var(--muse-border-width-regular) solid var(--muse-border-default);
    border-bottom: var(--muse-border-width-regular) solid var(--muse-border-default);
	bottom: 20%;
    transform: rotate(-45deg);
	box-shadow: 0px 4px 12px 0px rgba(27, 28, 29, 0.16);
}

.cds-luh__proactive:has(.cds-proactive-chat:hover):after{
	background-color: var(--muse-background-neutral-darker);
    border-right: var(--muse-border-width-regular) solid var(--muse-border-default-darker);
    border-bottom: var(--muse-border-width-regular) solid var(--muse-border-default-darker);
}
 
.cds-luh__CA:hover {
    transform: scale(1.1);
}
 
.cds-proactive-chat{
cursor: pointer;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px;
background: #FFFFFF;
border-radius: var(--muse-radius-20);
box-shadow: 0px 4px 12px 0px rgba(27, 28, 29, 0.16);
border : var(--muse-border-width-regular) solid var(--muse-border-default);
}

.cds-proactive-chat span{ 
/* font-family: var(--muse-font-family-default); */
font-family: CiscoSans,sans-serif;
font-style: normal;
font-weight: var(--muse-font-weight-300);
font-size: var(--muse-font-size-20);
line-height: var(--muse-line-height-20);
color: var(--theme-color-default-text);
text-align : start;
direction : ltr;
}
 
.cds-proactive-chat-close{
width: 24px;
height: 24px;
background: #FFFFFF;
box-shadow: 0px 4px 12px 0px rgba(27, 28, 29, 0.16);
border-radius: var(--muse-radius-circle);
margin-right : 8px;
text-align : center;
border : var(--muse-border-width-regular) solid var(--muse-border-default);
}
.cds-proactive-chat-close:hover , .cds-proactive-chat:hover {
  background :  var(--muse-background-neutral-darker);
  border : var(--muse-border-width-regular) solid var(--muse-border-default-darker);
}


.cds-proactive-chat-div{
margin-right: -6px;
padding-right:6px;
border-radius: var(--muse-radius-20);

}

.cds-proactive-chat-close:focus,.cds-proactive-chat-div:focus-within,.cds-luh__CA:focus{
	outline : var(--muse-border-width-thick) solid var(--muse-border-accent);
	outline-offset : 4px; 
	
}
.cds-proactive-chat:focus{
	outline: none;
}


.cds-proactive-chat-close__icon{
    font-size: 12px;
	vertical-align : middle;
}
                
            .cds-luh__proactive.closed{
                    display:none;
            }

html[dir="rtl"] .cds-luh__proactive{
    left: 84px;
    right:auto;
}

html[dir="rtl"] .cds-luh{
    left:16px;
    right:auto;
}
 
html[dir="rtl"] .cds-luh__proactive:after{
    transform: rotate(135deg);
    margin-left: -4px;
    left : 0;
    right : auto;
}
 
html[dir="rtl"] .cds-proactive-chat-close{
    margin-left : 8px;
 
}


html[dir="rtl"] .cds-proactive-chat-div{
margin-left: -6px;
padding-left:6px;
margin-right: 0;
padding-right: 0;

}
 
@media only screen and (min-width: 1024px),
       only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   .cds-proactive-chat{
    padding : 16px;
   }
 
   html[dir="rtl"] .cds-luh__proactive{
    left: 92px;
    right:auto;
   }
    
   .cds-luh__proactive {
   bottom : 20px;
   right : 92px;
   }
    
   .cds-luh {
   bottom : 20px;
   right : 20px;
  }
 
  html[dir="rtl"] .cds-luh{
    left: 20px;
    right:auto;
   } 
  
}