@charset "UTF-8";
.buy-modal-custom .modal-content {
    border-radius: 16px;
    border: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    font-family: 'Estedad', sans-serif;
    overflow: hidden;
}

.buy-modal-custom .modal-header {
    background: #4CAF50; /* سبز */
    color: #fff;
    border-bottom: none;
    padding: 1rem 1.5rem;
    text-align: center; /* عنوان وسط‌چین */
}

.buy-modal-custom .modal-header h5 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
}

.buy-modal-custom .modal-body {
    padding: 1.5rem;
    background-color: #fafafa;
}

.buy-modal-custom table th {
    color: #333;
    font-weight: 600;
    text-align: center; /* وسط‌چین */
    white-space: nowrap;
    padding: 0.6rem 0.8rem;
}

.buy-modal-custom table td {
    color: #444;
    padding: 0.6rem 0.8rem;
    white-space: nowrap;
    border-radius: 8px;
    text-align: center; /* وسط‌چین محتوا */
}

.buy-modal-custom .modal-footer {
    border-top: none;
    padding: 1rem 1.5rem;
    background: #f5f5f5;
    text-align: center; /* دکمه‌ها وسط‌چین */
}

.buy-modal-custom .btn-primary {
    background: #0D6EFD; /* آبی */
    border: none;
    font-weight: 600;
    padding: 0.6rem 1.2rem;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.buy-modal-custom .btn-primary:hover {
    background: #0b5ed7; /* سایه تیره‌تر */
}

.buy-modal-custom .btn-secondary {
    border-radius: 10px;
    padding: 0.6rem 1.2rem;
}

.buy-modal-custom #buyAlert {
    display: none;               /* ابتدا مخفی */
    border: 2px solid #FF0000;   /* کادر قرمز */
    background-color: #ffe6e6;   /* پس‌زمینه روشن قرمز */
    color: #a70000;              /* متن تیره قرمز */
    border-radius: 8px;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: bold;
    transition: all 0.3s ease;   /* نمایش نرم */
}

/* وقتی محتوایی داخل div قرار بگیره، خودش رو نشون بده */
.buy-modal-custom #buyAlert:empty {
    display: none;
}

.buy-modal-custom #buyAlert:not(:empty) {
    display: block;
}

.modal{
    --bs-modal-zindex:1055;
    --bs-modal-width:500px;
    --bs-modal-padding:1rem;
    --bs-modal-margin:0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg:var(--bs-body-bg);
    --bs-modal-border-color:var(--bs-border-color-translucent);
    --bs-modal-border-width:var(--bs-border-width);
    --bs-modal-border-radius:var(--bs-border-radius-lg);
    --bs-modal-box-shadow:var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x:1rem;
    --bs-modal-header-padding-y:1rem;
    --bs-modal-header-padding:1rem 1rem;
    --bs-modal-header-border-color:var(--bs-border-color);
    --bs-modal-header-border-width:var(--bs-border-width);
    --bs-modal-title-line-height:1.5;
    --bs-modal-footer-gap:0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color:var(--bs-border-color);
    --bs-modal-footer-border-width:var(--bs-border-width);
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-modal-zindex);
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:var(--bs-modal-margin);
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-dialog-scrollable .modal-content{
    max-height:100%;
    overflow:hidden
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    color:var(--bs-modal-color);
    pointer-events:auto;
    background-color:var(--bs-modal-bg);
    background-clip:padding-box;
    border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius:var(--bs-modal-border-radius);
    outline:0
}
.modal-backdrop{
    --bs-backdrop-zindex:1050;
    --bs-backdrop-bg:#000;
    --bs-backdrop-opacity:0.5;
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-backdrop-zindex);
    width:100vw;
    height:100vh;
    background-color:var(--bs-backdrop-bg)
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:var(--bs-backdrop-opacity)
}
.modal-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-modal-header-padding);
    border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius:var(--bs-modal-inner-border-radius);
    border-top-right-radius:var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close{
    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}
