.scroll-sidebar {
    position: relative;
    background-color: #8B0000; 
}
.sidebar-nav ul li a {
    color: #ffffff !important;
}

.topbar .top-navbar {
    min-height: 50px;
    background-color: #8B0000 !important;
    padding: 0;
}
.btn-danger {
    color: #ffffff;
    background-color: #A21419;
    border-color: #A21419;
}

.text-danger {
    color: #A21419 !important;
}


table th {
    background-color: #FFBABD !important;
}


.manage-member-page h1,
.manage-member-page h2,
.manage-member-page h3,
.manage-member-page h4,
.manage-member-page h5,
.manage-member-page h6 {
    color: #A21419 !important;
}



.manage-member-page table thead th {
    background-color: #FFBABD !important;
    color: #1f1f1f;
    font-weight: 600;
    padding: 14px 16px;
    border: none;
}

.manage-member-page table tbody tr {
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

.manage-member-page table tbody tr:nth-child(odd) {
    background-color: #f3f5ff;
}
.manage-member-page table td {
    padding: 18px 16px;
    vertical-align: middle;
    font-size: 14px;
}



.btn-primary {
    background-color: #A21419 !important;
    border-color: #A21419 !important;
}





.manage-member-page a#changeStatus {
    background-color: #9B1C1C;   
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}




.manage-member-page table tbody tr td:nth-child(7) {
    vertical-align: middle;
    position: relative;
    color: transparent; 
}

.manage-member-page table tbody tr td:nth-child(7)::before {
    content: "Active";
    display: inline-block;
    background-color: #EAF7EE;
    color: #71DD8C;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* Distinct Subscribe (green) vs Unsubscribe (red outline) on manage members */
.manage-member-page .btn-subscribe-member {
    background-color: #16a34a;
    border: 1px solid #16a34a;
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 500;
}
.manage-member-page .btn-subscribe-member:hover {
    background-color: #15803d;
    border-color: #15803d;
    color: #ffffff !important;
}
.manage-member-page .btn-subscribe-member i {
    margin-right: 4px;
    font-size: 12px;
}
.manage-member-page .btn-unsubscribe-member {
    background-color: transparent;
    border: 1px solid #A21419;
    color: #A21419 !important;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 500;
}
.manage-member-page .btn-unsubscribe-member:hover {
    background-color: #A21419;
    color: #ffffff !important;
}
.manage-member-page .btn-unsubscribe-member i {
    margin-right: 4px;
    font-size: 12px;
}










.portlet-title .nav-pills .nav-link.active,
.portlet-title .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #A21419;
}

.fro_profile .text-success,
#profile-info .text-success {
    color: #A21419 !important;
}

.fro_profile .btn-info {
    color: #fff;
    background-color: #A21419;
    border-color: #000;
}
#profile-info form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 22px;
}

#profile-info textarea {
    grid-column: 1 / -1;
}

#profile-info .margiv-top-10 {
    grid-column: 2 / 3;
    justify-self: end;
}

#profile-info input[type="checkbox"] {
    margin-top: 10px;
}

#profile-info .form-group {
    margin-bottom: 0;
}


#profile-info .btn-warning {
    background-color: #A21419;
    border-color: #A21419;
}

#profile-info h4,
#profile-info .h4, h4{
    font-size: 1.125rem;
    COLOR: #A21419;
}


#change-profile-photo .btn-warning {
    background-color: #A21419;
    border-color: #A21419;
    color: #fff;
}

#change-password .btn-warning {
    background-color:  #A21419;
    border-color: #A21419;
    color: #fff;
}

.nav-pills .nav-link {
    color: #A21419 !important;  
}

.nav-pills .nav-link:hover {
    color:#A21419 !important;
}

.nav-pills .nav-link.active {
    background-color:#A21419 !important;
    color: #fff !important;
}



.page-wrapper table tbody tr {
    background-color: #ffffff;
}

.page-wrapper table tbody tr:nth-child(odd) {
    background-color: #f3f5ff;
}

.page-wrapper .matchList td {
    vertical-align: middle;
    padding: 16px;
    border-top: none;
}

.page-wrapper .matchList td img {
    width: 48px !important;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
}

.page-wrapper .matchList td:nth-child(6) {
    font-weight: 600;
}

.page-wrapper .matchList td:last-child {
    white-space: nowrap;
}

.page-wrapper .matchList .btn-info,
.page-wrapper .matchList .btn-danger {
    background: transparent;
    border: 1px solid #A21419;
    color: #A21419;
    padding: 6px 10px;
    border-radius: 8px;
}

.page-wrapper .matchList .btn-outline-danger {
    background: transparent;
    border: 1px solid #A21419;
    color: #A21419;
    padding: 6px 16px;
    border-radius: 8px;
}

.page-wrapper .card {
    border-radius: 14px;
    border: none;
}

.page-wrapper .table {
    border-collapse: separate;
    border-spacing: 0 12px;
}

.page-wrapper .matchList tbody tr td:nth-child(5) {
    color: transparent;
}

.page-wrapper .matchList tbody tr td:nth-child(5)::before {
    content: "Active";
    display: inline-block;
    background-color: #EAF7EE;
    color: #71DD8C;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.page-wrapper .matchList tbody tr td:nth-child(5).inactive::before {
    content: "Inactive";
    background-color: #F6E6E8;
    color: #A21419;
    vertical-align: middle;
}
.page-wrapper .matchList tbody tr td:nth-child(5) {
    white-space: nowrap;
}

.page-wrapper .btn.btn-warning {
    background-color: #A21419 !important;
    border-color: #A21419 !important;
    color: #ffffff !important;
}

.page-wrapper .btn.btn-warning:hover,
.page-wrapper .btn.btn-warning:focus {
    background-color: #A21419 !important;
    border-color: #A21419 !important;
    color: #ffffff !important;
}


.page-wrapper .matchList a.btn-success {
    background-color: #A21419;
    border-color: #A21419;
    color: #ffffff;
}


.page-titles .breadcrumb .breadcrumb-item.active {
    color: #A21419;
    font-weight: 500;
}