ELEGANTE

.unseenMessageNotification { position: absolute; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; top: -37px; left: 1px; cursor:pointer;} .unseenMessageNotification .unseenMessageBubble { display: none; } .unseenMessageNotification .slds-button { width: 40px; background: white; border: none; } .unseenMessageNotification .slds-button .slds-assistive-text { display: none; }

.slds-button {background: white; border: none; width: 33px; opacity: 0.5; cursor: pointer; } .slds-button .slds-assistive-text { display: none; }

.sidebarHeader { display: flex; justify-content: space-between; align-items: center; height: 49px !important;padding: 0 15px 0 24px;background-color: #FFFFFF;color: #000000;border-bottom:1px solid #D8D8D8;} .sidebarHeader h2 { font-size: 1.4rem;font-weight: 500;letter-spacing: 0.3px;text-transform: uppercase;} .sidebarHeader h2:before { content: "LIVE "} .sidebarHeader .minimizeButton , .sidebarHeader .closeButton { width: 25px; height: 25px;background: none;border: none;} .sidebarHeader .minimizeButton { margin-left: auto; margin-right: 15px; transform: translateY(-40%); } .sidebarHeader .minimizeButton .assistiveText , .sidebarHeader .closeButton .assistiveText { display: none; } .sidebarHeader .minimizeButton svg { width: 20px;}