.d-flex{
    display: flex!important;
}
.h-100{
    height:100%;
}
.admin-title > .row{
    height:100%; 
}
.admin-title h1 {
    
   padding: 0px!important; 
}
.admin-title .pull-right {
    padding: 0px!important; 
}
.admin-title .pull-right a{
    margin: 0px!important; 
}
.justify-content-between{
    justify-content: space-between;
    align-items: center;
}
.filterreset{
        width: 66px;
    height: 34px;
    margin-top: 20px;
}
div.input.dashboard-input
 {
   
    right: 28%!important;
}
.admin-title .pull-left .nav.ace-nav li .btn.btn-primary.dropdown-toggle
 {
   
    height: 60px!important;
}

/*//search menu*/
/* Search box */
.content-menu .input-group .form-control {
    border-radius: 20px;
}
content-menu .input-group-text {
    border-radius: 20px 0 0 20px;
}

/* Search Field */
.content-menu .search-wrapper {
    position: relative;
    max-width: 350px;
        margin-bottom: 0px;
    padding-left: 26px;
    
}
.content-menu #searchBox {
    width: 100%;
    padding: 10px 40px 10px 15px;
    border-radius: 25px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease-in-out;
}
.content-menu .search-field:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0,123,255,0.5);
}
.content-menu .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
}

/* Show/Hide Button */
.content-menu .show-hide-btn {
    padding: 8px 30px;
    background: linear-gradient(45deg, #007bff, #00c3ff);
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-left: 10px;
}
.content-menu .show-hide-btn:hover {
    background: linear-gradient(45deg, #0056b3, #0099cc);
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

/* Category Tabs */
#categoryTabs .nav-link {
    border-radius: 20px;
    font-size: 14px;
    padding: 6px 14px;
    background: #e0e0e0;
    color: #333;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}
#categoryTabs .nav-link:hover {
    background: #007bff;
    color: #fff;
}

/* Active Tab */
#categoryTabs.nav-tabs .category-item.active a {
    background: linear-gradient(145deg, #4CAF50, #45A049)!important;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: scale(1.05);
    border: none;
    position: relative;
}

/* Optional Glow Border for Active */
#categoryTabs .category-item.active a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(145deg, #80e27e, #2e7d32);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.search-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
    pointer-events: none; /* icon is not clickable */
}
.main-menu #menudropdown.active a:hover {
  
    color: #fa8c15 !important;
}
.main-menu #menudropdown.active a.dropdown_toggle:hover{
    color: #fff !important;
}
.main-menu #menudropdown.active li.active a:hover{
    color: #000 !important;
}
@media only screen and (max-width: 767px) {
    .content-menu .yearlyfilter {
   
    float: left !important;
     
    margin-bottom: 10px;
}
.content-area .main-content .btn.btn-default,.panel-heading .panel.panel-success {
        float: left;
    }
    .content-menu .search-wrapper {
        padding-left: 0;
    }
    .content-menu .search-icon {
   
    top: 9%;
    }
    .content-menu .search-icon {
   transform: translateY(36%);
    }
     div.input.dashboard-input {
  display: block !important;
    }
    .content-menu .nav {
  
    padding: 10px !important;
}
    .admin-menu {
         top: 60px!important;
        padding-left: 0!important;
    }
    .content-menu {
    
           margin-top: 212px !important;
    }
    .content-menu {
     padding-left: 10px!important;
    }
    .admin-title {
        padding: 0px!important;
    }
   .main-content {
        margin-top: 0px!important;
    }
    .admin-menu .edit_profile {
        float: unset!important;
        margin-top: 1px !important;
    }
.content-area .content-menu .nav-tabs {
        padding-top: 20px !important;
    }
    .site-logo {
        height:auto!important;
    }
        .content-area .user-info {
        width: 100% !important;
    }
    .panel-heading.headingnone, .content-menu {

    justify-content: space-between;
    align-content: center;
    }
        .panel-heading .panel.panel-success {
     
        margin-top: 0!important;
        width: 40% !important;
    }

    }
@media (min-width: 768px) {
   
    .sidebar {
        font-size: 20px;

    }

    .panelnone {
        border: currentColor;
    }

    .panel-default > .headingnone {
        background: none;
        border: none;
    }

    .transaction {
        background: #00a651;
        margin-top: -37px;
        float: right;
    }

    .box:after {
        background: linear-gradient(to right, #00a651 25%, #ec008c 25%, #ec008c 50%, #00aeef 50%, #00aeef 75%, #2a3990 75%);
        position: absolute;
        content: '';
        height: 4px;
        right: 0;
        left: 0;
        margin-right: 16px;
        left: 0;
        margin-left: 18px;
        padding: 30px
    }

    .table-striped {
        margin-bottom: 20%;
    }

    .mytable {

        bottom: -421px;
    }

    .panel-body {
        /* padding: 15px; */
        padding-top: 83px;
    }

    .input-group[class*=col-] {
        float: none;
        width: 469px;
        /* margin-left: 66px; */
        /* margin-right: 123px; */
        padding-right: 0px;
        padding: right;
        padding: right;
    }

}