:root {
    --main-primary-color: #70ad47;
    --main-secondary-color: #00843d;
    --primary-color: #70ad47;
    --secondary-color: #059243;
    --hover: #04b554;
    --light-hover: #04c55c;
    --background: #f1f7f0;
    --primary-lighter: #00b750;
}

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

    a:hover {
        color: #0056b3;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--background);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: var(--background);
}

.btn-primary, .wizard > .actions a {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

    .btn-primary:hover, .wizard > .actions a:hover {
        color: #fff;
        background-color: var(--hover);
        border-color: var(--light-hover);
    }

    .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(9, 181, 12, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(9, 181, 12, 0.5);
    }

    .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled {
        color: #fff;
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle,
    .wizard > .actions .show > a.dropdown-toggle {
        color: #fff;
        background-color: var(--hover);
        border-color: var(--light-hover);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus,
        .wizard > .actions .show > a.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(9, 181, 12, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(9, 181, 12, 0.5);
        }

.btn-link {
    color: var(--primary-color);
}

    .btn-link:hover {
        color: #0056b3;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
    }

.dropdown-item {
    color: #343a40;
    background-color: transparent;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        background-color: var(--primary-color);
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
}

    .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #e9ecef;
    }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.custom-range {
    background-color: transparent;
}

    .custom-range:focus::-webkit-slider-thumb {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-range::-webkit-slider-thumb {
        background-color: var(--primary-color);
    }

    .custom-range::-moz-range-thumb {
        background-color: var(--primary-color);
    }

    .custom-range::-ms-thumb {
        background-color: var(--primary-color);
    }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary-color);
}

.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: var(--primary-color);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
    .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {
        color: #0056b3;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
    .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.progress-bar {
    color: #fff;
    background-color: var(--primary-color);
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff;
    }

    .list-group-item.active {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.modal-content {
    background-color: var(--background);
}

.bg-primary, .settings-panel .color-tiles .tiles.primary {
    background-color: var(--secondary-color) !important
}

a.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover, a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus,
button.bg-primary:hover,
.settings-panel .color-tiles button.tiles.primary:hover,
button.bg-primary:focus,
.settings-panel .color-tiles button.tiles.primary:focus {
    background-color: var(--hover) !important;
}

.bg-gradient-primary, #theme-settings .settings-close {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color))) !important;
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color)) !important;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

.accordion.accordion-multi-colored .card:nth-child(1) {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

/*Badge gradient variations*/
.badge-gradient-primary {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

.btn-primary:not(.btn-light), .wizard > .actions a:not(.btn-light) {
    color: #ffffff;
}

    .btn-primary:not(.btn-light):hover, .wizard > .actions a:not(.btn-light):hover, .btn-primary:not(.btn-light):focus, .wizard > .actions a:not(.btn-light):focus, .btn-primary:not(.btn-light):active, .wizard > .actions a:not(.btn-light):active {
        color: #ffffff;
    }

    .btn-primary:not(.btn-light):focus, .wizard > .actions a:not(.btn-light):focus, .btn-primary:not(.btn-light):active, .wizard > .actions a:not(.btn-light):active {
        background: var(--secondary-color);
        border-color: var(--secondary-color);
    }

.btn-outline-primary:hover, .wizard > .actions .disabled a:hover, .btn-outline-primary:focus, .wizard > .actions .disabled a:focus, .btn-outline-primary:active, .wizard > .actions .disabled a:active {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #000;
}

/* gradient buttons */
.btn-gradient-primary {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

    .btn-gradient-primary:not([disabled]):not(.disabled):active, .btn-gradient-primary:not([disabled]):not(.disabled).active,
    .show > .btn-gradient-primary.dropdown-toggle {
        background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
        background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    }

    .btn-gradient-primary:not(.btn-gradient-light) {
        color: #ffffff;
    }

        .btn-gradient-primary:not(.btn-gradient-light):hover, .btn-gradient-primary:not(.btn-gradient-light):focus, .btn-gradient-primary:not(.btn-gradient-light):active {
            color: #ffffff;
        }

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

.form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}


.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    border-color: #ebedf2;
    color: #343a40;
}

.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}

/* pagination variations */
.pagination-primary .page-item.active .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,
.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {
    background: #edd521;
    border-color: #edd521;
}

.pagination-primary .page-item .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {
    background: #c387ff;
    border-color: #edd521;
    color: #ffffff;
}

.popover-primary .popover-header {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

.popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #edd521;
}

.popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #edd521;
}

.popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #edd521;
}

.popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #edd521;
}

.nav-tabs.nav-tabs-vertical-custom {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

    .nav-tabs.nav-tabs-vertical-custom .nav-link {
        border-color: rgba(255, 255, 255, 0.2);
        color: #6a00d3;
    }

        .nav-tabs.nav-tabs-vertical-custom .nav-link.active {
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.2);
        }

.nav-pills-primary .nav-link {
    color: #edd521;
}

    .nav-pills-primary .nav-link.active {
        background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
        background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    }

.timeline-wrapper-primary .timeline-panel:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

.timeline-wrapper-primary .timeline-badge {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
}

.timeline .timeline-wrapper .timeline-panel {
    background-color: var(--background);
}

.tooltip-primary .tooltip-inner {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

.fc .fc-event {
    color: #ffffff;
}

    .fc .fc-event.fc-start {
        background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
        background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
        border-left: 4px solid #edd521;
    }

.pws_tabs_container ul.pws_tabs_controll {
    border-bottom: 1px solid #edd521;
}

    .pws_tabs_container ul.pws_tabs_controll li:last-child a {
        border-right: 1px solid #edd521;
    }

    .pws_tabs_container ul.pws_tabs_controll li a {
        border: 1px solid #edd521;
        color: #edd521;
    }

        .pws_tabs_container ul.pws_tabs_controll li a:hover {
            background: #fff;
            color: #edd521;
        }

        .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
            background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
            background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
            color: #fff;
        }

div.tagsinput {
    border-color: #ebedf2;
}

    div.tagsinput span.tag {
        background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
        background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
        color: #ffffff;
    }

        div.tagsinput span.tag a {
            color: #ffffff;
        }

.footer {
    background-color: var(--background);
}

.wizard > .content {
    background: var(--background);
}

.auth.multi-step-login {
    background: var(--background);
}

.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {
    background: var(--background);
}

.tickets-tab-switch .nav-item .nav-link.active {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

    .tickets-tab-switch .nav-item .nav-link.active .badge {
        background: #fed713;
        color: #ffffff;
    }

/* Navbar color variations */
.navbar.navbar-primary .navbar-menu-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(var(--main-primary-color)), to(var(--main-secondary-color)));
    background: linear-gradient(to right, var(--main-primary-color), var(--main-secondary-color));
    color: #ffffff;
}

.content-wrapper {
    background: var(--background);
}

.arrow-carousel {
    color: #fff;
    background-color: var(--primary-color);
}

#pills-tab-banking .nav-link {
    border-color: var(--primary-color) !important;
}

.bar-loader span {
    background-color: rgb(30, 113, 0);
}

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

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

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus, .tt-query:focus, .tt-hint:focus {
    border-color: #5bd877;
}

.badge-primary {
    color: #fff;
    background-color: var(--primary-color) !important;
}

.badge-primary {
    border: 1px solid var(--primary-color) !important;
    color: #ffffff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: var(--primary-lighter) !important;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(112, 173, 71, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(112, 173, 71, 0.5);
}

.nav-tabs .nav-link:not(.active) {
    background: rgba(4, 197, 92, 0.31) !important;
}