@charset "utf-8";
/* CSS Document */

.modal,
.modal-box {
    z-index: 9999;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 85%;
    max-width: 515px;
    margin: 50% auto;
    animation-name: modalbox;
    animation-duration: .3s;
    animation-timing-function: ease-out;    
    background: #ffff;
    border-radius: 10px;
}

.modal-header {
    position: relative;
    top: 0;
    left:0;
    padding: 15px 0;
    color: #000;
    text-align: center;
}
.modal-header h1{
    font-weight: 600;
    font-size:18px
}

.modal-body {
    text-align: center;
}

/* Close Button */
.close-modal {
    cursor: pointer;
}
.close-modal-top{
    position: absolute;
    top: 13px;
    right: 10px;
    cursor: pointer;
    border: 0;
    height: inherit !important;
    padding: 5px;
}

/* Animation */

@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.modal-trigger{
    transition: ease .2s;
}
.modal .table_wrap{width:100% !important;}
.modal .table_wrap th{font-weight: normal;padding:2px;}
.modal .table_wrap td{padding:2px;}