/*
 * Custom CSS
 * ----------
 */

 body {
    background: #FFFFE0;
 }

.topbar, .brand-logo {
  background-color: #00a65a;
}

.topbar .navbar .navbar-nav .nav-item .nav-link i,
.topbar .navbar .navbar-nav.quick-links .nav-item .nav-link {
  color: white;
  font-weight: 600;
}

.topbar .navbar .navbar-nav .nav-icon-hover-bg:hover {
    background-color: #b6f6d9;
}

.topbar .navbar .navbar-nav.quick-links > a:hover {
    color: white;
}

.sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #00a65a;
    color: white;
    font-weight: 500;
}

.dark-logo, .light-logo {
    max-width: 200px;
    max-height: 50px;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover,
.sidebar-nav ul .sidebar-item .sidebar-link:focus {
    background: #b6f6d9;
    color: #00a65a;
}

.profile-nav-image {
    border: 2px solid white;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.button-login {
    background-color: yellow;
}

.button-login:hover,
.button-login:active {
    background-color: #eeff6a;
}

.border-left-success {
    border-left: 2px solid #13deb9;
}

.border-top-primary {
    border-top: 2px solid #5d87ff;
}

.border-left-primary {
    border-left: 2px solid #5d87ff;
}

.border-top-info {
    border-top: 2px solid #539bff;
}

.border-left-info {
    border-left: 2px solid #539bff;
}

.border-top-warning {
    border-top: 2px solid #ffae1f;
}

.border-left-warning {
    border-left: 2px solid #ffae1f;
}

.border-top-danger {
    border-top: 2px solid #fa896b;
}

.border-left-danger {
    border-left: 2px solid #fa896b;
}

.subsmenu-parent:hover,
.subsmenu-parent:focus {
    background: #b6f6d9 !important;
    color: #00a65a !important;
}

.subsmenu-parent.active {
    background-color: #00a65a !important;
    color: white !important;
    font-weight: 500 !important;
}

.subsmenu-child:hover,
.subsmenu-child:focus {
    color: #00a65a !important;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
    color: #00a65a !important;
    font-weight: 500 !important;
}

.subsmenu-parent.open {
    background: #b6f6d9;
    color: #00a65a;
}

.sidebar-nav .has-arrow, 
.sidebar-nav .has-arrow.active {
  position: relative;
  cursor: pointer;
}

.sidebar-nav .has-arrow::after,
.sidebar-nav .has-arrow.active::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #393939;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  margin-top: -4px;
  transition: transform 0.3s ease;
  transform-origin: center;
}

.sidebar-nav .has-arrow.open::after,
.sidebar-nav .has-arrow.active.open::after {
  transform: rotate(135deg);
}