Как поместить div справа с абсолютной позицией

У меня есть страница, на которой должно отображаться окно динамического сообщения, не нарушая реальную страницу. Это окно сообщения должно появиться в правом верхнем углу страницы, перекрывая существующее содержимое.

Я пытался использовать position: absolute, но тогда я не смог разместить его в правом углу. Также я не могу использовать left, так как мне нужно поддерживать адаптивный дизайн от Bootstrap.

Вот пример разметки

    
        

            
            

                

                    

                        

                            
                            

                                Some message goes here
                            
                        
                    
                
            
            
            

                

                    
Documents
                
            
        
    

Это окно сообщения должно иметь ширину 50%по отношению к .container, а левая сторона окна сообщения не должна быть перекрывается им. т.е. мы должны иметь возможность щелкнуть/выбрать содержимое левой стороны.

Образец можно найти здесь.

Пожалуйста, помогите мне решить эту проблему.