body {
    background: #fafafa;
}
.navbar {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
.inner-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.navbar-brand img {
    width: 120px;
}
#logout {
    color: #045DB0;
}
.navbar-nav p span {
    font-weight: bold;
}
.navbar-nav img {
    width: 24px;
}
.form-control, .form-select {
    border-radius: 8px;
    border: 1px solid #B5B2B2;
    box-shadow: 0px 0px 2px 3px rgba(153, 178, 200, 0.21);
}
.btn {
    border-radius: 8px;
    padding: 6px 30px;
    text-transform: uppercase;
}
.btn-primary {
    border-color: #B5B2B2;  
    background: #003974;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #022852;
}
.mb-4 {
    margin-bottom: 1.8rem!important;
}
a {
    cursor: pointer;
}
.user-details {
    background: #F9F3EB;
}
.user-details p span {
    font-weight: bold;
}

.back-btn-wrapper a {
    color: #212529;
    text-decoration: none;
}
.back-btn-wrapper a img {
    width: 20px;
    margin-right: 10px;
}
.achievement-per-data h6 {
    font-size: 17px;
}
.achievement-per-data p {
    font-size: 14px;
    font-weight: bold;
}
.achievement-per-wrapper {
    background: #DD5407;
    color: white;
}
.heading-wrapper h3 {
    font-size: 20px;
    font-weight: bold;
}
/* Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #003974; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #002043; 
}
/* Scrollbar */
@media(max-width: 767px) {
    .navbar-nav {
        text-align: right;
    }
    .navbar-nav .nav-link {
        padding-bottom: 0px;
        padding-top: 2px;
        font-size: 14px;
    }
}