/* spAlert popup (js/sp_alert.js) */
.sp-alert-modal .modal-dialog{
    max-width: 360px;
    width: calc(100% - 32px);
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
}
.sp-alert-modal .modal-content{
    border: none;
    border-radius: 14px;
    padding: 28px 24px 22px;
    text-align: center;
    box-shadow: 0 12px 40px rgba(0,0,0,.18);
}
.sp-alert-icon{
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #ffeaea;
    color: #ff5757;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp-alert-title{
    font-family: PoppinsM, sans-serif;
    font-size: 18px;
    color: #202020;
    margin: 0 0 8px;
}
.sp-alert-msg{
    font-family: PoppinsR, sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 20px;
}
.sp-alert-btn,
.sp-alert-btn:hover,
.sp-alert-btn:focus,
.sp-alert-btn:active{
    width: 100%;
    background: #ff5757;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 0;
    font-family: PoppinsM, sans-serif;
    font-size: 15px;
    outline: 0;
}
.sp-alert-btn:hover{
    background: #f04545;
}
.sp-confirm-actions{
    display: flex;
    gap: 10px;
}
.sp-confirm-actions .btn{
    flex: 1;
}
.sp-alert-btn-light,
.sp-alert-btn-light:hover,
.sp-alert-btn-light:focus,
.sp-alert-btn-light:active{
    background: #fff;
    color: #555;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 9px 0;
    font-family: PoppinsM, sans-serif;
    font-size: 15px;
    outline: 0;
    box-shadow: none;
}
.sp-alert-btn-light:hover{
    background: #f5f5f5;
}