body.theme-2 {
    background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}

body.theme-2 .bg-primary {
    background: linear-gradient(141.55deg, rgba(81, 69, 157, 0) 3.46%, #4ebbd3 99.86%), #1f3996 !important;
}

body.theme-2 .dash-header .drp-language .drp-text,
body.theme-2 .dash-header .dash-head-link > i:not(.nocolor) {
    color: #1f3996;
}

body.theme-2 .dash-header .drp-company .theme-avtar {
    background: #d2d7ea;
    color: #1f3996;
}

body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:active > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item.active > .dash-link,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:active > .dash-link,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:focus > .dash-link,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:hover > .dash-link {
    background: linear-gradient(141.55deg, rgba(81, 69, 157, 0) 3.46%, #4ebbd3 99.86%), #1f3996;
    color: #fff;
    box-shadow: 0 5px 7px -1px rgba(31, 57, 150, 0.3);
}

body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link i, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:active > .dash-link i, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link i, body.theme-2 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link i,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item.active > .dash-link i,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:active > .dash-link i,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:focus > .dash-link i,
body.theme-2 .dash-sidebar .dash-navbar > .dash-item:hover > .dash-link i {
    color: #1f3996;
}

body.theme-2 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item::before,
body.theme-2 .dash-sidebar .dash-item .dash-submenu .dash-item::before {
    border-right-color: #1f3996;
}

body.theme-2 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item.active > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:active > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:focus > .dash-link, body.theme-2 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:hover > .dash-link,
body.theme-2 .dash-sidebar .dash-item .dash-submenu .dash-item.active > .dash-link,
body.theme-2 .dash-sidebar .dash-item .dash-submenu .dash-item:active > .dash-link,
body.theme-2 .dash-sidebar .dash-item .dash-submenu .dash-item:focus > .dash-link,
body.theme-2 .dash-sidebar .dash-item .dash-submenu .dash-item:hover > .dash-link {
    color: #1f3996;
}

body.theme-2 a:not([class]) {
    color: #1f3996;
}

body.theme-2 a:not([class]):hover {
    color: #1f3996;
}

body.theme-2 .text-primary {
    color: #1f3996 !important;
}

body.theme-2 .list-group-item.active {
    background: linear-gradient(141.55deg, rgba(81, 69, 157, 0) 3.46%, #4ebbd3 99.86%), #1f3996 !important;
}

body.theme-2 .progress-bar:not([class*="bg-"]),
body.theme-2 .btn-primary {
    color: #ffffff;
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .progress-bar:not([class*="bg-"]):hover,
body.theme-2 .btn-primary:hover {
    color: #ffffff;
    background-color: #1a3080;
    border-color: #192e78;
}

.btn-check:focus + body.theme-2 .progress-bar:not([class*="bg-"]), body.theme-2 .progress-bar:not([class*="bg-"]):focus, .btn-check:focus +
body.theme-2 .btn-primary,
body.theme-2 .btn-primary:focus {
    color: #ffffff;
    background-color: #1a3080;
    border-color: #192e78;
    box-shadow: 0 0 0 0.2rem rgba(65, 87, 166, 0.5);
}

.btn-check:checked + body.theme-2 .progress-bar:not([class*="bg-"]),
.btn-check:active + body.theme-2 .progress-bar:not([class*="bg-"]), body.theme-2 .progress-bar:not([class*="bg-"]):active, body.theme-2 .progress-bar:not([class*="bg-"]).active,
.show > body.theme-2 .progress-bar:not([class*="bg-"]).dropdown-toggle, .btn-check:checked +
body.theme-2 .btn-primary,
.btn-check:active +
body.theme-2 .btn-primary,
body.theme-2 .btn-primary:active,
body.theme-2 .btn-primary.active,
.show >
body.theme-2 .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #192e78;
    border-color: #172b71;
}

.btn-check:checked + body.theme-2 .progress-bar:not([class*="bg-"]):focus,
.btn-check:active + body.theme-2 .progress-bar:not([class*="bg-"]):focus, body.theme-2 .progress-bar:not([class*="bg-"]):active:focus, body.theme-2 .progress-bar:not([class*="bg-"]).active:focus,
.show > body.theme-2 .progress-bar:not([class*="bg-"]).dropdown-toggle:focus, .btn-check:checked +
body.theme-2 .btn-primary:focus,
.btn-check:active +
body.theme-2 .btn-primary:focus,
body.theme-2 .btn-primary:active:focus,
body.theme-2 .btn-primary.active:focus,
.show >
body.theme-2 .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(65, 87, 166, 0.5);
}

body.theme-2 .progress-bar:not([class*="bg-"]):disabled, body.theme-2 .progress-bar:not([class*="bg-"]).disabled,
body.theme-2 .btn-primary:disabled,
body.theme-2 .btn-primary.disabled {
    color: #ffffff;
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .btn-outline-primary {
    color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .btn-outline-primary:hover {
    color: #ffffff;
    background-color: #1f3996;
    border-color: #1f3996;
}

.btn-check:focus + body.theme-2 .btn-outline-primary, body.theme-2 .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 57, 150, 0.5);
}

.btn-check:checked + body.theme-2 .btn-outline-primary,
.btn-check:active + body.theme-2 .btn-outline-primary, body.theme-2 .btn-outline-primary:active, body.theme-2 .btn-outline-primary.active, body.theme-2 .btn-outline-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #1f3996;
    border-color: #1f3996;
}

.btn-check:checked + body.theme-2 .btn-outline-primary:focus,
.btn-check:active + body.theme-2 .btn-outline-primary:focus, body.theme-2 .btn-outline-primary:active:focus, body.theme-2 .btn-outline-primary.active:focus, body.theme-2 .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 57, 150, 0.5);
}

