Модальное время ожидания сеанса скрывается за уже открытым диалогом

Question

Это Angular4 с приложением Bootstrap4, у меня есть модальное время ожидания сеанса, которое прекрасно работает, если открыт другой мод (он отображается поверх второго модального режима), но проблема в том, что если диалоговое окно открыто, модальное время ожидания сеанса отображается позади.диалоговое окно.Я уже установил значение z-index для времени ожидания сеанса 99999 !, а значение диалогового окна z-index очень мало, но проблема все еще существует.Я знаю, что это проблема CSS Styling?Что еще я пропустил?Я хочу, чтобы модальное время ожидания сеанса отображалось в верхней части диалогового окна

Ниже приведен код для диалогового окна

<div class= "row">
    <dialog id="d1">            
    </dialog>
</div>

CSS:

 dialog#d1 {
            top:50px;
            width: 200px;
            height: 300px;
            z-index: 5;  
            position: fixed;      
        }  

НижеВ качестве исходного кода для модального примера sessionTimeout DialogService будет вызывать модальное время ожидания сеанса при достижении времени ожидания [https://embed.plnkr.co/plunk/4ey4Mn][1]

Css, установленное для режима Modal:

.custom-show {
    z-index: 99000 !important;
}