/* --- 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;
}

/* --- Orange Label style --- */
.label-orange {
    background-color: #9b4800 !important;
    color: #fff !important;
}

/* --- Main Sidebar Scrollability & Hidden Scrollbar --- */
.main-sidebar {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    width: 230px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 810;
    /* Hide scrollbar for Firefox */
    scrollbar-width: none !important;
    /* Hide scrollbar for IE and Edge */
    -ms-overflow-style: none !important;
}

/* Hide scrollbar for Chrome, Safari, Opera and WebKit engines */
.main-sidebar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.sidebar {
    width: 100% !important;
    padding-bottom: 20px;
}

.sidebar-menu {
    width: 100% !important;
    white-space: nowrap;
}

.sidebar-menu > li {
    width: 100% !important;
}

.sidebar-menu > li > a {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- Treeview Sub-Menu Full Width Fix --- */
.sidebar-menu .treeview-menu {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

.sidebar-menu .treeview-menu > li {
    width: 100% !important;
    margin: 0 !important;
}

.sidebar-menu .treeview-menu > li > a {
    display: block !important;
    width: 100% !important;
    padding: 8px 15px 8px 25px !important;
    box-sizing: border-box !important;
}