/* --- Common Dot Styles --- */
.dot-shape {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    width: 10px;
    height: 10px;
}

/* বড় সাইজ (lg) */
.dot-shape-lg {
    width: 15px;
    height: 15px;
}

/* বর্ডার এবং শ্যাডো ইফেক্ট (ঐচ্ছিক) */
.dt-status {
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

/* --- Green (Online / Success) --- */
.bg-success {
    background-color: #28a745;
}

.pulse-success {
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

/* --- Red (Offline / Danger) --- */
.bg-danger {
    background-color: #dc3545;
}

.pulse-danger {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}







#form-modal_SupportTicketAdd {
    text-align: center;
    padding: 0 !important;
}

#form-modal_SupportTicketAdd:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

#form-modal_SupportTicketAdd .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}