@charset "UTF-8";

.txt-center {text-align:center;}
.popup {overflow:hidden;}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 8% auto; /* */
    border: 1px solid #888;
    width: 800px; /* Could be more or less, depending on screen size */
}
@media screen and (max-width: 800px) {
	.modal-content { width:99%;}
}

.modal-content .pop-close:hover {background:#222;}

.modal-progress {position:relative; width:95%; height:30px; margin:5px auto; background:#eeeeee; border-radius:0.35rem; overflow:hidden;}
.modal-progressBar {position:absolute; top:0; left:0; width:10%; height:100%; line-height:30px; background:#63c2de !important; text-align:center; color:white; }