.hide {
	display: none !important;
} 

ul#popup_container li {
    height: 100%;
    width: 100%;
	top: 0;
	left: 0;
    display: block;
    position: fixed;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .75);
}

ul#popup_container li div.popup {
    min-width: min-content;
    top: 10%;
    transition: .5s top;
    max-width: 50%;
    height: auto;
    display: block;
    margin: auto;
    position: relative;
    border: 1px solid #BBB;
    max-height: 80%;
    overflow: hidden;
}

ul#popup_container li .hide div.popup {
    top: 0;
}

ul#popup_container li div div.popup_header {
    width: 100%;
    padding: 5px 10px;
    display: block;
    box-sizing: border-box;
    background-color: #D7D7D7;
}

ul#popup_container li div div.popup_body div.popup_content {
    min-width: 400px;
    min-height: 100px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #FFF;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    max-height: calc(80vh - 68px);
    overflow: auto;
}

ul#popup_container li div div.popup_body div.popup_dialog {
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #DCDCDC;
    padding: 5px 10px;
}

/*ul#popup_container li div div.popup_body div.popup_dialog > button:nth-child(1){
    border: 2px solid;
    padding: 4px 9px;
    margin-right: 10px; 
}*/