div.nodal{position:fixed;top:0px;left:0;right:0;bottom:0;margin:auto;width:80%;height:calc(100vh - 100px);border-radius:5px;background-color:white;z-index:1;box-shadow:0 0 8px gray;padding:20px;transition:opacity 300ms, visibility 300ms;opacity:0;visibility:hidden}div.nodal.show{transition:opacity 300ms, visibility 300ms;opacity:1;visibility:visible}.shadow{background-color:rgba(99,99,99,0.7)}.nodal-title{font-size:25px;font-weight:bold;border-bottom:solid #000000 1px;margin-bottom:10px}.nodal-body{position:relative;overflow:scroll}.nodal-button-container{position:absolute;right:10px;bottom:0;margin:10px}