.section-header {
    padding: 0.5rem 3rem 3rem 3rem;
}

.navbar-theme {
    background: #fff;
    border-bottom: 2px solid #dededf;
}

.login-btn {
    background:#96C13B;
    color: #fff;
    padding: 7px 18px;
    border-radius: 2px;
}

.collapse-brand .big-dot {
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background: #000;
}

.collapse-brand a {
    font-size: 18px;
    font-weight: 900;
}

.section-header-title {
    font-size: 22px;
    font-weight: 700;
}

.dash-card {
    border-radius: 0;
    border: 1px solid #fff !important;
}

.dash-card-1 {
    border-radius: 0;
    border: 1px solid #000;
}


/* body {
    background-color: black;
} */

.fa.fa-pencil-square-o {
   
    color: #2B6ED4; 
   
}
div a.btn.btn-primary {
    background-color: #2B6ED4;
    border-radius: 5px !important;
    border-color: #2B6ED4;
    /* color: white; */
    /* Add any other styling you need */
}
button .btn.btn-primary {
    background-color: #2B6ED4;
    border-radius: 5px !important;
    border-color: #2B6ED4;
    /* color: white; */
    /* Add any other styling you need */
}
form button .btn.btn-primary {
    background-color: #2B6ED4 !important;
    border-radius: 5px !important;
    border-color: #2B6ED4;
    /* color: white; */
    /* Add any other styling you need */
}

/* Admin */

.sidebar {
    top: 60px;
    background: #fff;
    border-right: 2px solid #dededf;
}

.sidebar .nav-link {
    border-radius: 0 !important;
    padding: 0.55rem 2rem !important;
}
.sidebar .nav-item {
    background-color: #f1f4f6;
}

.sidebar .nav-item .nav-link:hover{
    color: #fff !important;
    background-color: #2B6ED4!important;
    border-radius: 0 !important;
}
.sidebar .nav-item .nav-link{
    color: #000;
}
.sidebar .nav-item.active > .nav-link{
    color: #fff !important;
    background-color: #2B6ED4 !important;
}

.icon-container {
    display: inline-block;
    width: 18px; /* Adjust the width and height as needed */
    height: 18px;
    padding-bottom: 7px;
    margin-right: 5px;
    background-size: cover; /* or contain, depending on your preference */
}

.navbar-dashboard {
    background: #fff;
    padding: 10px 18px;
    border-radius: 0;
    border-bottom: 2px solid #dededf;
}

.sidebar .nav-item {
    border-radius: 0 !important;
}

.content .mid-content {
    padding-top: 5rem;
}


.breadcrumb-item + .breadcrumb-item::before{
    content: var(--bs-breadcrumb-divider, ">") !important;
}