:root {
    --primary: #003E7E;
    --secondary: #AD1F5C;
    --secondary-light: #941B4F;
}

.custom-tag {
    color: black;
    padding: 3px;
    border-radius: 3px;
}

[class*=sidebar-dark-] {
    background-color: var(--primary);
}


.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link {
    background-color: transparent;
    color: #F3F4F5;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover {
    background-color: var(--secondary);
    /* background-color: rgba(255, 255, 255, .1); */
    color: #F3F4F5;
    box-shadow: none;
}

.btn.btn-primary {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #F3F4F5;
}

.btn.btn-primary:hover {
    background-color: var(--secondary-light);
    border-color: var(--secondary-light);
}

.btn.btn-info,
.btn.btn-danger,
.btn.btn-secondary {
    background-color: #F3F4F5;
    border-color: #424445;
    color: #1D1E1F;
}

.btn.btn-info:hover,
.btn.btn-danger:hover,
.btn.btn-secondary:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #F3F4F5;
}

a {
    color: var(--secondary);
}

.brand-image,
.brand-image-xl {
    background-color: #F3F4F5;
}

.card-primary.card-outline {
    border-top: 3px solid var(--secondary);
}

.page-item.active .page-link {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.page-link {
    color: var(--primary);
}

.page-link:hover {
    color: var(--secondary);
}

.btn-success {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background-color: var(--secondary);
    color: #fff !important;
    border: 1px solid var(--secondary);
}

.ranges li:hover {
    border: 1px solid var(--secondary);
}

.ranges li {
    color: var(--primary) !important;
}

ul.dropdown-menu.dropdown-menu-right.show>li:hover {
    background-color: var(--secondary);
    color: #fff !important;
}

ul.dropdown-menu.dropdown-menu-right.show>li a:hover {
    color: #fff !important;
}

.dataTables_wrapper .bottom {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.bg-primary {
    background-color: var(--secondary) !important;
}

.direct-chat .card-body {
    border-bottom: 1px solid #e5e3e3;
}

.direct-chat-text+.comment {
    padding: 1rem 0px !important;
}

.tab-content .tab-pane {
    border: 1px solid #dee2e6;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
}

.tab-content .tab-pane .userbox-wpr {
    /* border: 1px solid #dddddd; */
    padding: 10px;
}

.tab-content .tab-pane .userbox-wpr img {
    margin-bottom: 5px;
}

.profile-user-img {
    border: 2px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    width: 75px;
}

.info-icon {
    color: darkgray;
    font-size: 13px;
}

.card-info:not(.card-outline)>.card-header {
    background-color: var(--primary);
}

.dataTables_wrapper .bottom .dataTables_info {
    white-space: nowrap;
    padding-top: 0px;
}

.dataTables_wrapper .bottom .dataTables_paginate {
    flex: 1 1 100%;
}

.dataTables_wrapper .bottom .dataTables_length label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 5px;
}

/* .dataTables_wrapper .bottom div[class^='dataTables_'],
.dataTables_wrapper .bottom div[class*='dataTables_'] {
    height: 42px;
} */