.announce-indicator {
    width: 49px;
    height: 72px;
    padding: 16px 0px 16px 0px;
    gap: 8px;
    border-radius: 16px 0px 0px 16px;
    opacity: 1; /* Set opacity to make it visible */
    position: fixed;
    /**top: 40%;**/
    top: 230px;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cmty-white);
    box-shadow: 0px 0.6px 1.8px 0px var(--cmty-neutrals-web-gray400);
    box-shadow: 0px 3.2px 7.2px 0px var(--cmty-neutrals-web-gray390);
    z-index: 9;
}

.announce-indicator .indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    opacity: 1; /* Set opacity to make it visible */
}

.announce-indicator .mega {
    width: 28px;
    height: 28px;
    padding: 1.49px 1.5px 2px 3px;
    gap: 0;
    opacity: 1; /* Set opacity to make it visible */
    position: relative;
}

.announce-indicator .shape {
    width: 23.5px;
    height: 24.51px;
    top: 1.5px;
    left: 3px;
    gap: 0;
    opacity: 1; /* Set opacity to make it visible */
    angle: -0 deg;
    position: relative;
}

.announce-indicator img {
    width: 100%;
    height:100% ;
   
}
.announce-indicator .unread-symbol{
    width:6px;
    height: 6px;
    border-radius: 50px;
    background: var(--cmty-error-red55);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}


/**Sessiion ID**/
#sessionId{
    top: 166px;
    padding: 0;
    height: 35px;
    width: 49px;
}
#sessionId img{
    width: 25px;
    height: 25px;
}
#tooltip-text{
    font-family: var(--cmty-font-family);
    background: var(--cmty-neutrals-web-gray30);
    display: block;
    width: 100%;
    border: 1px solid var(--cmty-neutrals-web-gray10);
    padding: 8px 5px;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}
.session-tooltip {
    font-family: var(--cmty-font-family);
    display: none;
    position: absolute;   
    background-color: var(--cmty-white);
    color: var(--cmty-neutrals-web-gray160);
    text-align: left;
    border-radius: 2px;
    padding: 16px; 
    z-index: 1;
    bottom: initial; 
    margin-left: initial;
    min-width: 224px;
    font-size: var(--cmty-font-size-xs);
    box-shadow: 0px 3.2px 7.2px rgb(0 0 0 / 13%), 0px 0.6px 1.8px rgb(0 0 0 / 11%);
    line-height: 16px;
    min-width: 320px;

}
.session-tooltip h3{
    font-family: var(--cmty-font-family);
    font-size: 18px;
    color: #323130;
    margin: 0 0 15px;
    font-weight: 400;
}
.session-action{
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.session-tooltip::after{
    content: "";
    position: absolute;
    top: 13%;
    right: -24px;
    left: initial;
    margin-top: -12px;
    margin-left: initial;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent  var(--cmty-white);
}
.session-tooltip p{
    font-size: var(--cmty-font-size-xs);
    color: var(--cmty-neutrals-web-gray160);
    margin: 0;
    padding: 8px 0 0;
}
.session-tooltip button{
    margin-top: 10px;
    display: flex;
    gap: 7px;
}
.session-tooltip .copy-btn { 
}
.msd-btn-primary {
  color: var(--cmty-white) !important;
  background: var(--cmty-dymamics-primary);
  border-color: var(--cmty--msd-btn-primary-border-color);
}

.msd-btn-primary:focus,
.msd-btn-primary.focus {
  color: var(--cmty-white);
  background-color: var(--cmty-dymamics-primary-shade20);
  border-color: var(--cmty--msd-btn-primary-border-focus-color);
}
.msd-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600 !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 5px 20px;
  font-size: var(--cmty-btn-font-size) !important;
  line-height: 20px !important;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none !important;
}
.msd-btn-primary:hover {
  color: var(--cmty-white);
  background-color: var(--cmty-dymamics-primary-shade10);
  border-color: var(--cmty--msd-btn-primary-border-hover-color);
}
.msd-btn-primary:active:hover,
.msd-btn-primary:active:focus,
.msd-btn-primary:active.focus,
.msd-btn-primary.active:hover,
.msd-btn-primary.active:focus,
.msd-btn-primary.active.focus,
.msd-btn-primary:active,
.msd-btn-primary.active,
.open > .dropdown-toggle.msd-btn-primary {
  color: var(--cmty-white);
  background-color: var(--cmty-dymamics-primary-shade20);
  background-image: none;
  border-color: var(--cmty--msd-btn-primary-border-focus-color);
}

.msd-btn-primary.disabled {
  background-color: var(--cmty-dymamics-primary-shade20);
  color: var(--cmty-white) !important;
  border-color: var(--cmty-dymamics-primary-shade20);
}

.msd-button--secondary {
  border: 1px solid var(--cmty-neutrals-web-gray110);
  background-color: var(--cmty-white);
  color: var(--cmty-neutrals-web-gray160);
}
.msd-button--secondary:hover {
  border: 1px solid var(--cmty-neutrals-web-gray110);
  background-color: var(--cmty-neutrals-web-gray20);
  color: var(--cmty-neutrals-web-gray190);
    text-decoration: none !important;
}
.msd-button--secondary:focus,
.msd-button--secondary.focus {
  background-color: var(--cmty-neutrals-web-gray20);
  outline: 5px auto var(--cmty-dymamics-primary-shade110) !important;
  outline-offset: 3px;
    color: var(--cmty-neutrals-web-gray160);
}
.msd-button--secondary:active,
.msd-button--secondary.active,
.msd-button--secondary:active:hover,
.msd-button--secondary:active:focus,
.msd-button--secondary:active.focus,
.msd-button--secondary.active:hover,
.msd-button--secondary.active:focus,
.msd-button--secondary.active.focus {
  border: 1px solid var(--cmty-neutrals-web-gray110);
  background-color: var(--cmty-neutrals-web-gray20);
  color: var(--cmty-neutrals-web-gray190);
    text-decoration: none !important;
}
/**Session ID ends**/
