/* Card */
.card {
  margin-bottom: 20px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Navbar */
.navbar-white {
  background: linear-gradient(to right, #000, #2D3436);
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

#jazzy-navbar {
  border-radius: 20px;
  top: 2vh;
  margin-left:40vh;
  margin-right:2vh;
  height: 13vh;
}

/* Sidebar */
.sidebar-dark-primary {
  background: linear-gradient(to right, #000, #2D3436);
}

[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
  border-radius: 20px;
  background-color: white;
  color: black;
  padding: 2vh;
}

[class*=sidebar-dark] .brand-link:hover {
  color: #869099;
}

.font-weight-light {
  font-weight: 600!important;
}

.accent-navy [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
  color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
  background: linear-gradient(to right, #000, #2D3436);
  color:#ffffff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
  background-color: #fff;
}

.layout-navbar-fixed .wrapper .brand-link {
  overflow: hidden;
  position: relative;
  top: 0;
  transition: width .3s ease-in-out;
  width: 250px;
  z-index: 1035;
  background-color: white;
}

[class*=sidebar-dark-] .sidebar a {
  color: #ffffff;
}

[class*=sidebar-dark-] .nav-header {
  color: #dee2e6;
  margin-top: 1rem;
}

#jazzy-sidebar {
  border-radius: 20px;
  margin-top: 2vh;
  margin-bottom: 2vh;
  margin-left:2vh;
  padding: 2vh;
  box-sizing: content-box;
}

body:not(.layout-fixed) .main-sidebar {
  height: -webkit-fill-available;
  min-height: 0;
}

.main-sidebar {
  height: -webkit-fill-available;
  overflow-x: hidden;
}

.sidebar{
  overflow-x: hidden;
}

/* Body */
body {
  background-color: #dee2e6;
}

.btn-xs {
  padding: 0.125rem 0.35rem;
  font-size: .85rem;
  line-height: 1.5;
  border-radius: 20px;
}

.btn-success {
  color: #fff;
  background-color: #999;
  border-color: #999;
  box-shadow: none;
}

.btn-success:hover {
  color: #fff;
  background-color: #dee2e6;
  border-color: #dee2e6;
  box-shadow: none;
}

.btn-info {
  color: #fff;
  background: linear-gradient(to right, #000, #2D3436);
  border-color: #000000 ;
  box-shadow: none;
}

.btn-info:hover {
  color: #fff;
  background-color: #dee2e6;
  border-color: #dee2e6;
}

.content-wrapper {
  background-color: rgb(255 255 255 / 0%);
}

.content-wrapper>.content {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 17vh;
  margin-bottom: 2vh;
}

.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
  margin-left: 8.5rem!important;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header 
{
    margin-left: 40vh;
    margin-right: 2vh;
    top: 15vh;
}

.sidebar, ::after, ::before {
  box-sizing: content-box;
}

/* Footer */
.main-footer {
  color: #869099;
  padding: 1rem 2rem;
  font-size: 14px;
  border-radius: 20px;
  margin-bottom: 2vh;
}