/* SWAL REMOVE BUTTON STYLES */
.swal2-styled{
    width: 100% !important;
    margin: 0 !important;
    white-space: nowrap;
}

.swal-container-end-of-shift{
    display: flex;
    justify-items: center;
    align-items: center;
}
.custom-swal-popup-centered.custom-swal-content{
    text-align: center;
}
div:where(.swal2-container) img:where(.swal2-image){
    margin: unset !important;
}
div:where(.swal2-container).swal2-center>.swal2-popup{
    width: 400px !important;
    border-radius: 12px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.10), 0px 8px 8px -4px rgba(10, 13, 18, 0.04);
    padding: 1.2rem;
}
div:where(.swal2-container) h2:where(.swal2-title){
    align-items: flex-start;
}
.swal-img img{
    width: 60px;
    height: 60px;
}
   
.header-swal-container .swal-img{
    padding: 10px 0;
}
.img-container-padding{
    padding: 0 0 10px;
}
.img-container-padding img{
    width: 48px;
    height: 48px;
}
.swal-custom-image-qr{
    margin: auto !important;
}
.swal-custom-image{
    padding-left: 15px;
}
.swal-custom-image-end-of-shift{
    padding-top: 15px;
}
.table-id-style-text{
    text-align: center !important;
}
.swal2-actions{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse!important;
    padding: 15px 16px 16px 16px;
    gap: 12px;
    margin: 0 !important;
}
.swal-custom-title{
    text-align: start;
}
.swal-custom-text{
    text-align: center !important;
}
.swal2-title{
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px !important;
    letter-spacing: -0.18px !important;
}
.swal2-html-container{
    padding: 15px 18px 12px;
    align-items: start;
    text-align: justify;
    color: var(--Gray-600, #535862);
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.14px !important;
}
.swal2-html-container p{
    margin: 0 !important;
}
.swal2-styled.swal2-confirm{
    border-radius: 10px;
    background-color: #FE294D !important;
    padding: 10px 24px;
    width: 100%;
    color: #F7F7F7;
    font-size: 14px;
    font-style: normal;      
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-styled.swal2-confirm:hover{
    background-color: #FE294D !important;
    background-image: unset !important;
}
.swal2-styled.swal2-deny,
.swal2-styled.swal2-deny,
.swal2-styled.swal2-take-out {
    border-radius: 10px;
    border: 1px solid #D8DADF;
    background-color: #F7F7F7 !important;
    padding: 10px 24px;
    width: 100%;
    color: #212121 !important;
    font-size: 14px;
    font-style: normal;      
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-styled.swal2-deny:hover,
.swal2-styled.swal2-take-out:hover {
    background-color: #F7F7F7 !important;
    background-image: unset !important;
}
.swal2-styled.swal2-dine-in{
    border-radius: 10px;
    background-color: #1A1A1A !important;
    padding: 10px 24px;
    width: 100%;
    color: #F7F7F7;
    font-size: 14px;
    font-style: normal;      
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-styled.swal2-dine-in:hover{
    background-color: #1A1A1A !important;
    background-image: unset !important;
}
.swal2-confirm.swal2-confirm-green{
    border-radius: 10px;
    background: #039855 !important;
    padding: 10px 24px;
    width: 100%;
    color: #F7F7F7;
    font-size: 14px;
    font-style: normal;      
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-confirm.swal2-confirm-green:hover{
    background: #039855 !important;
}
.swal2-deny.swal2-deny-gray, .swal2-cancel.swal2-cancel-gray{
    border-radius: 10px;
    border: 1px solid #D8DADF;
    padding: 10px 24px;
    background: #F7F7F7;
    width: 100%;
    color: #212121;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-deny.swal2-deny-gray:hover,
.swal2-cancel.swal2-cancel-gray:hover{
    background: #F7F7F7 !important;
    color: #212121 !important;
}
.swal2-styled.swal2-confirm-dark{
    border-radius: 10px;
    background: #1A1A1A !important;
    padding: 10px 24px;
    width: 100%;
    color: #F7F7F7;
    font-size: 14px;
    font-style: normal;      
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.14px;
}
.swal2-styled.swal2-confirm-dark:hover{
    background: #1A1A1A !important;
}
.store-closed-container{
    display: flex;
    flex-direction: column;
}
.store-closed-container img{
    width: 48px;
    height: 48px;
}
.swal-custom-text-style{
    text-align: center !important;
}
@media (max-width:575px) {
    .swal_notif_store_message, .swal_notif_sub_store_message{
        text-align: center !important;
    }
    .swal-custom-title{
        text-align: center !important;
    }
    div:where(.swal2-container) img:where(.swal2-image){
        margin: auto !important;
    }
    div:where(.swal2-container).swal2-center>.swal2-popup{
        width: 330px !important;
    }
    .swal2-actions{
        flex-direction: column !important;
    }
    .swal2-title{
        text-align: center !important;
    }
    .swal2-html-container{
        text-align: center !important;
    }
    .notify_message_swal, .notify_sub_message_swal{
        text-align: center !important;
        padding:  0 0 20px 0;
    }
    .store-closed-container img{
        width: 60px;
        height: 60px;
        margin: auto;
    }
    .header-swal-container{
        align-items: center !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .header-swal-container .swal-img{
        padding: 10px 0;
        margin: auto;
    }
}