a,
a:hover,
a:focus {
    color: #0B1B53;
}
a:focus,
a:focus-visible,
a:focus:not(:focus-visible) {
    outline: 1px solid #0B1B53;
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}

.form-control:focus,
.form-select:focus {
    outline: 1px solid #0B1B53;
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.form-switch .form-check-input:checked {
    background-color: #484848;
}
.form-check-input:checked {
    background-color: #484848;
    border-color: #484848;
}
.select2-container--bootstrap-5.select2-container.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container.select2-container--open .select2-selection {
  border-color: #0B1B53;
  box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}

.btn:active, 
.btn:focus, 
.btn:focus-visible, 
.btn:focus:not(:focus-visible) {
  outline: 1px solid #0B1B53;
  box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.btn.btn-primary {
    color: #FFF;
    background-color: #575757;
    border-color: #575757;
}
.btn.btn-primary:hover {
    color: #FFF;
    background-color: #333;
    border-color: #333;
}
.btn.btn-primary:focus {
    color: #FFF;
    background-color: #333;
    border-color: #333;
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.btn.btn-primary:active {
    color: #FFF;
    background-color: #000000;
    border-color: #000000;
}

.btn.btn-link {
    color: #0B1B53;
}
.btn.btn-link:hover {
    color: #0B1B53;
}
.btn.btn-link:focus {
    color: #0B1B53;
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.btn.btn-link:active {
    color: #0B1B53;
}

.btn.btn-outline-primary {
    color: #575757;
    border-color: #575757;
}
.btn.btn-outline-primary:hover {
    color: #575757;
    background-color: #FFFFFF;
    border-color: #575757;
}
.btn.btn-outline-primary:focus {
    color: #575757;
    background-color: #FFFFFF;
    border-color: #575757;
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.btn.btn-outline-primary:active {
    color: #575757;
    background-color: #FFFFFF;
    border-color: #575757;
}


.header {
    background-color: #0B1B53;
    border-color: #0B1B53;
}
.header .header-search-form > .btn,
.header .header-search-form > .btn:hover,
.header .header-search-form > .btn:focus {
    background: #fff;
    color: #0B1B53;
}
.btn.navbar-toggle,
.avatar-wrap-toggle .profile-text,
.btn.navbar-avatar-toggle .icon-caret-up,
.btn.main-nav-toggle.adminnav-toggle {
    background-color: transparent;
    border-color: transparent;
    color: #FFFFFF;
}
.btn.navbar-toggle .icon {
    color: #FFFFFF;
}
.btn.navbar-toggle:hover,
.btn.navbar-toggle:focus,
.btn.navbar-toggle.active,
.avatar-wrap-toggle:hover .profile-text,
.avatar-wrap-toggle:focus .profile-text,
.avatar-wrap-toggle.active .profile-text,
.btn.navbar-avatar-toggle:hover .icon-caret-up,
.btn.navbar-avatar-toggle:focus .icon-caret-up,
.btn.navbar-avatar-toggle.active .icon-caret-up,
.btn.main-nav-toggle.adminnav-toggle:hover,
.btn.main-nav-toggle.adminnav-toggle:focus,
.btn.main-nav-toggle.adminnav-toggle.active {
    color: #333;
    background-color: #F1F1F1;
}
.btn.navbar-toggle:hover .icon,
.btn.navbar-toggle:focus .icon,
.btn.navbar-toggle.active .icon {
    color: #333;
}

.header .js-loading-inner {
    color: #FFFFFF;
}
.avatar-wrap-toggle {
    border-left: 1px solid #0B1B53;
}
.main-container {
    background: #f1f1f1;
}
.mid-section-heading-container.portfolio {
    background-color: #eaeaea;
}
.group-heading-container {
    background-color: #dfdfdf;
    color: #333;
}
.group-avatar {
    background-color: #717171;
    color: #FFF;
}
.group-heading-container .group-title {
    color: #333;
}

.side-nav-wrapper,
.group-nav-wrapper.side-nav-wrapper,
.admin-nav-wrapper.side-nav-wrapper {
    background-color: #132F91;
    color: #FFFFFF;
}
ul.side-nav .dropdown-heading,
ul.side-nav.groupnav .dropdown-heading,
ul.side-nav.adminnav .dropdown-heading {
    color: #FFFFFF;
}
ul.side-nav li hr,
ul.side-nav.groupnav li hr,
ul.side-nav.adminnav li hr {
    border: 1px solid transparent;
}
ul.side-nav li a,
ul.side-nav.groupnav li a,
ul.side-nav.adminnav li a  {
    background-color: #132F91;
}
ul.side-nav li a .icon,
ul.side-nav li a .nav-label,
ul.side-nav.groupnav li a .icon,
ul.side-nav.groupnav li a .nav-label,
ul.side-nav.adminnav li a .icon,
ul.side-nav.adminnav li a .nav-label {
    color: #FFFFFF;
}
ul.side-nav li a:hover,
ul.side-nav li a:focus,
ul.side-nav.groupnav li a:hover,
ul.side-nav.groupnav li a:focus,
ul.side-nav.adminnav li a:hover,
ul.side-nav.adminnav li a:focus {
    background: #f1f1f1;
    color: #333333;
}
ul.side-nav li a:hover .icon,
ul.side-nav li a:focus .icon,
ul.side-nav li a:hover .nav-label,
ul.side-nav li a:focus .nav-label,
ul.side-nav.groupnav li a:hover .icon,
ul.side-nav.groupnav li a:focus .icon,
ul.side-nav.groupnav li a:hover .nav-label,
ul.side-nav.groupnav li a:focus .nav-label,
ul.side-nav.adminnav li a:hover .icon,
ul.side-nav.adminnav li a:focus .icon,
ul.side-nav.adminnav li a:hover .nav-label,
ul.side-nav.adminnav li a:focus .nav-label {
    color: #333333;
}
ul.side-nav li a:active,
ul.side-nav li a.active,
ul.side-nav.groupnav li a:active,
ul.side-nav.groupnav li a.active,
ul.side-nav.adminnav li a:active,
ul.side-nav.adminnav li a.active {
    background: #f1f1f1;
}
ul.side-nav li a:active .icon,
ul.side-nav li a.active .icon,
ul.side-nav li a:active .nav-label,
ul.side-nav li a.active .nav-label,
ul.side-nav.groupnav li a:active .icon,
ul.side-nav.groupnav li a.active .icon,
ul.side-nav.groupnav li a:active .nav-label,
ul.side-nav.groupnav li a.active .nav-label,
ul.side-nav.adminnav li a:active .icon,
ul.side-nav.adminnav li a.active .icon,
ul.side-nav.adminnav li a:active .nav-label,
ul.side-nav.adminnav li a.active .nav-label {
    color: #000000;
}

.admin-nav-wrapper.side-nav-wrapper {
    background-color: #ececec;
    color: #0B1B53;
}
ul.side-nav.adminnav .dropdown-heading {
    color: #525252;
}
ul.side-nav.adminnav li hr {
    border: 1px solid transparent;
}
ul.side-nav.adminnav li a  {
    background-color: #ececec;
}
ul.side-nav.adminnav li a .icon,
ul.side-nav.adminnav li a .nav-label {
    color: #333333;
}
ul.side-nav.adminnav li a:hover,
ul.side-nav.adminnav li a:focus {
    background: #FFFFFF;
    color: #333333;
}
ul.side-nav.adminnav li a:hover .icon,
ul.side-nav.adminnav li a:focus .icon,
ul.side-nav.adminnav li a:hover .nav-label,
ul.side-nav.adminnav li a:focus .nav-label {
    color: #333333;
}
ul.side-nav.adminnav li a:active,
ul.side-nav.adminnav li a.active {
    background: #f1f1f1;
}
ul.side-nav.adminnav li a:active .icon,
ul.side-nav.adminnav li a.active .icon,
ul.side-nav.adminnav li a:active .nav-label,
ul.side-nav.adminnav li a.active .nav-label {
    color: #000000;
}

.side-nav.dropdown-menu,
.side-nav.dropdown-menu.groupnav {
    background-color: #132F91;
}
.side-nav.dropdown-menu.adminnav {
    background-color: #ececec;
}

.card.js-card .card-header {
  border-bottom: 2px solid #8a8a8a;
}
.dashboard-page .card .card-header::before, 
.dashboard-page .card.grid-stack-item-content .card-header::before, 
.fileupload .card .card-header::before, 
.fileupload .card.grid-stack-item-content .card-header::before, 
.group-home-page .card .card-header::before, 
.group-home-page .card.grid-stack-item-content .card-header::before, 
.profile-page .card .card-header::before, 
.profile-page .card.grid-stack-item-content .card-header::before, 
.sidebar .card .card-header::before, 
.sidebar .card.grid-stack-item-content .card-header::before {
    background-color: #717171;
    color: #FFF;
}
.dashboard-page .card .card-header, 
.dashboard-page .card.grid-stack-item-content .card-header, 
.fileupload .card .card-header, 
.fileupload .card.grid-stack-item-content .card-header, 
.group-home-page .card .card-header, 
.group-home-page .card.grid-stack-item-content .card-header, 
.profile-page .card .card-header, 
.profile-page .card.grid-stack-item-content .card-header, 
.sidebar .card .card-header, 
.sidebar .card.grid-stack-item-content .card-header {
    border-bottom: 0;
}

.card.card-banner {
  background: #dadada;
}


thead th {
    background-color: #eeeeee !important;
    border-bottom: 2px solid #a0a0a0 !important;
}

.search-filter-container,
.main-column form.pieform.search-filter-container {
    background-color: #dcdcdc;
    border-bottom: 2px solid #a0a0a0;
}
.table-footer-container {
    background-color: #dcdcdc;
}

.footer .footer-nav .nav-link,
.footer .footer-nav .nav-link:focus,
.footer .footer-nav .nav-link:hover {
    color: #0B1B53;
    background: transparent;
}

.dashboard-widget-container .dashboard-widget .dashboard-widget-icon-bg {
    background-color: #0B1B53;
}
.dashboard-widget-container .dashboard-widget dashboard-widget-icon-bg .icon {
    color: #FFFFFF;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000000;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
}
.nav-link {
    color: #0B1B53;
}
.tab-content {
    border-top: 1rem solid #dcdcdc;
}

.accordion-button::after {
    color: #333333;
}
.accordion-button {
    color: #0B1B53 !important;
}
.accordion-button:focus {
    box-shadow: 0 0 .25rem .25rem rgba(0,0,0, 0.5);
}
.accordion-button:not(.collapsed) {
    background-color: #f0f0f0ff;
}
.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed)::after {
    color: #000000;
}

*[data-bs-toggle="collapse"] .collapse-indicator {
    color: #333333;
}
*[data-bs-toggle="collapse"] :hover .collapse-indicator,
*[data-bs-toggle="collapse"] :focus .collapse-indicator {
    color: #000000;
}

.dropdown-item:has(.icon) .icon {
    color: #616161;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  background-color: #333333;
}
.dropdown-item:has(.icon).active .icon,
.dropdown-item:has(.icon):active .icon {
  color: #fff;
}
.dropdown-item.dropdown-item-danger {
    color: #75000aff;
}
.dropdown-item.dropdown-item-danger:has(.icon) .icon {
    color: #B60212;
}
.dropdown-item.dropdown-item-danger:has(.icon).active .icon,
.dropdown-item.dropdown-item-danger:has(.icon):active .icon {
    color: #FFFFFF;
}

.collection-nav {
    background-color: #dcdcdc;
}

.collection-nav .collection-nav-badge {
    color: #333;
    background: #c1c1c1;
}

.collection-nav .list-group .list-group-item .collection-nav-link,
.collection-nav .list-group .list-group-item .collection-nav-link:focus, 
.collection-nav .list-group .list-group-item .collection-nav-link:hover {
    color: #0B1B53;
}
.collection-nav .list-group .list-group-item.active .collection-nav-badge {
    color: #fff;
    background: #333333;
}

.page-actions, 
.profile-page-actions {
    background-color: #c1c1c1;
}

.modal-header {
  background: #ebebeb;
  color: #333333;
}

.badge.tag.page-tag {
  border-color: #ced4da;
  background: #ededed;
  color: #333333;
}
.badge.tag.page-tag:focus,
.badge.tag.page-tag:hover {
  border-color: #ced4da;
  background: #f1f1f1;
  color: #000000;
}

.popover-header {
    color: #333333;
}

#timeline {
    background-color: #dcdcdc !important;
}
.jtline .events a,
.jtline .events a:hover {
    color: #0B1B53;
}
.jtline .filling-line {
    background-color: #0B1B53;
}
.jtline .events a.selected::after {
    background-color: #0B1B53;
    border-color: #0B1B53;
}
.jtline .events a.older-event::after {
    border-color: #0B1B53;
}
ul.cd-timeline-navigation-second li a .icon {
    color: #0B1B53;
}
.no-touch .cd-timeline-navigation a:hover,
.no-touch .cd-timeline-navigation-second a:hover {
    border-color: #0B1B53;
}

.bootstrap-datetimepicker-widget .btn:hover {
    background: #dedede !important;
}
.bootstrap-datetimepicker-widget .picker-switch td:hover {
    background: #dedede !important;
}
.bootstrap-datetimepicker-widget table th:hover {
    background: #dedede !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #dedede;
}
.bootstrap-datetimepicker-widget table td span.decade:hover,
.bootstrap-datetimepicker-widget table td span.year:hover,
.bootstrap-datetimepicker-widget table td span.month:hover {
    background: #dedede;
}
.bootstrap-datetimepicker-widget table td span.active {
    background: #333333;
    color: #FFFFFF;
}
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #333333;
}
.bootstrap-datetimepicker-widget table td.active {
    background: #333333;
    color: #FFFFFF;
}
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #333333;
    color: #FFFFFF;
}
.bootstrap-datetimepicker-widget .timepicker-hour:hover,
.bootstrap-datetimepicker-widget .timepicker-minute:hover,
.bootstrap-datetimepicker-widget .timepicker-second:hover {
    background: #dedede !important;
}