Как присвоить z-index модальному окну в css

Дело в том что он присваивается элементом:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all modalfixed ui-draggable ui-dialog-buttons" style="outline-color: currentColor; outline-width: 0px; outline-style: none; height: auto; width: 500px; display: block; position: fixed; top: 281px; left: 179px; z-index: 1004;" tabindex="-1" role="dialog" aria-labelledby="ui-id-1">

Это z-index: 1004; хотелось бы удалить..


css у него так:

element.style { 
display: block;
height: auto;
left: 179px;
outline: 0px none currentColor;
position: fixed;
top: 281px;
width: 500px;
z-index: 1004;
}

z-index: 1004; может равняться и 1003 и 1006, тоесть плавующий


Где удалять этот параметр z-index что бы можно было прописать его в css? например так:

.ui-dialog { 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.298);
overflow: hidden;
padding: 0.2em;
position: absolute;
width: 300px;
z-index: 999999999999999999999999999999999999999999999999999999999999999999999;
}

Если прописывать z-index без удаления его в элементе:

то работать не будет, тк наследуется

 Источник:dle-faq.pro, DLE