/* Custom Theme Overrides */

:root {
    --primary-color: #007a00;
    --primary-text-color: #ffffff;
    --dark-color: #2f2e02;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--dark-color) !important;
    border-color: var(--dark-color) !important;
    color: var(--primary-text-color) !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--dark-color);
}

.form-control:focus {
    border-color: var(--primary-color) !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary-color) !important;
}

#topnav .topbar-main {
    background-color: var(--primary-color) !important;
}

#topnav .topbar-main .logo {
    line-height: 60px;
}

.app-search .form-control,
.app-search .form-control:focus {
    border: 1px solid #7fb47fff;
    font-size: 13px;
    height: 34px;
    padding-left: 18px;
    padding-right: 40px;
    margin-right: 20px;
    background: #007a00;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 30px;
    width: 200px;
    color: #ffffff;
}

#topnav .has-submenu.active a {
    color: #007a00 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #007a00 !important;
    -webkit-box-shadow:
        0 2px 3px rgba(0, 0, 0, 0.1),
        0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow:
        0 2px 3px rgba(0, 0, 0, 0.1),
        0 2px 5px rgba(0, 0, 0, 0.15);
}

.recent-activity-tab .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    background: #007a00 !important;
    -webkit-transform: rotate(-60deg) skew(60deg);
    transform: rotate(-60deg) skew(60deg);
    top: -7px;
}

.recent-activity-tab .nav-item::before {
    content: "";
    position: absolute;
    top: -7px;
    width: 12px;
    height: 12px;
    background: rgb(0, 122, 0) !important;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
}

#topnav .navigation-menu > li:hover a {
    color: rgb(0, 122, 0) !important;
}