body {
    background:#f9f9f9;
}
.table-borderless thead th {
border: none !important;
}

.cursor-pointer {
cursor: pointer;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1520px;
    }

}

@media (min-width: 768px) {
    .searchboxGroup {
        width: 70%;
    }

    .allcat {
        font-size: 14px;
    }
}

@media (max-width: 767px) {

    .fs-7 {
        font-size: 12px;
    }
    .fs-8 {
        font-size: 9px;
    }
}

.text-hover-primary:hover {
    color: #007bff !important;
    /* Bootstrap primary color */
}

.text-hover-secondary:hover {
    color: #007bff !important;
    /* Bootstrap primary color */
}

.text-hover-info:hover {
    color: #007bff !important;
    /* Bootstrap primary color */
}

.text-hover-warning:hover {
    color: #fcb700;
    /* Bootstrap warning color */
}

.text-hover-danger:hover {
    color: #dc3545 !important;
    /* Bootstrap danger color */
}

.pagination li {
    margin: 0 5px; /* Adds space between page numbers */
}

.pagination .page-link {
    color: #ffc107 !important; /* Change text color to green */
}

.pagination .page-item.active .page-link {
    background-color: #ffc107 !important; /* Change active page background */
    border-color: #ffc107 !important;
    color: white !important;
}




/* Hide submenus initially */
.dropdown-menu {
    display: none;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Show dropdown when it has 'show' class */
.dropdown-menu.show {
    display: block;
}

/* Position submenus properly */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    text-transform: uppercase;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 150px;
}

.menuItem .dropdown-menu,
.menuItem .dropdown-item,
.menuItem .dropdown-btn {
    text-transform: uppercase;
    font-size: 14px;
}

.menuItem .dropdown-item {
    text-transform: none;
    font-size: 14px;
}

.custom-dropdown::after {
    display: none !important;
}

.dropdown-arrow {
    transition: transform 0.3s ease-in-out;
}

/* Rotate arrow when dropdown is open */
.show .dropdown-arrow {
    transform: rotate(180deg);
}

.dropdown-item:hover {
    color: #fcb700 !important;
    /* Bootstrap warning color */
}

/* Also apply to submenu items */
.dropdown-submenu .dropdown-item:hover {
    color: #fcb700 !important;
}

.select2-container {
    min-width: 50px !important;
}

.select2-selection {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 4px !important; /* Add padding */
    height: auto !important; /* Allow the box to adjust height */
    display: flex !important; /* Flexbox to align content */
    align-items: center !important; /* Center text vertically */
}

/* Set minimum width for Select2 dropdown */
/* Set minimum width for Select2 dropdown */
.select2-dropdown {
    min-width: 250px !important;
    min-height: 100px !important;
    border: 1px solid #ccc !important;
    /* Add border */
    border-radius: 0px !important;
    /* Remove border-radius */
    box-shadow: none !important;
    /* Remove shadow */
}

/* Remove default Select2 arrow but keep its functionality */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Add custom FontAwesome arrow */
.select2-container--default .select2-selection--single {
    position: relative;
    padding-right: 10px;
    /* Space for arrow */
}

/* Position FontAwesome arrow */
.select2-container--default .select2-selection--single::after {
    content: "\f0dc";
    /* FontAwesome down arrow */
    font-family: "Font Awesome 5 Free";
    /* Use FontAwesome */
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #333;
    /* Adjust arrow color */
    pointer-events: none;
    /* Prevent click issues */
}

.select2-container--open .select2-selection--single::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Add padding/margin ONLY to the text inside the dropdown options */
.select2-container--default .select2-results__option {
    padding-left: 20px !important;
    /* Adjust for dropdown items */
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: black !important;
    color: white !important;
    /* Ensure text remains visible */
}

/* Remove border and border-radius for Select2 dropdown */
.select2-container--default .select2-dropdown {
    border: none !important;
    /* Removes border */
    border-radius: 0 !important;
    /* Removes rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05) !important;
    /* Adds shadow */
}

.letter-spacing-sm {
letter-spacing: 0.5px;
}

.letter-spacing-md {
letter-spacing: 1px;
}

.letter-spacing-lg {
letter-spacing: 2px;
}