.modal-title{
    margin-bottom:0;
    line-height:var(--bs-modal-title-line-height)
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:var(--bs-modal-padding)
}
.modal-footer{
    display:flex;
    flex-shrink:0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color:var(--bs-modal-footer-bg);
    border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius:var(--bs-modal-inner-border-radius);
    border-bottom-left-radius:var(--bs-modal-inner-border-radius)
}
.modal-footer>*{
    margin:calc(var(--bs-modal-footer-gap) * .5)
}
@media (min-width:576px){
    .modal{
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow:var(--bs-box-shadow)
    }
    .modal-dialog{
        max-width:var(--bs-modal-width);
        margin-right:auto;
        margin-left:auto
    }
    .modal-sm{
        --bs-modal-width:300px
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        --bs-modal-width:800px
    }
}
@media (min-width:1200px){
    .modal-xl{
        --bs-modal-width:1140px
    }
}
.modal-fullscreen{
    width:100vw;
    max-width:none;
    height:100%;
    margin:0
}
.modal-fullscreen .modal-content{
    height:100%;
    border:0;
    border-radius:0
}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{
    border-radius:0
}
.modal-fullscreen .modal-body{
    overflow-y:auto
}
@media (max-width:575.98px){
    .modal-fullscreen-sm-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-sm-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:767.98px){
    .modal-fullscreen-md-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-md-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:991.98px){
    .modal-fullscreen-lg-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-lg-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:1199.98px){
    .modal-fullscreen-xl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:1399.98px){
    .modal-fullscreen-xxl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xxl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-body{
        overflow-y:auto
    }
}
.fade{
    transition:opacity .15s linear
}
@media (prefers-reduced-motion:reduce){
    .fade{
        transition:none
    }
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:var(--bs-modal-margin);
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-dialog-scrollable .modal-content{
    max-height:100%;
    overflow:hidden
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - var(--bs-modal-margin) * 2)
}
@media (min-width:576px){
    .modal{
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow:var(--bs-box-shadow)
    }
    .modal-dialog{
        max-width:var(--bs-modal-width);
        margin-right:auto;
        margin-left:auto
    }
    .modal-sm{
        --bs-modal-width:300px
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        --bs-modal-width:800px
    }
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    color:var(--bs-modal-color);
    pointer-events:auto;
    background-color:var(--bs-modal-bg);
    background-clip:padding-box;
    border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius:var(--bs-modal-border-radius);
    outline:0
}
.modal-fullscreen .modal-content{
    height:100%;
    border:0;
    border-radius:0
}
@media (max-width:575.98px){
    .modal-fullscreen-sm-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-sm-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:767.98px){
    .modal-fullscreen-md-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-md-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:991.98px){
    .modal-fullscreen-lg-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-lg-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:1199.98px){
    .modal-fullscreen-xl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width:1399.98px){
    .modal-fullscreen-xxl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xxl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-body{
        overflow-y:auto
    }
}
.modal-dialog-scrollable .modal-content{
    max-height:100%;
    overflow:hidden
}
.modal-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-modal-header-padding);
    border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius:var(--bs-modal-inner-border-radius);
    border-top-right-radius:var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close{
    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{
    border-radius:0
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:var(--bs-modal-padding)
}
.modal-fullscreen .modal-body{
    overflow-y:auto
}
.modal-footer{
    display:flex;
    flex-shrink:0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color:var(--bs-modal-footer-bg);
    border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius:var(--bs-modal-inner-border-radius);
    border-bottom-left-radius:var(--bs-modal-inner-border-radius)
}
.modal-footer>*{
    margin:calc(var(--bs-modal-footer-gap) * .5)
}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{
    border-radius:0
}

.table{
    --bs-table-color-type:initial;
    --bs-table-bg-type:initial;
    --bs-table-color-state:initial;
    --bs-table-bg-state:initial;
    --bs-table-color:var(--bs-emphasis-color);
    --bs-table-bg:var(--bs-body-bg);
    --bs-table-border-color:var(--bs-border-color);
    --bs-table-accent-bg:transparent;
    --bs-table-striped-color:var(--bs-emphasis-color);
    --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color:var(--bs-emphasis-color);
    --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color:var(--bs-emphasis-color);
    --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
    width:100%;
    margin-bottom:1rem;
    vertical-align:top;
    border-color:var(--bs-table-border-color)
}
.table>:not(caption)>*>*{
    padding:.5rem .5rem;
    color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color:var(--bs-table-bg);
    border-bottom-width:var(--bs-border-width);
    box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}
.table>tbody{
    vertical-align:inherit
}
.table>thead{
    vertical-align:bottom
}
.table-borderless>:not(caption)>*>*{
    border-bottom-width:0
}
.table-borderless>:not(:first-child){
    border-top-width:0
}
.input-group .btn{
    position:relative;
    z-index:2
}
.input-group .btn:focus{
    z-index:5
}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{
    padding:.5rem 1rem;
    font-size:1.25rem;
    border-radius:var(--bs-border-radius-lg)
}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{
    padding:.25rem .5rem;
    font-size:.875rem;
    border-radius:var(--bs-border-radius-sm)
}
.btn{
    --bs-btn-padding-x:0.75rem;
    --bs-btn-padding-y:0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size:1rem;
    --bs-btn-font-weight:400;
    --bs-btn-line-height:1.5;
    --bs-btn-color:var(--bs-body-color);
    --bs-btn-bg:transparent;
    --bs-btn-border-width:var(--bs-border-width);
    --bs-btn-border-color:transparent;
    --bs-btn-border-radius:var(--bs-border-radius);
    --bs-btn-hover-border-color:transparent;
    --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity:0.65;
    --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display:inline-block;
    padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family:var(--bs-btn-font-family);
    font-size:var(--bs-btn-font-size);
    font-weight:var(--bs-btn-font-weight);
    line-height:var(--bs-btn-line-height);
    color:var(--bs-btn-color);
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius:var(--bs-btn-border-radius);
    background-color:var(--bs-btn-bg);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .btn{
        transition:none
    }
}
.btn:hover{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color)
}
.btn:focus-visible{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);
    outline:0;
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{
    color:var(--bs-btn-active-color);
    background-color:var(--bs-btn-active-bg);
    border-color:var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{
    color:var(--bs-btn-disabled-color);
    pointer-events:none;
    background-color:var(--bs-btn-disabled-bg);
    border-color:var(--bs-btn-disabled-border-color);
    opacity:var(--bs-btn-disabled-opacity)
}
.btn-secondary{
    --bs-btn-color:#fff;
    --bs-btn-bg:#6c757d;
    --bs-btn-border-color:#6c757d;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#5c636a;
    --bs-btn-hover-border-color:#565e64;
    --bs-btn-focus-shadow-rgb:130,138,145;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#565e64;
    --bs-btn-active-border-color:#51585e;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#6c757d;
    --bs-btn-disabled-border-color:#6c757d
}
.btn-primary{
    --bs-btn-color:#fff;
    --bs-btn-bg:#0d6efd;
    --bs-btn-border-color:#0d6efd;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#0b5ed7;
    --bs-btn-hover-border-color:#0a58ca;
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#0a58ca;
    --bs-btn-active-border-color:#0a53be;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#0d6efd;
    --bs-btn-disabled-border-color:#0d6efd
}
.alert{
    --bs-alert-bg:transparent;
    --bs-alert-padding-x:1rem;
    --bs-alert-padding-y:1rem;
    --bs-alert-margin-bottom:1rem;
    --bs-alert-color:inherit;
    --bs-alert-border-color:transparent;
    --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius:var(--bs-border-radius);
    --bs-alert-link-color:inherit;
    position:relative;
    padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom:var(--bs-alert-margin-bottom);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border:var(--bs-alert-border);
    border-radius:var(--bs-alert-border-radius)
}
.alert-danger{
    --bs-alert-color:var(--bs-danger-text-emphasis);
    --bs-alert-bg:var(--bs-danger-bg-subtle);
    --bs-alert-border-color:var(--bs-danger-border-subtle);
    --bs-alert-link-color:var(--bs-danger-text-emphasis)
}
.alert-success{
    --bs-alert-color:var(--bs-success-text-emphasis);
    --bs-alert-bg:var(--bs-success-bg-subtle);
    --bs-alert-border-color:var(--bs-success-border-subtle);
    --bs-alert-link-color:var(--bs-success-text-emphasis)
}
.modal-backdrop{
    --bs-backdrop-zindex:1050;
    --bs-backdrop-bg:#000;
    --bs-backdrop-opacity:0.5;
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-backdrop-zindex);
    width:100vw;
    height:100vh;
    background-color:var(--bs-backdrop-bg)
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:var(--bs-backdrop-opacity)
}