.layout-navbar-fixed .brand-link{
    height: auto !important;
}

.sidebar-collapse .brand-link{
    height: auto !important;
}

.brand-image-xl{
    max-height: 75px !important;
}

.sidebar-logo{
    max-height: 30px !important;
}


.main-sidebar:hover{
    .brand-link{
        height: auto !important;
    }

    .user-panel{
        margin-top: 12px !important;
    }

}

.user-panel{
    margin-top: 12px !important;
}

.sidebar-collapse .user-panel{
    margin-top: 12px !important;

}

.bg-img-login{
    top: 0 !important;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.5;
}

.login-page{
    background-color: black !important;
    align-items: baseline !important;
}

.login-box{
    margin-left: 120px !important;
}

.bg-theme{
    background-color: #ffb00f;
    color: white;
}

.gross-w-btn{
    cursor: pointer;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
  }


  .table td small {
    display: block;
    color: #6c757d;
    font-size: 0.7rem;
    line-height: 1.2;
}

.badge-success-light { background:#e6f4ea !important; color:#1e7e34; }
.badge-info-light    { background:#e7f1ff !important; color:#0b5ed7; }
.badge-warning-light { background:#fff3cd !important; color:#856404; }
.badge-purple-light  { background:#f0e7ff !important; color:#5a2ca0; }
.badge-secondary-light { background:#f1f3f5 !important; color:#495057; }

.badge {
    font-weight: 500;
    font-size: 0.75rem;
    padding: 0.35em 0.6em;
}

@media (min-width: 992px) {
    td:last-child,
    th:last-child {
        position: sticky;
        right: 0;
        background: #fff;
        z-index: 2;
    }
}

#data_table td:first-child {
    text-align: center;
    width: 24px;
}


.expandable-body {
    border: 1px solid #dee2e6;
}

.expandable-body td {
    background: #f8f9fa;
}

.expended-table td{
    background: #ffff !important;
}



.action-btn {
    border-radius: 6px;
    padding: 4px 8px;
    line-height: 1.2;
}

.action-btn i {
    font-size: 0.85rem;
}

/* Hover polish */
.action-btn:hover {
    transform: translateY(-1px);
}

/* Tight spacing inside table */
.btn-group-sm > .btn {
    margin-right: 2px;
}

th.sortable {
    cursor: pointer;
    position: relative;
}

th.sortable::after {
    content: '⇅';
    font-size: 0.6rem;
    margin-left: 6px;
    color: #999;
}

th.sortable.asc::after { content: '↑'; }
th.sortable.desc::after { content: '↓'; }

.search-highlight {
    background-color: #fff3cd;
    color: #856404;
    padding: 0 2px;
    border-radius: 3px;
}

.action-cell {
    cursor: default;
}