/* Blue Shades */
.bg-blue-100 { background-color: #b4e5fc; }
.bg-blue-200 { background-color: #82d4fa; }
.bg-blue-300 { background-color: #4fc3f8; }
.bg-blue-400 { background-color: #2ab6f7; }
.bg-blue-500 { background-color: #04a9f5; }
.bg-blue-600 { background-color: #03a2f4; }
.bg-blue-700 { background-color: #0398f2; }
.bg-blue-800 { background-color: #028ff0; }
.bg-blue-900 { background-color: #017eee; }

/* Indigo Shades */
.bg-indigo-100 { background-color: #d1b7fb; }
.bg-indigo-200 { background-color: #b388f9; }
.bg-indigo-300 { background-color: #9458f6; }
.bg-indigo-400 { background-color: #7d34f4; }
.bg-indigo-500 { background-color: #6610f2; }
.bg-indigo-600 { background-color: #5e0ef0; }
.bg-indigo-700 { background-color: #530cee; }
.bg-indigo-800 { background-color: #4909ec; }
.bg-indigo-900 { background-color: #3805e8; }

/* Purple Shades */
.bg-purple-100 { background-color: #d1c4e9; }
.bg-purple-200 { background-color: #b39ddb; }
.bg-purple-300 { background-color: #9575cd; }
.bg-purple-400 { background-color: #7e58c2; }
.bg-purple-500 { background-color: #673ab7; }
.bg-purple-600 { background-color: #5f34b0; }
.bg-purple-700 { background-color: #542ca7; }
.bg-purple-800 { background-color: #4a259f; }
.bg-purple-900 { background-color: #391890; }

/* Pink Shades */
.bg-pink-100 { background-color: #f8c5dd; }
.bg-pink-200 { background-color: #f49fc6; }
.bg-pink-300 { background-color: #ef78af; }
.bg-pink-400 { background-color: #eb5b9d; }
.bg-pink-500 { background-color: #e83e8c; }
.bg-pink-600 { background-color: #e53884; }
.bg-pink-700 { background-color: #e23079; }
.bg-pink-800 { background-color: #de286f; }
.bg-pink-900 { background-color: #d81b5c; }

/* Red Shades */
.bg-red-100 { background-color: #f99b94; }
.bg-red-200 { background-color: #f88077; }
.bg-red-300 { background-color: #f76e64; }
.bg-red-400 { background-color: #f55247; }
.bg-red-500 { background-color: #f44236; }
.bg-red-600 { background-color: #f21c0d; }
.bg-red-700 { background-color: #da190c; }
.bg-red-800 { background-color: #c1160b; }
.bg-red-900 { background-color: #a9130a; }

/* Orange Shades */
.bg-orange-100 { background-color: #fed8b9; }
.bg-orange-200 { background-color: #febf8a; }
.bg-orange-300 { background-color: #fea55b; }
.bg-orange-400 { background-color: #fd9137; }
.bg-orange-500 { background-color: #fd7e14; }
.bg-orange-600 { background-color: #fd7612; }
.bg-orange-700 { background-color: #fc6b0e; }
.bg-orange-800 { background-color: #fc610b; }
.bg-orange-900 { background-color: #fc4e06; }

/* Yellow Shades */
.bg-yellow-100 { background-color: #f8dc86; }
.bg-yellow-200 { background-color: #f7d56e; }
.bg-yellow-300 { background-color: #f6ce55; }
.bg-yellow-400 { background-color: #f5c73d; }
.bg-yellow-500 { background-color: #f4c22b; }
.bg-yellow-600 { background-color: #f2b90d; }
.bg-yellow-700 { background-color: #daa70b; }
.bg-yellow-800 { background-color: #c2950a; }
.bg-yellow-900 { background-color: #aa8209; }

/* Green Shades */
.bg-green-100 { background-color: #bbf8e9; }
.bg-green-200 { background-color: #8ef4db; }
.bg-green-300 { background-color: #61f0cc; }
.bg-green-400 { background-color: #3fecc1; }
.bg-green-500 { background-color: #1de9b6; }
.bg-green-600 { background-color: #1ae6af; }
.bg-green-700 { background-color: #15e3a6; }
.bg-green-800 { background-color: #11df9e; }
.bg-green-900 { background-color: #0ad98e; }

/* Teal Shades */
.bg-teal-100 { background-color: #b3d9d9; }
.bg-teal-200 { background-color: #80c0c0; }
.bg-teal-300 { background-color: #4da6a6; }
.bg-teal-400 { background-color: #269393; }
.bg-teal-500 { background-color: #008080; }
.bg-teal-600 { background-color: #007878; }
.bg-teal-700 { background-color: #006d6d; }
.bg-teal-800 { background-color: #006363; }
.bg-teal-900 { background-color: #005050; }

/* Cyan Shades */
.bg-cyan-100 { background-color: #c5ecf9; }
.bg-cyan-200 { background-color: #9fdff5; }
.bg-cyan-300 { background-color: #78d2f0; }
.bg-cyan-400 { background-color: #5bc9ed; }
.bg-cyan-500 { background-color: #3ebfea; }
.bg-cyan-600 { background-color: #38b9e7; }
.bg-cyan-700 { background-color: #30b1e4; }
.bg-cyan-800 { background-color: #28a9e1; }
.bg-cyan-900 { background-color: #1b9bdb; }

/* Gray Shades */
.bg-gray-100 { background-color: #f8f9fa; }
.bg-gray-200 { background-color: #f3f5f7; }
.bg-gray-300 { background-color: #dbe0e5; }
.bg-gray-400 { background-color: #bec8d0; }
.bg-gray-500 { background-color: #8996a4; }
.bg-gray-600 { background-color: #5b6b79; }
.bg-gray-700 { background-color: #3e4853; }
.bg-gray-800 { background-color: #1d2630; }
.bg-gray-900 { background-color: #131920; }

.bg-light-primary {
background: #e6f6fe;
color: #04a9f5;
}
.bg-light-secondary {
background: #ebedef;
color: #39465f;
}
.bg-light-success {
background: #e8fdf8;
color: #1de9b6;
}
.bg-light-warning {
background: #fef9ea;
color: #f4c22b;
}
.bg-light-info {
background: #ecf9fd;
color: #3ebfea;
}
.bg-light-danger {
background: #feeceb;
color: #f44236;
}

.btn-light-primary {
background: #e6f6fe;
color: #04a9f5;
border-color: #e6f6fe;
}
.btn-light-secondary {
background: #ebedef;
color: #39465f;
border-color: #ebedef;
}
.btn-light-success {
background: #e8fdf8;
color: #1de9b6;
border-color: #e8fdf8;
}
.btn-light-danger {
background: #feeceb;
color: #f44236;
border-color: #feeceb;
}
.btn-light-warning {
background: #fef9ea;
color: #f4c22b;
border-color: #fef9ea;
}
.btn-light-info {
background: #ecf9fd;
color: #3ebfea;
border-color: #ecf9fd;
}
.btn-light-dark {
background: #e9e9ea;
color: #212529;
border-color: #e9e9ea;
}

.bg-none {
background:none;
}