[data-bs-theme=light] {
  --bs-primary:rgb(68, 94, 128);
  --bs-primary-light: rgb(68, 94, 128, 15%);
  --bs-secondary: rgb(251, 253, 253,1);
  /* --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-theme-color: #ffffff;
  --bs-theme-color-inverse: #1e1e2d;
  --bs-aside-active-menu: #B6B9C8;
  --bs-animated-bg: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); */
}
[data-bs-theme=dark] {
  --bs-primary:rgb(68, 94, 128);
  --bs-primary-light: rgb(68, 94, 128, 15%);
  --bs-secondary: rgb(251, 253, 253,1);
  /* --bs-body-font-family: var(--bs-font-monospace);
  --bs-theme-color: #1e1e2d;
  --bs-theme-color-inverse: #ffffff;
  --bs-aside-active-menu: #B6B9C8;
  --bs-animated-bg: linear-gradient(to right, #222236 8%, #222236 18%, #1e1e2d 33%); */
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-primary) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-secondary) !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--bs-primary);
}
.input-group-prepend button {
  background-color: var(--bs-primary) !important;
}
.fc-unthemed .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-button-active {
  background: var(--bs-primary);
  color: var(--bs-theme-color);
  border: 1px solid var(--bs-primary);
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.events .nav.nav-pills .show > .nav-link, .events .nav.nav-pills .nav-link {
  border-radius: 0px;
  color: var(--bs-primary);
  text-align: center;
}
.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active{
  background-color: var(--bs-primary);
  color: #fff !important;
}
.switch input:checked ~ span:after {
  opacity: 1;
  color: var(--bs-theme-color);
  background-color: var(--bs-primary);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-theme-color);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: var(--bs-theme-color);
  background: var(--bs-primary);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: var(--bs-theme-color);
  background: var(--bs-primary);
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-link-icon, .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label, a.text-hover-primary:hover, .text-hover-primary:hover {
  color: var(--bs-primary) !important;
}
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
  width: 100%;
  background-color: var(--bs-primary) !important;
}
.wizard.wizard-5 .wizard-content {
  background-color: var(--bs-theme-color);
  border-top-right-radius: 0.42rem;
  border-bottom-right-radius: 0.42rem;
}
.scrolltop {
  background-color: var(--bs-primary);
}
.modal .modal-content .modal-header .close:hover {
  color: var(--bs-primary);
}
.modal .modal-header .close:hover i{
  color: var(--bs-primary);
}
.selectgroup .select2-selection__rendered li.select2-selection__choice {
  color: var(--bs-primary) !important;
  background-color: transparent !important;
  border: 1px solid !important;
  border-color: var(--bs-primary) !important;
}
.selectgroup .select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove:before {
  color: var(--bs-primary) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--bs-primary-light);
  border-top: 1px solid var(--bs-gray-300);
  border-bottom: 1px solid var(--bs-gray-300);
}
.feedslider .carousel-indicators li {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: var(--bs-primary);
  border: none;
}
.feedslidermodal .feedslider .carousel-indicators li {
  background: var(--bs-theme-color);
}
.feedslidermodal .modal-content .modal-body button.close i {
  color: var(--bs-theme-color);
  font-size: 16px;
}
.singlepostview1 button.close i {
  font-size: 20px;
  line-height: 30px;
  opacity: 1;
  color: var(--bs-theme-color);
}
.singlepostview2 {
  height: 100vh;
  background: var(--bs-theme-color);
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.comment-reply-box .form-control {
  border: none;
  border-bottom: 1px solid var(--bs-gray-300);
}
.selectgroup span.select2-selection.select2-selection--multiple {
  max-height: 65px;
  border-color: var(--bs-primary) !important;
  overflow-x: auto;
}
.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
  background: var(--bs-primary);
  color: #ffffff;
}
span.activebox {
  position: absolute;
  bottom: 0.25rem;
  top: -0.25rem;
  height: calc(100% + 0.425rem);
  border-radius: 0.63rem;
  left: 0.25rem;
  right: 0.25rem;
  width: calc(100% - 0.5rem);
  /**/ border: 0.25rem solid var(--bs-primary);
}
.activebox:after {
  content: '';
  position: absolute;
  width: 0;
  margin: auto;
  bottom: -15px;
  height: 0;
  right: 0px;
  left: 0px;
  border-style: solid;
  border-width: 12.5px 25px 0 25px;
  border-color: var(--bs-primary) transparent transparent transparent;
}
.activecard:after {
  content: '';
  position: absolute;
  width: 0;
  margin: auto;
  bottom: -15px;
  height: 0;
  right: 0px;
  left: 0px;
  border-style: solid;
  border-width: 12.5px 25px 0 25px;
  border-color: var(--bs-primary) transparent transparent transparent;
}
.goals-cards .card.card-custom.activecard {
  border: 0.25rem solid var(--bs-primary) !important;
}
.ribbon .ribbon-target {
  background-color: var(--bs-primary);
}
.faqtaglist .key-value-items-list .alert .alert-close i {
  font-size: 6px !important;
  opacity: 1 !important;
  outline: none;
  color: var(--bs-theme-color);
  z-index: 999;
  line-height: 12px;
}
.accordion.accordion-solid .card .card-header {
  background: var(--bs-gray-100)!important;
}
.programs-option .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.4em;
  border: 1px solid var(--bs-primary) !important;
  border-radius: 0.42rem;
}
.programs-option .option .option-label .option-head .option-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-black);
}
.spinner2.spinner-primary:before {
  border: 2px solid var(--bs-theme-color);
  border-right: 2px solid transparent;
}
.spinner2.spinner-primary.updated-success:before {
  border-right: 2px solid var(--bs-theme-color);
  top: 0px;
}
.category-bg {
  background: var(--bs-theme-color);
}
.input-group-prepend button {
  background-color: var(--bs-primary) !important;
}
.btn-check:checked + .btn.btn-active-icon-primary i, .btn-check:checked + .btn.btn-active-icon-primary .svg-icon, .btn-check:active + .btn.btn-active-icon-primary i, .btn-check:active + .btn.btn-active-icon-primary .svg-icon, .btn.btn-active-icon-primary:focus:not(.btn-active) i, .btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:hover:not(.btn-active) i, .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:active:not(.btn-active) i, .btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary.active i, .btn.btn-active-icon-primary.active .svg-icon, .btn.btn-active-icon-primary.show i, .btn.btn-active-icon-primary.show .svg-icon, .show > .btn.btn-active-icon-primary i, .show > .btn.btn-active-icon-primary .svg-icon{
  color: var(--bs-primary);
}  
.dataTables_length .form-select.form-select-solid{
  background-color: var(--bs-gray-200);
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary{
  background-color: var(--bs-primary) !important;
}
.btn-check:checked + .btn.btn-outline.btn-outline-primary, .btn-check:active + .btn.btn-outline.btn-outline-primary, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active), .btn.btn-outline.btn-outline-primary:hover:not(.btn-active), .btn.btn-outline.btn-outline-primary:active:not(.btn-active), .btn.btn-outline.btn-outline-primary.active, .btn.btn-outline.btn-outline-primary.show, .show > .btn.btn-outline.btn-outline-primary{
  color: var(--bs-primary) !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background: var(--bs-component-hover-bg);
  color: var(--bs-primary);
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--bs-gray-300) !important;
}
/* .modal{
  background-color: var(--bs-dark-rgb) !important;
} */
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link {
  border-bottom: 3px solid var(--bs-primary);
  color: var(--bs-primary) !important;
}
.nav-tabs.nav-tabs-line .nav-link{
  color: var(--bs-gray-500) !important; 
}
.nav-tabs.nav-tabs-line .nav-link svg{
  fill: var(--bs-gray-500) !important; 
}
.aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here), .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{
  color: var(--bs-theme-color-inverse);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--bs-gray-700);
}
/* .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color: var(--bs-gray-200);
} */
.select2-search--dropdown input{
  background-color: var(--bs-body-bg);
  padding: 6px;
  color: var(--bs-gray-700);
  font-size: .95rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.425rem;
  outline: 0 !important;
  margin: 0px;
}
.form-check-input:checked{
  background-color: var(--bs-primary);
}
.text-primary, a.text-primary:hover, a.text-primary:focus, a{
  color: var(--bs-primary) !important;
}

