.noti-backdrop {
    background:#0000009e;
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:1;
}
.noti-modal {
    width:600px;
    position:absolute;
    top:50px;
    left:50%;
    transform:translateX(-50%);
    background:white;
    border-radius:5px;
    padding: 0.5rem 1rem
}
.noti-modal hr {
    border-top-color: #eeeeee47;
}
.noti-modal_header {
    display:flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.5rem
}
.noti-modal_header button {
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #aaaaaafc;
}
.noti-modal_title {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}
.noti-modal_title-text {
    text-align:center; 
    font-size:14pt; 
    font-weight: bold;
}
.noti-modal_body p {
    font-size: 14px
}
.noti-modal_footer {
    padding: 1rem 0
}
.noti-modal_footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.noti-modal_footer-content label {
    font-weight: bold
}
.noti-modal_footer-content button {
    background-color: #309b30;
    color: white;
    border: none;
    padding: 8px 10px;
    border-radius: 3px;
    font-weight: bold
}
.noti-modal_footer-content span {
    display:none;
    color: red;
}
.required {
    color: red
}