#pop_up{display: none; position: fixed; z-index: 100000; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 80%; max-width: 95%; max-height: 95%; padding: 5px; background: #fff; box-shadow: 0 0 20px #000; border: 1px solid #000; border-radius: 8px;}
#pop_up .content{width: 100%; height: 100%; overflow: auto;}
#pop_up .close{position: absolute; top: 3px; right: 3px; width: 35px; height: 35px; background: #333 url('images/close.png') no-repeat center center; color: #fff; font-weight: bold; border-radius: 5px; cursor: pointer;}
#pop_up .pop_header{position: absolute; top: 0; right: 0; width: 100%; height: 40px; padding: 5px; background: #fff; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 25px; text-align: center; border-radius: 7px 7px 0 0;}
#pop_up .pop_footer{position: absolute; bottom: 0; right: 0; width: 100%; height: 40px; padding: 5px; background: #fff;  border-top: 1px solid #ccc; border-radius: 0 0 7px 7px;}

#dark_screen{display: none; z-index:9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('images/alpha_80.png') repeat;}

#pop_up .pop_loading{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80px; height: 20px; text-align: center; cursor: default;}

@media (max-width: 992px) {
#pop_up{width: 90%; height: 90%;}
}