body.theme-2 .btn-outline-primary:disabled, body.theme-2 .btn-outline-primary.disabled {
    color: #1f3996;
    background-color: transparent;
}

body.theme-2 .btn-light-primary {
    background: #d2d7ea;
    color: #1f3996;
    border-color: #d2d7ea;
}

body.theme-2 .btn-light-primary:hover {
    background: #1f3996;
    color: #fff;
    border-color: #1f3996;
}

body.theme-2 .btn-light-primary.focus, body.theme-2 .btn-light-primary:focus {
    background: #1f3996;
    color: #fff;
    border-color: #1f3996;
}

body.theme-2 .btn-light-primary:not(:disabled):not(.disabled).active, body.theme-2 .btn-light-primary:not(:disabled):not(.disabled):active,
.show > body.theme-2 .btn-light-primary.dropdown-toggle {
    background: #1f3996;
    color: #fff;
    border-color: #1f3996;
}

body.theme-2 .btn-check:active + .btn-light-primary,
body.theme-2 .btn-check:checked + .btn-light-primary {
    background: #1f3996;
    color: #fff;
    border-color: #1f3996;
}

body.theme-2 .alert-primary {
    color: #13225a;
    background-color: #d2d7ea;
    border-color: #bcc4e0;
}

body.theme-2 .alert-primary .alert-link {
    color: #0f1b48;
}

body.theme-2 .badge.bg-light-primary {
    background: #d2d7ea;
    color: #1f3996;
    border-color: #d2d7ea;
}

