/* Define a fade-out animation */
      @keyframes fadeOut {
        from { opacity: 3; }
        to { opacity: 0; }
    }

    /* Apply the animation to the alert */
    #success-alert {
        animation: fadeOut 7s forwards;
    }


    .sidebar-wrapper .sidebar-menu > .nav-item > .nav-link.active:not(:hover) {
        color: var(--lte-sidebar-menu-active-color) !important;
        background-color: rgb(255 255 255 / 27%) !important;
    }

    /* .table-dark{
        background-color: black !important;
        --bs-table-bg: #000000 !important;
    } */

 thead{
    background-color: #203a40f2 !important;
    color: white !important;

}

 thead tr th{
    color: white !important;

}

.modal-dialog .modal-content{
    background-color: white !important;
}

.menu-open{    background: #2b3d42 !important;
    color: white !important;

}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
      float:unset;
      text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
      margin-top: 0.5em;
    }

    td button{
        margin-top: 0.5em;
    }
  }
/* Ensure the table doesn't overflow its container */
/* #users-table_wrapper {
    overflow-x: auto;
}


table.dataTable tbody tr.child ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

    table.dataTable tbody tr.child ul li {
        flex: 1 1 50%;
        padding: 50px;
        box-sizing: border-box;
    } */
    @media (max-width: 767px) {
        .container-sm, .container {
            max-width: 792px;
        }
    }

    @media screen and (max-width: 767px) {
        div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_filter {
            float: right;

        }
        div.dataTables_wrapper div.dataTables_info,      div.dataTables_wrapper div.dataTables_length  {
            float: left;

        }
    }


.bg-body{


    background: #2C3E50 !important;
}
.navbar-expand .navbar-nav .nav-link {
    padding-left: 10px  !important;
    padding-right: 10px !important;
    color: white !important;
}

#sidebar .p-3 {
    padding: 10px !important;
}

.order_sidebar:hover{
    background: #475a5a !important;
}

.order_sidebar .number{

    font-size: 18px;
    /* padding: 7px 13px 7px 8px !important; */

}

.order_sidebar .order_no_db{
    padding-right: 7px;
    font-size: 14px;
}
.order_sidebar .order_name{
    font-size: 14px;
    color: white;
}

#sidebarData{
    height: 100vh; /* Fixed height (adjust as needed) */
    overflow-y: auto; /* Enable vertical scroll */
}

#sidebarData::-webkit-scrollbar {
    width: 5px;
}
#sidebarData::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
}

/* Ensure text truncation works */
.order_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#order_no{
    min-width: 24px;
    width: 34px;
    font-size: 17px;
      height: 32px;
    border-radius: 4px;
    font-family: monospace;
    margin-right: 2px;
}

#user-dropdown .nav-link{
    color: black !important;
}
#user-dropdown .nav-link:hover{
    background: #cacaca;
}

.dropdown-menu-end a:hover{
    background: #c5c9d0;
}
[data-lte-toggle="fullscreen"] {
    display: none !important;
}

.container{
    color: #2C3E50 !important;
    font-weight: 600;
}
.app-main{
    padding: 0 !important;
    margin: 0%;
    overflow: hidden;
}
.app-content{
    padding: 0 !important; overflow: hidden;

}
#main-content{
    padding: 0 !important;
    margin: 0 !important; overflow: hidden;
}
.app-header{
    padding: 3px;
}