.animated-background{
  background: var(--bs-animated-bg);
}
a.btn {
  line-height: var(--bs-btn-line-height) !important;
}
.svg-icon-white .cls-1, #tabstrip .nav-item .nav-link:hover svg, #tabstrip .nav-item .nav-link.active svg {
  fill: var(--bs-primary) !important;
}
.btn.btn-white{
  background-color: var(--bs-theme-color);
  color: var(--bs-text-muted);
}
.program-template-body.card-body .dayDiv .card .card-toolbar .btn svg path{
    fill: var(--bs-theme-color-inverse) !important;
}
#tabstrip .nav-item .nav-link svg{
  fill: var(--bs-gray-500)  !important;
}
#ProgramTemplateTab_dv .program-template-body .card .card-header{
  border-radius: var(--bs-card-border-radius);
}
.btn-check:checked + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-primary.dropdown-toggle:after{
  color: var(--bs-primary);
}
.svg-icon.svg-icon-primary svg g [fill] {
  fill: var(--bs-text-muted) !important;
}
.accordion.accordion-solid .card .card-header {
  border-bottom: var(--bs-gray-200) 2px solid;
}
a.btn-primary{
  color: var(--bs-primary-inverse) !important;
}
.cs-user-profile-item-list svg, .cs-user-profile-item-list .svg-icon.svg-icon-primary g [fill]{
  fill: var(--bs-primary) !important;
}
#kt_chat_contacts_header svg path, #kt_chat_contacts_header svg rect{
  fill: var(--bs-light-inverse);
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker-days .prev, .datepicker-days .next span{
  color: var(--bs-primary);
}
.fc-unthemed .fc-list-empty{
  background-color: var(--bs-theme-color);
}
.btn-check:checked + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i, .show > .btn.btn-active-color-primary .svg-icon{
  color: var(--bs-primary);
} 
.dataTables_wrapper .dataTables_paginate .pagination .page-item.prev > .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link {
  background-color: var(--bs-theme-color);
  color: #80808F;
}
.aside-menu .menu .menu-item .menu-link.active{
  background-color: var(--bs-primary);
}
.aside-menu .menu .menu-item .menu-link.active .menu-icon span{
  background-color: #fff; 
}
