#mys-dialog-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
}

#mys-dialog{
    width:420px;
    max-width:90%;
    background:#fff;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    font-family: 'latoregular';
}

.mys-dialog-header{
    padding:10px 10px;
    background:#007bff;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}

.mys-dialog-body{
    padding: 15px 10px;
    color:#333;
    font-size:14px;
    line-height:1.5;
}

.mys-dialog-footer{
    padding:15px 18px;
    text-align:right;
    border-top:1px solid #eee;
}

.mys-btn{
    min-width:90px;
    padding:8px 18px;
    border:none;
    border-radius:4px;
    cursor:pointer;
    font-size:14px;
    transition:all .25s ease;
    margin-left:8px;
}

.mys-btn-primary{
    background:#007bff;
    color:#fff;
}

.mys-btn-primary:hover{
    background:#ff903d;
    color:#fff;
}

.mys-btn-primary:active{
    background:#004494;
}

.mys-btn-secondary{
    background:#6c757d;
    color:#fff;
}

.mys-btn-secondary:hover{
    background:#ff903d;
}

.mys-btn:focus{
    outline:none;
    box-shadow:0 0 5px rgba(0,123,255,.4);
}