﻿table .btn {
    background: none !important;
}

button, a, label {
    font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
    font-weight: 400 !important;
    gap: 5px;
}

    button, a.btn {
        max-height: 38px !important;
    }

.dataTable .btn:not([class*=btn-label-]):not([class*=btn-outline-]) {
    box-shadow: none !important;
}

.checkbox-group {
    display: flex;
    justify-content: space-between;
}

.menu-inner .menu-icon {
    filter: invert(1)
}

.menu-icon-light {
    margin-right: 8px !important;
}

.recent-members .list-inline.list-inline-avatars .img-bordered, .recent-members .list-inline.list-inline-avatars .img-bordered-sm {
    padding: 0 !important;
}

.recent-members .list-inline.list-inline-avatars .img-rounded {
    border-radius: 27px !important;
}

.recent-members .list-inline-item .img-size-64, .recent-members .list-group-item .img-size-64 {
    height: 64px !important;
    object-fit: cover !important;
}

.recent-members .img-size-64 {
    width: 64px !important;
}

.recent-members .img-bordered {
    border: 3px solid #adb5bd !important;
    padding: 3px !important;
}

.recent-members .list-inline.list-inline-avatars .list-inline-item:first-child {
    margin-left: 0 !important;
}

.recent-members .list-inline-item {
    display: inline-block !important;
}

.non-orderable:before,
.non-orderable::after {
    display: none !important;
}

.stats-wrapper {
    display: flex;
    gap: 10rem;
}

.stats-item {
    display: flex;
    gap: 10px;
}

    .stats-item p {
        margin: 0;
    }

    .stats-item .icon {
        display: flex;
    }

    .stats-item .menu-icon {
        width: 2rem;
        filter: invert(1);
    }

.stats-item-data-wrapper .count {
    font-weight: bold;
    font-size: 18px;
}

.stats-item-data-wrapper .title {
    font-size: 14px;
    font-weight: 400;
}

.card-title {
    font-size: 20px;
}

.breadcrumb {
    margin-bottom: 8px;
    margin-top: 20px;
}

.welcome-title {
    font-size: 22px !important;
}

.text-bold {
    font-weight: bold;
}

.userGroups-wrapper {
    padding-block: 15px;
}

    .userGroups-wrapper button {
        padding: 4px 10px;
    }

.group-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding-block: 3px;
}

    .group-wrapper .status {
        border: 2px solid gray;
        border-radius: 8px;
        padding: 2px;
        color: gray;
    }

.status-wrapper {
    display: flex;
    gap: 5px;
}

.bootstrap-select .dropdown-toggle .filter-option {
    width: 95% !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    width: 95% !important;
}

.bootstrap-select .dropdown-toggle {
    background: none !important;
}

.sorting_disabled:before,
.sorting_disabled:after {
    display: none !important;
}

.sorting_disabled:before,
.sorting_disabled:after,
.sorting_disabled {
    cursor: default;
    pointer-events: none;
}

.hidden-button {
    display: none !important;
}

.fa-trash {
    cursor: pointer;
}

.btn-more {
    padding: 8px !important;
    border-bottom-right-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    cursor: pointer !important;
}

.image-placeholder {
    background: #28C76F1A;
    border: 1px solid #DBDADE1A;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-placeholder,
.highlight-image {
    width: 120px;
    height: 120px;
    border-radius: 8px;
}

    .image-placeholder img {
        cursor: pointer;
        object-fit: contain;
    }

.highlight-image {
    cursor: pointer;
    object-fit: cover;
}

.status-success,
.status-danger {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.status-success {
    background-color: #28C76F;
}

.status-danger {
    background-color: #EA5455;
}

.browse-btn {
    margin-bottom: 5px !important;
}

.card-header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .card-header i {
        transition: all 0.5s;
    }

    .card-header:not(.collapsed) i{
        transform: rotate(180deg);
    }

.clear-btn {
    position: absolute;
    top: 24%;
    right: 25%;
    cursor: pointer;
    display:none;
}

.placeholder-btn {
    padding: 23px;
    display:inline;
}

.dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.red-dot {
    background-color: #EA5455;
}

.green-dot {
    background-color: #28C76F;
}

.count-indicator {
    display: flex !important;
    justify-content: center;
    position: absolute !important;
    top: 28px !important;
    right: 20px;
    min-width: 20px;
    width: fit-content;
    height: 20px;
    align-items: center;
}

.flex-end {
    display: flex;
    justify-content: end;
    align-items: center;
}

.icon-disabled {
    filter: opacity(0.5);
    cursor: default;
}

.btn-text {
    background: none;
    border: none;
    color: #76778e;
}