#pop_up_overlay {   top: 0px; left: 0px;     width: 100%;    height: 100%;    z-index: 99999;    position: fixed;    background-color: rgba( 0, 0, 0, 0.9);            }
#pop_up {  font-size: 20px;     top: 50%;    left: 50%;    width: auto;    height: auto;        max-width: 75%;    position: fixed;    min-width: 360px;    
z-index: 99999999;        min-height: 100px;        
text-align: center;    max-height: calc( 60% );   
background-color: rgba( 255, 255, 255, 0.9 );    transform: translate( -50%, -50% );        
-o-transform: translate( -50%, -50% );    -moz-transform: translate( -50%, -50% );  
-webkit-transform: translate( -50%, -50% );    border-radius: 5px;    -o-border-radius: 5px;    -moz-border-radius: 5px;   
-webkit-border-radius: 5px;        border: 1px solid #777;  padding: 30px;   }
#pop_up #pop_up_closebutton {        top: -20px;        right: -20px;    color: #777;  
font-size: 20px;    cursor: pointer; 
position: absolute;    z-index: 99999999999;  
background-color: #f4524d;
border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
font-size: 35px;
color: #FFF;
padding: 8px 12px;
}
#pop_up #pop_up_message_container {    padding: 10px;    margin: 35px 0px;            }
#pop_up #pop_up_message_container #pop_up_message_container_title {    top: 0px;    left: 0px;    width: 100%;    
color: #000;    position: absolute;   
box-sizing: border-box;
font-weight: bold;
background-color: #FFF;      
padding: 15px;
}
#pop_up_message_container ul { list-style-type: none; }
#pop_up_message_container ul li { margin-bottom: 10px; }