:root{
    --bs-primary-rgb: var(--theme-color-rgb) !important;
    --bs-dark-rgb: var(--theme-color-rgb) !important;
    --bs-nav-tabs-link-active-color: var(--theme-color) !important;
    --bs-nav-tabs-link-active-border-color: var(--theme-color) !important;
    --bs-link-hover-color: var(--theme-color) !important;
}

.btn-primary {
    --bs-btn-bg: var(--theme-color) !important;
    --bs-btn-border-color: var(--theme-color) !important;
    --bs-btn-hover-bg: var(--theme-secondary-color) !important;
    --bs-btn-hover-border-color: hsl(var(--secHue), var(--secSat), calc(var(--secSat) - 10%)) !important;
    --bs-btn-focus-shadow-rgb: var(--theme-secondary-rgb-color) !important;
    --bs-btn-active-bg: hsl(var(--secHue), var(--secSat), calc(var(--secSat) - 12%)) !important;
    --bs-btn-active-border-color: hsl(var(--secHue), var(--secSat), calc(var(--secSat) - 15%)) !important;
    --bs-btn-disabled-bg: var(--theme-color) !important;
    --bs-btn-disabled-border-color: var(--theme-color) !important;
}
.navbar-vertical-content, .navbar-vertical-aside .navbar-brand, .navbar-vertical-fixed .navbar-vertical-footer-offset {
    background-color: var(--theme-color) !important;
}

a:hover {
    --bs-link-hover-color: var(--theme-color) !important;
}
.navbar-vertical-content .nav-item .nav-link:not(.navbar-vertical-aside-mini-mode .nav-collapse .nav-link){
    color: #fff;
}
.nav-vertical.nav-pills .nav-link.active {
    color: var(--theme-secondary-color) !important;
}
.nav-vertical.nav-pills .nav-item .nav-link:hover, .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover {
    color: var(--theme-secondary-color) !important;
}

.bg-dark .nav-link.active{
    color: #fff !important;
}

.ts-control{
    background-color: var(--theme-color) !important;
}
/*.ts-control .item{*/
/*    color: #fff !important;*/
/*}*/

i.bi-patch-check-fill.text-primary{
    color: hsl(var(--hue), var(--sat), calc(var(--light) + 20%)) !important;
}

/*.form-control, .input-group-text, .ts-wrapper.form-select .ts-control {*/
/*    border-color: hsl(var(--hue), var(--sat), calc(var(--light) + 70%)) !important;*/
/*}*/

/*.ts-wrapper.form-select .ts-control{*/
/*    border: 1px solid hsl(var(--hue), var(--sat), calc(var(--light) + 70%)) !important;*/
/*}*/


.input-group-append .ts-control{
    border: none !important;
}



    /*.btn-check:focus+.btn-ghost-secondary, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover {*/
/*    color: #377dff;*/
/*}*/



.btn-check:active+.btn-ghost-secondary, .btn-check:checked+.btn-ghost-secondary, .btn-check:focus+.btn-ghost-secondary, .btn-ghost-secondary.active, .btn-ghost-secondary:active, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover, .show>.btn-ghost-secondary.dropdown-toggle {
    background-color: rgba(var(--theme-color-rgb),.1) !important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
    box-shadow: 0 4px 11px rgb(var(--theme-secondary-rgb-color-2) / 35%) !important;
}
.nav-link.active, .navbar-nav .nav-link.active {
    color: var(--theme-color) !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--theme-color);
}



.btn-primary:hover{
    color: var(--theme-color) !important;
}

.form-check-input:checked {
    border-color: var(--theme-color) !important;
}

.bg-dark {
    background-color: rgba(var(--theme-color-rgb),var(--bs-bg-opacity)) !important;
}

.bg-soft-primary {
    background-color: rgba(var(--theme-color-rgb),.1)!important;
    color: var(--theme-color) !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
}

.form-check-select-stretched .form-check-input:checked[type=checkbox]~.form-check-label, .form-check-select-stretched .form-check-input:checked[type=radio]~.form-check-label {
    border-color: var(--theme-color) !important;
}

/*.form-check-select-stretched .form-check-input:checked[type=checkbox]~.form-check-label::before, .form-check-select-stretched .form-check-input:checked[type=radio]~.form-check-label::before {*/
/*    background-image: url(data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' rx='9' fill='%000'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fff'/%3e%3c/svg%3e) !important;*/
/*}*/
