:root {
  --bs-link-color-rgb: 55, 178, 242;
  --bs-link-hover-color-rgb: 11.90141, 124.50704, 183.09859;
  --bs-link-color: #37B2F2;
  --bs-link-hover-color: #0c7db7;
  --bs-primary-rgb: 55, 178, 242;
  --bs-primary-bg-subtle: #d1eaff;
  --bs-primary-border-subtle: #9ed3ff;
  --bs-primary-text: #0f486c;
}

a.c-item {
  color: var(--bs-body-color);
}

.btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.modal-header {
  background: #37B2F2;
  color: #fff;
  border: none;
}

body {
  background: #f7f7f7;
}

.btn-primary, .btn.dark-light, .btn-outline-primary, .btn.dark-light {
  --bs-btn-border-color: #37B2F2;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #0f9de7;
  --bs-btn-hover-border-color: #0f9de7;
  --bs-btn-active-bg: #0d8dcf;
  --bs-btn-active-border-color: #0d8dcf;
}

.btn-primary, .btn.dark-light {
  --bs-btn-color: #fff;
  --bs-btn-bg: #37B2F2;
  --bs-btn-disabled-bg: #e9ecef;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-btn-disabled-opacity: 1;
}

.btn-primary:is(a), .btn.dark-light:is(a) {
  color: #fff !important;
}

.btn-outline-primary {
  --bs-btn-color: #37B2F2;
  --bs-btn-active-bg: #37B2F2;
  --bs-btn-active-border-color: #37B2F2;
}

.btn-link {
  --bs-btn-color: #37B2F2;
  --bs-btn-hover-color: #0f9de7;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #37B2F2;
}

.nav-link {
  --bs-nav-link-color: #37B2F2;
  --bs-nav-link-hover-color: #0d8dcf;
}

.nav-underline {
  --bs-nav-underline-link-active-color: #37B2F2;
}

.nav-underline .nav-link {
  --bs-nav-link-color: var(--bs-body-color);
}

.accordion {
  --bs-accordion-active-bg: #0f486c;
  --bs-accordion-active-color: #fff;
}

.table-primary {
  --bs-table-color: #fff;
  --bs-table-bg: #0f486c;
  --bs-table-striped-bg: #0f486c;
  --bs-table-striped-color: #fff;
}

.table-primary a {
  color: #fff;
}

.progress, .progress-stacked {
  --bs-progress-bar-bg: #37B2F2;
}

.badge.bg-primary {
  background-color: #0f486c !important;
}

.page-link {
  color: #37B2F2;
}

.active > .page-link, .page-link.active {
  background-color: #37B2F2;
  border-color: #37B2F2;
}

.fake-button.activetab {
  background: #37B2F2;
  color: #fff;
}

.form-check-input:checked {
  background-color: #0f486c;
  border-color: #0f486c;
}

#main .colored .c-item {
  background: #37B2F2;
  border-color: #1fa9f0;
}

#main .colored .c-item:hover {
  background: #1fa9f0;
}

#main .colored .c-item:last-of-type {
  border-color: #1fa9f0;
}

#main .c-item.selected, #main .c-item.selected:hover, #main .c-item.activeStep, #main .c-item.activeStep:hover, #main .trainingStep.selected, #main .trainingStep.selected:hover, #main .trainingStep.activeStep, #main .trainingStep.activeStep:hover {
  background: #37B2F2;
  color: #fff;
}

#main .c-item.selected .badge.bg-primary, #main .c-item.selected:hover .badge.bg-primary, #main .c-item.activeStep .badge.bg-primary, #main .c-item.activeStep:hover .badge.bg-primary, #main .trainingStep.selected .badge.bg-primary, #main .trainingStep.selected:hover .badge.bg-primary, #main .trainingStep.activeStep .badge.bg-primary, #main .trainingStep.activeStep:hover .badge.bg-primary {
  background-color: #fff !important;
  color: #37B2F2;
}

#login-top #right-top {
  background: #fff;
}

#login-top #right-top nav .nav .nav-link {
  color: #333;
}

#login-top #right-top nav .nav .nav-link:hover {
  color: #37B2F2;
}

#left-drawer {
  background: #fff;
}

#left-drawer.shrunk #left-top #logo {
  background-image: url(../../images/logo-icon.png);
}

#left-drawer.shrunk #left-nav .nav-item:not(.active) .material-symbols-outlined {
  color: #333;
}

#left-drawer.shrunk #left-nav .nav-item.active span, #left-drawer.shrunk #left-nav .nav-item.active a, #left-drawer.shrunk #left-nav .nav-item.active:hover span, #left-drawer.shrunk #left-nav .nav-item.active:hover a {
  color: #333;
}

#left-drawer #left-top {
  padding: 17px;
  background: #fff;
}

#left-drawer #left-nav .nav-item:not(.active):hover {
  background: #eff1f2;
}

#left-drawer #left-nav .nav-item:not(.active) > div, #left-drawer #left-nav .nav-item:not(.active) > a {
  color: #333;
}

#left-drawer #left-nav .nav-item.active {
  background: #eff1f2;
}

#logo {
  background-image: url(../../images/logo.png);
  transform: translateY(-5px);
}

#right-top {
  background: #0f486c;
}

#right-top .fake-button:hover {
  background: rgba(255, 255, 255, 0.15);
}

.news-item#news-top .news-header {
  background: #37B2F2;
  border-color: #37B2F2;
}

.news-item .news-header {
  background: #0f486c;
  border-color: #0f486c;
}

#prospect-view-header-a-prospect-icon {
  color: #37B2F2;
}

.c-box#accordionCat .step-sort.ui-sortable-placeholder {
  visibility: visible !important;
  background: var(--bs-primary-bg-subtle);
}

.treeFolder.active,
.treeFolder.active:hover,
.mainDivContentHead,
.mainDivContentEmailHead {
  background: #0f486c;
}

.treeFolder.active,
.treeFolder.active:hover {
  box-shadow: inset 1px 0 0 0 #0f486c, inset -1px 0 0 0 #0f486c;
}

.mootabs_title .ui-state-default:not(.ui-tabs-selected) a {
  color: #37B2F2;
}

td.calCell.today div.dayNumber {
  border-color: #37B2F2;
  background: #37B2F2;
}

.main-c #minical .vlaCalendar .month td.today {
  background: #37B2F2;
  color: #fff;
}

#task-snapshot span {
  color: #37B2F2;
}

.moduleTitle {
  background: #0f486c;
  color: #fff;
}

.trainingSubStepHeader.ui-state-active {
  background: #0f486c;
  color: #fff;
}

.trainingSubStepHeader.ui-state-active .form-check-input:checked {
  background-color: #37B2F2;
  border-color: #37B2F2;
}

#tft-preview {
  position: relative;
}

#tft-preview .popup {
  position: sticky;
  z-index: 100;
  max-width: 570px;
  width: 100%;
  top: 0;
  left: 50%;
  padding: 30px 30px 20px;
  transform: translate(-50%, 100px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#tft-preview img {
  width: 100%;
  margin-top: -210px;
  opacity: 0.3;
  filter: blur(3px);
}