#popupMessageWrapper{position: fixed; top: 75px; right: 0; height: calc(100vh - 75px); width: 1px; border: 1px solid red; z-index: 10;}

.popupMessageContainer{
    width: 400px; height: 70px; margin-top: 10px; border-radius: 3px; border: 1px solid silver;
    animation-name: slideLeftToRight, displayNone;  animation-duration: 10s, 0.1s; animation-delay: 0s, 10s;
}
.popupMessageContainer > div{display: inline-block;}
.popupMessageContainer .iconWrapper{width: 10%;}
.popupMessageContainer .messageWrapper{width: 80%;}
.popupMessageContainer .optionsWrapper{width: 10%;}
.popupMessageContainer .optionsWrapper .closeBtn{cursor: pointer;}

@keyframes slideLeftToRight {
    0%   {  transform:translateX(0); display: none;}
    10%  {  transform:translateX(-400px); }
    90%  {  transform:translateX(-400px); }
    100% {  transform:translateX(0); }
}

@keyframes displayNone {
    0%   {  display: block; }
    100% {  display: none; }
}