.bg-brand-blue {
    background-color: #234176 !important;
}
.bg-brand-green {
    background-color: #3BB721;
}

.btn-primary {
    color: #fff;
    background-color: #3BB721;
    border-color: #3BB721;
}

.btn-primary:hover {
    background-color: #349720;
    border-color: #349720;
}
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #2d831c;
    border-color: #2d831c;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link {
    border-radius: 0 60px 60px 0;
    color: #fff !important;
    background: linear-gradient(to right, #3BB721, #3BB721, #3BB721, #3BB721, #3BB721) ;
        box-shadow: 0px 7px 12px 0px rgba(59, 183, 33, 0.21) ;
    opacity: 1;
}

.page-link {
    color: #3BB721;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #3BB721;
    background-color: #3BB721;
}

.page-item.active .page-link {
    background-color: #3BB721;
    border-color: #3BB721;
}

.navbar-brand,
.left-sidebar {
    background-color: #1c222a !important;
}


.custom-file-label::after {
    background-color: #fff;
}


.square-100,
.circle-100 {
    height: 100px;
    width: 100px;
}
.circle-100 {
    border-radius: 50%;
}

.of-contain {
    object-fit: contain;
}

.of-cover {
    object-fit: cover;
}

@media screen and (max-width: 770px) {
    .navbar-header {
        background-color: #234176 !important;
    }
}