body[data-topbar=dark] #page-topbar {
   
    background: rgb(48,180,140);
    background: linear-gradient(90deg, rgba(48,180,140,1) 0%, rgba(0,170,240,1) 100%);

}

body[data-topbar=dark] #sidebar-menu {
   
    /* background: rgb(0,170,240);
    background: linear-gradient(0deg, rgba(0,170,240,1) 0%, rgba(48,180,140,1) 100%); */

    background: rgba(200,208,212,.3); 
   

    min-height: 800px !important;

}



.table-info {
    --bs-table-bg: rgb(48,180,140) !important;
    background: rgb(48,180,140) !important;
    background: linear-gradient(90deg, rgba(48,180,140,1) 0%, rgba(0,170,240,1) 100%)!important;
    font-weight: bold;

}


.text-black{
    color: #414141; 
}
.navbar-brand-box {
    background: #ffffff !important;
}

.bg-red {
    background-color: #fc3200!important;
}

/* body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: #00aaf0;
} */


/* body[data-topbar=dark] {
    color: #F5BC11 !important; 
} */

body[data-topbar=dark] #sidebar-menu ul li a i {
    color: #414141 !important;
    
}



#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #0086C6 !important;
}

#sidebar-menu ul li ul.sub-menu li a:active {
    color: #0086C6 !important;
}


/* #sidebar-menu ul li ul.sub-menu li {
    color: #414141 !important;
} */
/* 
#sidebar-menu ul li>a {
    color: #414141 !important;
} */

.menu-title  {
    color: #414141!important;
} 



.btn-primary{

    background-color: #00aaf0 !important;

}

.btn-success{

    background-color: #00aaf0 !important;
    border-color: #00aaf0 !important;

}

.h4{
    color: #414141 !important;
}

.bg-primary{

    background-color:#004A64 !important; 
   
}

.bg-primary2{

    background-color: #004A64 !important; 

}

.bg-primary3{

    background-color: #00aaf0 !important;

}
.bg-warning{
    
    background-color: #F5BC11 !important; 

}

.bg-danger{
     
    background-color: #00aaf0 !important;  
    

}

.bg-dark{
    
    background-color: #414141 !important; 
   
}

.bg-success{

    background-color: #30b48c !important; 
    
}
   


body{

    font-family: 'Poppins', sans-serif;
}

.toast-message{

    top: 200px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px!important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single::after {
    position: absolute;
    right: 10px;
    top: 42%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f078";
    font-size: 0.7rem;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 36px!important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--multiple {
    padding-right: 20px;
}
.select2-container--default .select2-selection--multiple::after {
    position: absolute;
    right: 5px;
    top: 42%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f078";
    font-size: 0.7rem;
}

.linebreak{
    word-break:break-all;
}
/* Sidebar: Lucide outline icons */
#sidebar-menu ul li a svg.lucide,
.metismenu > li > a svg.lucide {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
    margin-right: 9.8px; /* tighter gap: text sits 3px closer to the icon */
    vertical-align: -4px;
    min-width: 18px;
}
.metismenu .has-arrow::after {
    content: "";
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Sidebar: yellow underline on active item, grows to full label width on hover */
#side-menu > li > a > span {
    position: relative;
    display: inline-block;
}
#side-menu > li > a > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 0;
    background: #fdb52a;
    border-radius: 2px;
    transition: width .3s ease;
}
#side-menu > li.mm-active > a > span::after,
#side-menu > li > a.active > span::after {
    width: 22px;
}
#side-menu > li > a:hover > span::after {
    width: 100%;
}