.btn-color{
    color: #fff !important;    
}
  
.profile-image-pic{
    height: 200px;
    width: 200px;
    object-fit: cover;
} 
  
.cardbody-color{
    background-color: #ffffff;
}
  
a{
    text-decoration: none;
}
.login_title {
    font-size: 2rem;
    font-family: system-ui;
    font-weight: 800;
    color: #ffbc21 !important;
    background-color: #000;
    padding: 0.5rem;
    border-radius: 3rem;
    margin-top: 3rem;
}

/* backend */
.backend_container {
    z-index: 1;
    position: relative;
    overflow-x: hidden;
}

.backend_container .header {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 1rem;
}

.backend_container .header .item {
    background-color: #961f3b;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 8px #000000;
    font-size: 1.5rem;
}

.backend_container .header .item .inside_item {
    border: 0.01rem solid #fff;
    border-radius: 0.5rem;
    padding: 0.1rem;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    width: 100%;
    display: block;
}

.backend_container .header .item .inside_item.active {
    border: 0.01rem solid #fff;
    border-radius: 0.5rem;
    padding: 0.1rem;
    background-color: #fff;
    color: #961f3b;
}

.background-image {
    position: absolute;
    z-index: 0;
    opacity: 0.3;
}

.content .item {
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.3rem;
    border: 0.01rem solid #cfcfcf;
    margin: 0.3rem;
    background-color: #f7f7f7;
}

/* .content .item.active {
    background-color: #d0d0d0;
}

.content .item.active input[name="ma_so_nhan_giai"], .content .item.active input[name="ten_nguoi_nhan_giai"] {
    background-color: #c0c0c0;
    text-align: center;
    color: #fff;
} */

.content .item input {
    margin-bottom: 0.3rem;
    padding: 0.1rem 0.5rem;
    font-size: 0.9rem;
}

.content .item button {
    width: 100%;
    color: #961f3b;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.3rem;
}

.content .title {
    font-size: 1.2rem;
    background-color: #961f3b;
    padding: 0.3rem 1rem;
    color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-check-input {
    padding: 0.5rem !important;
}

.form-check-input:checked {
    background-color: #961f3b !important;
    border-color: #961f3b !important;
}

.group_inside_item {
    padding: 0.3rem;
    border: 0.01rem solid #d7d7d7;
    width: 98% !important;
    margin: auto;
    border-radius: 0.3rem;
    margin-top: 1rem !important;
}

.group_inside_item .group_title {
    background-color: #f7f7f7;
    border-radius: 1rem;
    color: #626262;
    font-size: 1rem;
    padding: 0.1rem 0.3rem 0.2rem;
    position: absolute;
    margin-top: -1.2rem;
}

/* phân trang */
nav[role="navigation"] {
    text-align: center;
}
  
/* nav[role="navigation"] .pagination {
    width: fit-content;
    margin: auto;
}
  
nav[role="navigation"] .page-item .page-link {
    color: #7e0000;
}
  
nav[role="navigation"] .page-item.active .page-link {
    background-color: #7e0000;
    border-color: #7e0000;
    color: #fff;
} */

nav[role="navigation"] a {
    text-decoration: none;
    color: #ffbc21;
}

span[aria-current="page"] .cursor-default {
    background-color: #ffbc21 !important;
    color: #fff;
}

nav[role="navigation"] img, svg {
    vertical-align: middle;
    width: 3rem;
}

nav[role='navigation'] > div > div span[aria-disabled="true"]{
    display: none;
}

nav[role='navigation'] .flex-1 {
    display: none;
}

/* .backend_container nav[role="navigation"] {
    text-align: center;
} */