.menu-item-btn {
    background: transparent;
    padding: 10px 30px;
    
}

.menu-item-btn.active {
    background: #f3f6f9;
    padding: 10px 30px;
    border-radius: 8px 8px 0 0;
}



.menu-item-btn-text {
    font-family: sary-san-serif,Arial,sans-serif;
    font-weight: 400;
    color: #a1a5b7;
    margin-right: 8px;
    font-size: 17px;
    padding-top: 5px;
    display: inline-block !important;

}

.menu-item-btn:hover a h2 , .menu-item-btn.active a h2 , .menu-item-btn:hover a span {
    color:#020202;
}


/*********** Header Dark color ************/
/*
  @media (min-width: 992px){
    .header {
        background-color: #1f1e2e  !important;
    }

}
 
 .header .header-menu-container{

    background-color: #25243a !important;
}  
*/

/*********** Header Light color ***********/ 
@media (min-width: 992px){
    .header {
        background-color: #eaedf1  !important;
    }

}
 

.header .header-menu-container{

    background-color: #eaedf1  !important;
}

 


  .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
    padding-right: 33px !important    ;
  }
  
  
 div.dataTables_length + div.dataTables_info {
    margin-left: 1rem;
    margin-right: 1rem !important;
    font-size: 14px;
}

.table > thead{
    font-weight:bold !important;
}

.dataTables_info{
    float:right !important;
}

table.dataTable {
   
    padding-bottom: 40px;
}

div.dataTables_wrapper div.dataTables_info{
    font-weight:700;
}

.badge-info{
    color: #FFFFFF;
    background-color: #8b7ced !important;
}

.badge-danger {
    color: #FFFFFF;
    background-color: #f9698c !important;
}

.dt-buttons.btn-group{
    position: absolute;
    top: 35px;
    right: 300px;
}
.dt-button-collection{
    left:auto !important;
    right: 0px;
    width:100px;
}

 

/*Badge Color */

.badge-soft-primary {
    color: #377dff;
    background-color: rgba(55, 125, 255, .1)
}

a.badge-soft-primary:focus, a.badge-soft-primary:hover {
    color: #fff;
    background-color: #377dff
}

.badge-soft-secondary {
    color: #71869d;
    background-color: rgba(113, 134, 157, .1)
}

a.badge-soft-secondary:focus, a.badge-soft-secondary:hover {
    color: #fff;
    background-color: #71869d
}

.badge-soft-success {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, .1)
}

a.badge-soft-success:focus, a.badge-soft-success:hover {
    color: #fff;
    background-color: #00c9a7
}

.badge-soft-info {
    color: #00c9db;
    background-color: rgba(0, 201, 219, .1)
}

a.badge-soft-info:focus, a.badge-soft-info:hover {
    color: #fff;
    background-color: #00c9db
}

.badge-soft-warning {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, .1)
}

a.badge-soft-warning:focus, a.badge-soft-warning:hover {
    color: #1e2022;
    background-color: #f5ca99
}

.badge-soft-danger {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, .1)
}

a.badge-soft-danger:focus, a.badge-soft-danger:hover {
    color: #fff;
    background-color: #ed4c78
}

.badge-soft-light {
    color: #f9fafc;
    background-color: rgba(249, 250, 252, .1)
}

a.badge-soft-light:focus, a.badge-soft-light:hover {
    color: #1e2022;
    background-color: #f9fafc
}

.badge-soft-dark {
    color: #132144;
    background-color: rgba(19, 33, 68, .1)
}

a.badge-soft-dark:focus, a.badge-soft-dark:hover {
    color: #fff;
    background-color: #132144
}

.badge-soft-warning {
    color: #ec9a3c !important
}