/*

Template Name: Custom CSS

Author: Lahiru Dissanayake

*/

form {
    .btn:not(.remove, .remove_payment, .delete-payment) {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
    }
}

.topbar .navbar .navbar-nav {
    .btn-sm {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dropdown-app,
    .dropdown-laungauge,
    .dark-mode {
        display: none !important;
    }
}

.toolbar .text-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;

    .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
    }
}

.dataTables_info .select-info {
    display: none;
}

@media screen and (max-width: 767px) {
    .topbar .navbar .navbar-nav .btn-sm {
        line-height: 1.125rem;

        i {
            display: none;
        }
    }
    .mobile-card-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .dt-buttons {
        display: none;
    }

    .dataTables_length {
        display: none;
    }

    .input-group .cu-flex-50 {
        flex: 0 0 50% !important;
    }
}