body.theme-2 .page-item.active .page-link {
    background: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .nav-link {
    color: #1f3996;
}

body.theme-2 .nav-link:hover, body.theme-2 .nav-link:focus {
    color: #1f3996;
}

body.theme-2 .nav-tabs .nav-link {
    background: none;
}

body.theme-2 .nav-pills .nav-link {
    background: none;
}

body.theme-2 .nav-pills .nav-link:focus,
body.theme-2 .nav-pills .nav-link.active,
body.theme-2 .nav-pills .show > .nav-link {
    color: #ffffff;
    background: linear-gradient(141.55deg, rgba(81, 69, 157, 0) 3.46%, #4ebbd3 99.86%), #1f3996;
}

body.theme-2 .form-check-input:focus,
body.theme-2 .form-select:focus,
body.theme-2 .form-control:focus,
body.theme-2 .custom-select:focus,
body.theme-2 .dataTable-selector:focus,
body.theme-2 .dataTable-input:focus {
    border-color: #1f3996;
    box-shadow: 0 0 0 0.2rem rgba(31, 57, 150, 0.25);
}

body.theme-2 .form-check-input:checked {
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .form-range::-webkit-slider-thumb {
    background: #1f3996;
}

body.theme-2 .form-range::-webkit-slider-thumb:active {
    background: #1f3996;
}

body.theme-2 .form-range::-moz-range-thumb {
    background: #1f3996;
}

body.theme-2 .form-range::-moz-range-thumb:active {
    background: #1f3996;
}

body.theme-2 .form-check-input:checked {
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .form-check-input[type="checkbox"]:indeterminate {
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 .form-check .form-check-input.input-primary:checked {
    background-color: #1f3996;
    border-color: #1f3996;
}

body.theme-2 pre[class*="language-"] > code {
    border-left-color: #1f3996;
    background-image: linear-gradient(transparent 50%, rgba(31, 57, 150, 0.04) 50%);
}

body.theme-2 .card .card-header h5:after, body.theme-2 .card .card-header .h5:after,
body.theme-2 .card .card-header .h5:after {
    background: #1f3996;
}

body.theme-3 {
    background: linear-gradient(115.25deg, #ffffff 0%, #f8f9fd 100.25%);
}

body.theme-3 .bg-primary {
    background: linear-gradient(141.55deg, #6fd943 3.46%, #6fd943 99.86%), #6fd943 !important;
}

/*body.theme-3 a:not([class]) {
    color: #6fd943;
}

body.theme-3 a:not([class]):hover {
    color: #6fd943;
}*/

/*body.theme-3 .text-primary {
    color: #6fd943 !important;
}*/

body.theme-3 .list-group-item.active {
    background: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%) !important;
}

body.theme-3 .progress-bar:not([class*="bg-"]),
body.theme-3 .btn-primary {
    color: #ffffff;
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .progress-bar:not([class*="bg-"]):hover,
body.theme-3 .btn-primary:hover {
    color: #ffffff;
    background-color: #5eb839;
    border-color: #59ae36;
}

.btn-check:focus + body.theme-3 .progress-bar:not([class*="bg-"]), body.theme-3 .progress-bar:not([class*="bg-"]):focus, .btn-check:focus +
body.theme-3 .btn-primary,
body.theme-3 .btn-primary:focus {
    color: #ffffff;
    background-color: #5eb839;
    border-color: #59ae36;
    box-shadow: 0 0 0 0.2rem rgba(133, 223, 95, 0.5);
}

.btn-check:checked + body.theme-3 .progress-bar:not([class*="bg-"]),
.btn-check:active + body.theme-3 .progress-bar:not([class*="bg-"]), body.theme-3 .progress-bar:not([class*="bg-"]):active, body.theme-3 .progress-bar:not([class*="bg-"]).active,
.show > body.theme-3 .progress-bar:not([class*="bg-"]).dropdown-toggle, .btn-check:checked +
body.theme-3 .btn-primary,
.btn-check:active +
body.theme-3 .btn-primary,
body.theme-3 .btn-primary:active,
body.theme-3 .btn-primary.active,
.show >
body.theme-3 .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #59ae36;
    border-color: #53a332;
}

.btn-check:checked + body.theme-3 .progress-bar:not([class*="bg-"]):focus,
.btn-check:active + body.theme-3 .progress-bar:not([class*="bg-"]):focus, body.theme-3 .progress-bar:not([class*="bg-"]):active:focus, body.theme-3 .progress-bar:not([class*="bg-"]).active:focus,
.show > body.theme-3 .progress-bar:not([class*="bg-"]).dropdown-toggle:focus, .btn-check:checked +
body.theme-3 .btn-primary:focus,
.btn-check:active +
body.theme-3 .btn-primary:focus,
body.theme-3 .btn-primary:active:focus,
body.theme-3 .btn-primary.active:focus,
.show >
body.theme-3 .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 223, 95, 0.5);
}

body.theme-3 .progress-bar:not([class*="bg-"]):disabled, body.theme-3 .progress-bar:not([class*="bg-"]).disabled,
body.theme-3 .btn-primary:disabled,
body.theme-3 .btn-primary.disabled {
    color: #ffffff;
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .btn-outline-primary {
    color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .btn-outline-primary:hover {
    color: #ffffff;
    background-color: #6fd943;
    border-color: #6fd943;
}

.btn-check:focus + body.theme-3 .btn-outline-primary, body.theme-3 .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 217, 67, 0.5);
}

.btn-check:checked + body.theme-3 .btn-outline-primary,
.btn-check:active + body.theme-3 .btn-outline-primary, body.theme-3 .btn-outline-primary:active, body.theme-3 .btn-outline-primary.active, body.theme-3 .btn-outline-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #6fd943;
    border-color: #6fd943;
}

.btn-check:checked + body.theme-3 .btn-outline-primary:focus,
.btn-check:active + body.theme-3 .btn-outline-primary:focus, body.theme-3 .btn-outline-primary:active:focus, body.theme-3 .btn-outline-primary.active:focus, body.theme-3 .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 217, 67, 0.5);
}

body.theme-3 .btn-outline-primary:disabled, body.theme-3 .btn-outline-primary.disabled {
    color: #6fd943;
    background-color: transparent;
}

body.theme-3 .btn-light-primary {
    background: #e2f7d9;
    color: #6fd943;
    border-color: #e2f7d9;
}

body.theme-3 .btn-light-primary:hover {
    background: #6fd943;
    color: #fff;
    border-color: #6fd943;
}

body.theme-3 .btn-light-primary.focus, body.theme-3 .btn-light-primary:focus {
    background: #6fd943;
    color: #fff;
    border-color: #6fd943;
}

body.theme-3 .btn-light-primary:not(:disabled):not(.disabled).active, body.theme-3 .btn-light-primary:not(:disabled):not(.disabled):active,
.show > body.theme-3 .btn-light-primary.dropdown-toggle {
    background: #6fd943;
    color: #fff;
    border-color: #6fd943;
}

body.theme-3 .btn-check:active + .btn-light-primary,
body.theme-3 .btn-check:checked + .btn-light-primary {
    background: #6fd943;
    color: #fff;
    border-color: #6fd943;
}

body.theme-3 .alert-primary {
    color: #438228;
    background-color: #e2f7d9;
    border-color: #d4f4c7;
}

body.theme-3 .alert-primary .alert-link {
    color: #366820;
}

body.theme-3 .badge.bg-light-primary {
    background: #e2f7d9;
    color: #6fd943;
    border-color: #e2f7d9;
}

/*body.theme-3 .page-item.active .page-link {
    background: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .nav-link {
    color: #6fd943;
}

body.theme-3 .nav-link:hover, body.theme-3 .nav-link:focus {
    color: #6fd943;
}

body.theme-3 .nav-tabs .nav-link {
    background: none;
}

body.theme-3 .nav-pills .nav-link {
    background: none;
}

body.theme-3 .nav-pills .nav-link:focus,
body.theme-3 .nav-pills .nav-link.active,
body.theme-3 .nav-pills .show > .nav-link {
    color: #ffffff;
    background: linear-gradient(141.55deg, #6fd943 3.46%, #6fd943 99.86%), #6fd943;
}*/

body.theme-3 .form-check-input:focus,
body.theme-3 .form-select:focus,
body.theme-3 .form-control:focus,
body.theme-3 .custom-select:focus,
body.theme-3 .dataTable-selector:focus,
body.theme-3 .dataTable-input:focus {
    border-color: #6fd943;
    box-shadow: 0 0 0 0.2rem rgba(111, 217, 67, 0.25);
}

body.theme-3 .form-check-input:checked {
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .form-range::-webkit-slider-thumb {
    background: #6fd943;
}

body.theme-3 .form-range::-webkit-slider-thumb:active {
    background: #6fd943;
}

body.theme-3 .form-range::-moz-range-thumb {
    background: #6fd943;
}

body.theme-3 .form-range::-moz-range-thumb:active {
    background: #6fd943;
}

body.theme-3 .form-check-input:checked {
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .form-check-input[type="checkbox"]:indeterminate {
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .form-check .form-check-input.input-primary:checked {
    background-color: #6fd943;
    border-color: #6fd943;
}

body.theme-3 .nav-link.active .iconWrapper {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

body.theme-3 .navbar-vertical .navbar-nav > .nav-item:hover .iconWrapper {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

body.theme-3 .bg-gradient-primary {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

body.theme-3 pre[class*="language-"] > code {
    border-left-color: #6fd943;
    background-image: linear-gradient(transparent 50%, rgba(111, 217, 67, 0.04) 50%);
}

body.theme-3 .card .card-header h5:after, body.theme-3 .card .card-header .h5:after,
body.theme-3 .card .card-header .h5:after {
    background: #6fd943;
}

body.theme-4 {
    background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}

body.theme-4 .bg-primary {
    background: linear-gradient(141.55deg, rgba(104, 94, 229, 0) 3.46%, #685ee5 99.86%), #584ed2 !important;
}

body.theme-4 .dash-header .drp-language .drp-text,
body.theme-4 .dash-header .dash-head-link > i:not(.nocolor) {
    color: #584ed2;
}

body.theme-4 .dash-header .drp-company .theme-avtar {
    background: #dedcf6;
    color: #584ed2;
}

body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:active > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item.active > .dash-link,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:active > .dash-link,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:focus > .dash-link,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:hover > .dash-link {
    background: linear-gradient(141.55deg, rgba(104, 94, 229, 0) 3.46%, #685ee5 99.86%), #584ed2;
    color: #fff;
    box-shadow: 0 5px 7px -1px rgba(88, 78, 210, 0.3);
}

body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link i, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:active > .dash-link i, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link i, body.theme-4 .dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link i,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item.active > .dash-link i,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:active > .dash-link i,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:focus > .dash-link i,
body.theme-4 .dash-sidebar .dash-navbar > .dash-item:hover > .dash-link i {
    color: #584ed2;
}

body.theme-4 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item::before,
body.theme-4 .dash-sidebar .dash-item .dash-submenu .dash-item::before {
    border-right-color: #584ed2;
}

body.theme-4 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item.active > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:active > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:focus > .dash-link, body.theme-4 .dash-sidebar.light-sidebar .dash-item .dash-submenu .dash-item:hover > .dash-link,
body.theme-4 .dash-sidebar .dash-item .dash-submenu .dash-item.active > .dash-link,
body.theme-4 .dash-sidebar .dash-item .dash-submenu .dash-item:active > .dash-link,
body.theme-4 .dash-sidebar .dash-item .dash-submenu .dash-item:focus > .dash-link,
body.theme-4 .dash-sidebar .dash-item .dash-submenu .dash-item:hover > .dash-link {
    color: #584ed2;
}

body.theme-4 a:not([class]) {
    color: #584ed2;
}

body.theme-4 a:not([class]):hover {
    color: #584ed2;
}

body.theme-4 .text-primary {
    color: #584ed2 !important;
}

body.theme-4 .list-group-item.active {
    background: linear-gradient(141.55deg, rgba(104, 94, 229, 0) 3.46%, #685ee5 99.86%), #584ed2 !important;
}

body.theme-4 .progress-bar:not([class*="bg-"]),
body.theme-4 .btn-primary {
    color: #ffffff;
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .progress-bar:not([class*="bg-"]):hover,
body.theme-4 .btn-primary:hover {
    color: #ffffff;
    background-color: #4b42b3;
    border-color: #463ea8;
}

.btn-check:focus + body.theme-4 .progress-bar:not([class*="bg-"]), body.theme-4 .progress-bar:not([class*="bg-"]):focus, .btn-check:focus +
body.theme-4 .btn-primary,
body.theme-4 .btn-primary:focus {
    color: #ffffff;
    background-color: #4b42b3;
    border-color: #463ea8;
    box-shadow: 0 0 0 0.2rem rgba(113, 105, 217, 0.5);
}

.btn-check:checked + body.theme-4 .progress-bar:not([class*="bg-"]),
.btn-check:active + body.theme-4 .progress-bar:not([class*="bg-"]), body.theme-4 .progress-bar:not([class*="bg-"]):active, body.theme-4 .progress-bar:not([class*="bg-"]).active,
.show > body.theme-4 .progress-bar:not([class*="bg-"]).dropdown-toggle, .btn-check:checked +
body.theme-4 .btn-primary,
.btn-check:active +
body.theme-4 .btn-primary,
body.theme-4 .btn-primary:active,
body.theme-4 .btn-primary.active,
.show >
body.theme-4 .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #463ea8;
    border-color: #423b9e;
}

.btn-check:checked + body.theme-4 .progress-bar:not([class*="bg-"]):focus,
.btn-check:active + body.theme-4 .progress-bar:not([class*="bg-"]):focus, body.theme-4 .progress-bar:not([class*="bg-"]):active:focus, body.theme-4 .progress-bar:not([class*="bg-"]).active:focus,
.show > body.theme-4 .progress-bar:not([class*="bg-"]).dropdown-toggle:focus, .btn-check:checked +
body.theme-4 .btn-primary:focus,
.btn-check:active +
body.theme-4 .btn-primary:focus,
body.theme-4 .btn-primary:active:focus,
body.theme-4 .btn-primary.active:focus,
.show >
body.theme-4 .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 105, 217, 0.5);
}

body.theme-4 .progress-bar:not([class*="bg-"]):disabled, body.theme-4 .progress-bar:not([class*="bg-"]).disabled,
body.theme-4 .btn-primary:disabled,
body.theme-4 .btn-primary.disabled {
    color: #ffffff;
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .btn-outline-primary {
    color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .btn-outline-primary:hover {
    color: #ffffff;
    background-color: #584ed2;
    border-color: #584ed2;
}

.btn-check:focus + body.theme-4 .btn-outline-primary, body.theme-4 .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 78, 210, 0.5);
}

.btn-check:checked + body.theme-4 .btn-outline-primary,
.btn-check:active + body.theme-4 .btn-outline-primary, body.theme-4 .btn-outline-primary:active, body.theme-4 .btn-outline-primary.active, body.theme-4 .btn-outline-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #584ed2;
    border-color: #584ed2;
}

.btn-check:checked + body.theme-4 .btn-outline-primary:focus,
.btn-check:active + body.theme-4 .btn-outline-primary:focus, body.theme-4 .btn-outline-primary:active:focus, body.theme-4 .btn-outline-primary.active:focus, body.theme-4 .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 78, 210, 0.5);
}

body.theme-4 .btn-outline-primary:disabled, body.theme-4 .btn-outline-primary.disabled {
    color: #584ed2;
    background-color: transparent;
}

body.theme-4 .btn-light-primary {
    background: #dedcf6;
    color: #584ed2;
    border-color: #dedcf6;
}

body.theme-4 .btn-light-primary:hover {
    background: #584ed2;
    color: #fff;
    border-color: #584ed2;
}

body.theme-4 .btn-light-primary.focus, body.theme-4 .btn-light-primary:focus {
    background: #584ed2;
    color: #fff;
    border-color: #584ed2;
}

body.theme-4 .btn-light-primary:not(:disabled):not(.disabled).active, body.theme-4 .btn-light-primary:not(:disabled):not(.disabled):active,
.show > body.theme-4 .btn-light-primary.dropdown-toggle {
    background: #584ed2;
    color: #fff;
    border-color: #584ed2;
}

body.theme-4 .btn-check:active + .btn-light-primary,
body.theme-4 .btn-check:checked + .btn-light-primary {
    background: #584ed2;
    color: #fff;
    border-color: #584ed2;
}

body.theme-4 .alert-primary {
    color: #352f7e;
    background-color: #dedcf6;
    border-color: #cdcaf2;
}

body.theme-4 .alert-primary .alert-link {
    color: #2a2665;
}

body.theme-4 .badge.bg-light-primary {
    background: #dedcf6;
    color: #584ed2;
    border-color: #dedcf6;
}

body.theme-4 .page-item.active .page-link {
    background: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .nav-link {
    color: #584ed2;
}

body.theme-4 .nav-link:hover, body.theme-4 .nav-link:focus {
    color: #584ed2;
}

body.theme-4 .nav-tabs .nav-link {
    background: none;
}

body.theme-4 .nav-pills .nav-link {
    background: none;
}

body.theme-4 .nav-pills .nav-link:focus,
body.theme-4 .nav-pills .nav-link.active,
body.theme-4 .nav-pills .show > .nav-link {
    color: #ffffff;
    background: linear-gradient(141.55deg, rgba(104, 94, 229, 0) 3.46%, #685ee5 99.86%), #584ed2;
}

body.theme-4 .form-check-input:focus,
body.theme-4 .form-select:focus,
body.theme-4 .form-control:focus,
body.theme-4 .custom-select:focus,
body.theme-4 .dataTable-selector:focus,
body.theme-4 .dataTable-input:focus {
    border-color: #584ed2;
    box-shadow: 0 0 0 0.2rem rgba(88, 78, 210, 0.25);
}

body.theme-4 .form-check-input:checked {
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .form-range::-webkit-slider-thumb {
    background: #584ed2;
}

body.theme-4 .form-range::-webkit-slider-thumb:active {
    background: #584ed2;
}

body.theme-4 .form-range::-moz-range-thumb {
    background: #584ed2;
}

body.theme-4 .form-range::-moz-range-thumb:active {
    background: #584ed2;
}

body.theme-4 .form-check-input:checked {
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .form-check-input[type="checkbox"]:indeterminate {
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 .form-check .form-check-input.input-primary:checked {
    background-color: #584ed2;
    border-color: #584ed2;
}

body.theme-4 pre[class*="language-"] > code {
    border-left-color: #584ed2;
    background-image: linear-gradient(transparent 50%, rgba(88, 78, 210, 0.04) 50%);
}

body.theme-4 .card .card-header h5:after, body.theme-4 .card .card-header .h5:after,
body.theme-4 .card .card-header .h5:after {
    background: #584ed2;
}