/*!
 * Theme: MoviOn
 * Brand colors aligned with the MoviOn logo.
 */
:root {
  --movion-green: #00C853;
  --movion-blue: #0D47A1;
  --movion-ink: #111111;
  --movion-blue-dark: #0a3880;
  --movion-green-dark: #00ab47;
  --movion-blue-soft: rgba(13, 71, 161, 0.12);
  --movion-green-soft: rgba(0, 200, 83, 0.12);
  --movion-gradient: linear-gradient(135deg, #00C853 0%, #0D47A1 100%);
}

a {
  color: var(--movion-blue);
}

a:hover,
a:focus {
  color: var(--movion-green-dark);
}

.text-primary,
.link-primary,
.text-primary-alt,
.nk-menu-heading .overline-title.text-primary-alt,
.user-status.text-primary {
  color: var(--movion-green) !important;
}

.bg-primary,
.badge-primary,
.dot-primary,
.alert-fill.alert-primary,
.progress-bar,
.card-tools-nav li a:before,
.nav-tabs .nav-link:after,
.icon-circle,
.noUi-connect,
.nk-kycfm-label::after,
.buysell-pm-label:after,
.nk-msg-menu-item a:after,
.ui-shady .nk-msg-item.active:after,
.ui-shady .nk-msg-item.current:after {
  background: var(--movion-gradient) !important;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus {
  --bs-btn-box-shadow: none;
  --bs-btn-active-shadow: none;
  color: #fff;
  background: var(--movion-gradient);
  background-image: var(--movion-gradient);
  border-color: transparent;
  border-left-color: transparent;
  box-shadow: none;
  overflow: hidden;
}

.btn-primary:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--movion-green-dark) 0%, var(--movion-blue-dark) 100%);
  background-image: linear-gradient(135deg, var(--movion-green-dark) 0%, var(--movion-blue-dark) 100%);
  border-color: transparent;
  border-left-color: transparent;
  box-shadow: none;
}

.btn-dim.btn-outline-primary,
.btn-outline-primary {
  color: var(--movion-blue);
  border-color: rgba(13, 71, 161, 0.28);
  background: #fff;
}

.btn-dim.btn-outline-primary:hover,
.btn-outline-primary:hover,
.btn-dim.btn-outline-primary:focus,
.btn-outline-primary:focus {
  color: #fff;
  background: var(--movion-gradient);
  border-color: transparent;
}

.alert-pro.alert-primary {
  color: var(--movion-blue-dark);
  background: linear-gradient(180deg, rgba(0, 200, 83, 0.10) 0%, rgba(13, 71, 161, 0.10) 100%);
  border-color: rgba(13, 71, 161, 0.14);
}

.alert-pro.alert-primary .icon,
.alert-pro.alert-primary .text-primary {
  color: var(--movion-green) !important;
}

.page-item.active .page-link {
  background: var(--movion-gradient);
  border-color: transparent;
}

.page-link {
  color: var(--movion-blue);
}

.page-link:hover {
  color: var(--movion-green-dark);
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(13, 71, 161, 0.35);
  box-shadow: 0 0 0 3px var(--movion-blue-soft);
}

.form-check-input:focus {
  border-color: rgba(13, 71, 161, 0.35);
  box-shadow: 0 0 0 3px var(--movion-blue-soft);
}

.form-check-input:checked {
  background-color: var(--movion-green);
  border-color: var(--movion-green);
}

.form-check-input:checked[type=checkbox],
.form-check-input:checked[type=radio],
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--movion-green);
  border-color: var(--movion-green);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background: var(--movion-gradient);
  border-color: transparent;
}

.list-checked li:before,
.list-checked-circle li:before {
  color: var(--movion-green) !important;
}

.nk-sidebar.is-light {
  background: linear-gradient(180deg, #f7fff9 0%, #eef5ff 100%);
  border-right-color: rgba(13, 71, 161, 0.10);
}

.nk-sidebar.is-light .nk-sidebar-head {
  border-bottom-color: rgba(13, 71, 161, 0.10);
}

.nk-sidebar.is-light .nk-menu-link {
  color: #344357;
}

.nk-sidebar.is-light .nk-menu-link:hover,
.nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link,
.nk-sidebar.is-light .nk-menu-item.current-menu > .nk-menu-link {
  color: var(--movion-blue);
  background: linear-gradient(90deg, rgba(0, 200, 83, 0.10) 0%, rgba(13, 71, 161, 0.10) 100%);
}

.nk-sidebar.is-light .nk-menu-link:hover .nk-menu-icon,
.nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link .nk-menu-icon,
.nk-sidebar.is-light .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
  color: var(--movion-green);
}

.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link .nk-menu-icon,
.nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
  color: var(--movion-green);
}

.nk-header {
  border-bottom-color: rgba(13, 71, 161, 0.08);
}

.logo-link img {
  filter: drop-shadow(0 8px 16px rgba(13, 71, 161, 0.10));
}