@property --primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #124944;
}

@property --secundary {
  syntax: "<color>";
  inherits: true;
  initial-value: #307369;
}

.skin-blue .main-header .navbar {
    background-color: var(--secundary) !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--primary) !important;
}

.skin-blue .main-header .logo {
    background-color: var(--primary) !important;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.skin-blue .main-header .logo:hover {
    background-color: var(--primary) !important;
}

.dropdown.user.user-menu.open .dropdown-menu .user-header {
    background-color: var(--primary) !important;
}