/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* General Body and Container Styles *//* ================================================
   Custom Color Override CSS
   ================================================
   Purpose: Override default sidebar and success button colors
   New Color: #3c6838 (Green)
   ================================================ */

/* ================================================
   SIDEBAR COLOR OVERRIDES
   ================================================ */

/* Main sidebar background */
.navbar-menu {
  background: #3c6838 !important;
  border-right-color: #3c6838 !important;
}

/* Sidebar dark mode */
[data-sidebar="dark"] .navbar-menu {
  background: #3c6838 !important;
  border-right-color: #3c6838 !important;
}

/* Sidebar brand box background */
[data-sidebar-size="sm"] .navbar-brand-box {
  background: #3c6838 !important;
}

[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-brand-box {
  background: #3c6838 !important;
}

/* Two column menu background */
[data-layout="twocolumn"] .twocolumn-iconview {
  background-color: #3c6838 !important;
}

[data-sidebar="dark"] .twocolumn-iconview {
  background-color: #3c6838 !important;
}

/* Active navigation icon */
.twocolumn-iconview .nav-icon.active {
  background-color: rgba(60, 104, 56, 0.15) !important;
  color: #3c6838 !important;
}


/* ================================================
   SIDEBAR TEXT COLOR OVERRIDES
   ================================================ */

/* Main navigation links - Default white */
.navbar-menu .navbar-nav .nav-link {
  color: #ffffff !important;
}

/* Navigation link icons */
.navbar-menu .navbar-nav .nav-link i {
  color: #ffffff !important;
}

.navbar-menu .navbar-nav .nav-link svg {
  color: #ffffff !important;
}

/* Navigation link on hover - Yellow */
.navbar-menu .navbar-nav .nav-link:hover {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover i {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover svg {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link:hover .icon-dual {
  color: #ffd700 !important;
  fill: rgba(255, 215, 0, 0.16) !important;
}

/* Active navigation link - Yellow */
.navbar-menu .navbar-nav .nav-link.active {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active i {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active svg {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link.active .icon-dual {
  color: #ffd700 !important;
  fill: rgba(255, 215, 0, 0.16) !important;
}

/* Expanded/Collapsed navigation links */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual {
  color: #ffd700 !important;
  fill: rgba(255, 215, 0, 0.16) !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
  color: #ffd700 !important;
}

/* Submenu links - Default white */
.navbar-menu .navbar-nav .nav-sm .nav-link {
  color: #ffffff !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
  background-color: #ffffff !important;
}

/* Submenu links on hover - Yellow */
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: #ffd700 !important;
}

/* Submenu active link - Yellow */
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: #ffd700 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
  background-color: #ffd700 !important;
}

/* Menu title text */
.menu-title {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Dark sidebar variations */
[data-sidebar="dark"] .navbar-nav .nav-link {
  color: #ffffff !important;
}

[data-sidebar="dark"] .navbar-nav .nav-link:hover {
  color: #ffd700 !important;
}

[data-sidebar="dark"] .navbar-nav .nav-link.active {
  color: #ffd700 !important;
}

[data-sidebar="dark"] .navbar-nav .nav-sm .nav-link {
  color: #ffffff !important;
}

[data-sidebar="dark"] .navbar-nav .nav-sm .nav-link:hover {
  color: #ffd700 !important;
}

[data-sidebar="dark"] .navbar-nav .nav-sm .nav-link.active {
  color: #ffd700 !important;
}

/* Gradient sidebar text colors */
[data-sidebar="gradient"] .navbar-nav .nav-link,
[data-sidebar="gradient-2"] .navbar-nav .nav-link,
[data-sidebar="gradient-3"] .navbar-nav .nav-link,
[data-sidebar="gradient-4"] .navbar-nav .nav-link {
  color: #ffffff !important;
}

[data-sidebar="gradient"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-2"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-3"] .navbar-nav .nav-link:hover,
[data-sidebar="gradient-4"] .navbar-nav .nav-link:hover {
  color: #ffd700 !important;
}

[data-sidebar="gradient"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-2"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-3"] .navbar-nav .nav-link.active,
[data-sidebar="gradient-4"] .navbar-nav .nav-link.active {
  color: #ffd700 !important;
}

/* Two column menu text colors */
[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link {
  color: #ffffff !important;
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link:hover {
  color: #ffd700 !important;
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link.active {
  color: #ffd700 !important;
}

/* Two column icon view */
.twocolumn-iconview .nav-icon {
  color: #ffffff !important;
}

.twocolumn-iconview .nav-icon:hover {
  color: #ffd700 !important;
}

.twocolumn-iconview .nav-icon.active {
  color: #ffd700 !important;
  background-color: rgba(255, 215, 0, 0.15) !important;
}

/* Small sidebar hover state */
[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
  color: #ffffff !important;
  background-color: #325730 !important;
}

[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:hover {
  color: #ffd700 !important;
}

/* Gradient sidebar variations */
[data-sidebar="gradient"] .navbar-menu,
[data-sidebar="gradient-2"] .navbar-menu,
[data-sidebar="gradient-3"] .navbar-menu,
[data-sidebar="gradient-4"] .navbar-menu {
  background: linear-gradient(to right, #2d4e29, #3c6838) !important;
  border-right-color: #3c6838 !important;
}


/* ================================================
   SUCCESS BUTTON COLOR OVERRIDES
   ================================================ */

/* Standard success button */
.btn-success {
  --vz-btn-color: #fff;
  --vz-btn-bg: #3c6838;
  --vz-btn-border-color: #3c6838;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #325730;
  --vz-btn-hover-border-color: #2f5129;
  --vz-btn-focus-shadow-rgb: 60, 104, 56;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #2f5129;
  --vz-btn-active-border-color: #2c4b27;
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #3c6838;
  --vz-btn-disabled-border-color: #3c6838;
  background-color: #3c6838 !important;
  border-color: #3c6838 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #325730 !important;
  border-color: #2f5129 !important;
}

/* Outline success button */
.btn-outline-success {
  --vz-btn-color: #3c6838;
  --vz-btn-border-color: #3c6838;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #3c6838;
  --vz-btn-hover-border-color: #3c6838;
  color: #3c6838 !important;
  border-color: #3c6838 !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  color: #fff !important;
  background-color: #3c6838 !important;
  border-color: #3c6838 !important;
}

/* Soft success button */
.btn-soft-success {
  --vz-btn-color: #3c6838;
  --vz-btn-bg: rgba(60, 104, 56, 0.1);
  --vz-btn-hover-bg: #3c6838;
  color: #3c6838 !important;
  background-color: rgba(60, 104, 56, 0.1) !important;
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:active {
  color: #fff !important;
  background-color: #3c6838 !important;
}

/* Ghost success button */
.btn-ghost-success {
  --vz-btn-color: #3c6838;
  --vz-btn-hover-bg: rgba(60, 104, 56, 0.1);
  color: #3c6838 !important;
}

.btn-ghost-success:hover,
.btn-ghost-success:focus,
.btn-ghost-success:active {
  color: #3c6838 !important;
  background-color: rgba(60, 104, 56, 0.1) !important;
}

/* ================================================
   SUCCESS COLOR UTILITIES
   ================================================ */

/* Background colors */
.bg-success {
  background-color: #3c6838 !important;
}

.bg-soft-success {
  background-color: rgba(60, 104, 56, 0.18) !important;
}

/* Text colors */
.text-success {
  color: #3c6838 !important;
}

/* Border colors */
.border-success {
  border-color: #3c6838 !important;
}

/* Badge success */
.badge-success,
.badge.bg-success {
  background-color: #3c6838 !important;
}

.badge-soft-success {
  color: #3c6838 !important;
  background-color: rgba(60, 104, 56, 0.1) !important;
}

.badge-outline-success {
  color: #3c6838 !important;
  border-color: #3c6838 !important;
}

/* Alert success */
.alert-success {
  background-color: rgba(60, 104, 56, 0.1) !important;
  border-color: rgba(60, 104, 56, 0.2) !important;
  color: #3c6838 !important;
}

/* Progress bar success */
.progress-bar.bg-success {
  background-color: #3c6838 !important;
}

/* Form check success */
.form-check-success .form-check-input:checked {
  background-color: #3c6838 !important;
  border-color: #3c6838 !important;
}

/* Link success */
.link-success {
  color: #3c6838 !important;
}

.link-success:hover,
.link-success:focus {
  color: #325730 !important;
}

/* ================================================
   PROFILE WIDGET BACKGROUND OVERRIDE
   ================================================ */

.profile-wid-bg::before {
  background: #3c6838 !important;
  background: -webkit-gradient(linear, left bottom, left top, from(#2c4b27), to(#3c6838)) !important;
  background: linear-gradient(to top, #2c4b27, #3c6838) !important;
}

/* ================================================
   ADDITIONAL SUCCESS ELEMENTS
   ================================================ */

/* Timeline success */
.activity-feed .feed-item:after {
  border-color: #3c6838 !important;
}

/* Nav pills success */
.nav-success .nav-link.active {
  background-color: #3c6838 !important;
}

/* Checkbox/Radio success */
.form-radio-success .form-check-input:checked {
  border-color: #3c6838 !important;
  background-color: #3c6838 !important;
}

.form-radio-success .form-check-input:checked:after {
  background-color: #3c6838 !important;
}