:root {
  --themecolor: rgb(138, 133, 255);
}

body .card.card-hover {
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

body.dark {
  background: #060c14;
}

body .auth-overlay {
  background-image: linear-gradient(-225deg, var(--themecolor) 0%, #111 100%) !important;
}

body .header-container {
  padding: 8px 20px 7px 16px !important;
}

.header-container .theme-brand .theme-logo a img.logo-icon {
  width: auto !important;
  height: 16px !important;
}

.header-container .theme-brand .theme-logo a img {
  width: auto !important;
  height: 23px !important;
}

body.dark .secondary-nav {
  top: 55px;
}

body .main-container {
    padding: 0 !important;
}

body .sidebar-wrapper {
  padding-left: 16px;
}

body.dark .header-container,
body.dark .sidebar-theme {
  background: #0e1726;
}

body .navbar .light-mode, body:not(.dark) .navbar .light-mode {
  color: #bfc9d4;
  fill: #bfc9d4;
}

body .navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .notification-scroll {
  height: 200px !important;
}

body .navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu svg {
  color: #515365 !important;
}

body.dark .navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu svg {
  color: #e0e6ed !important;
}

.avatar-indicators:before {
  border: none !important;
}

body .avatar .avatar-bg-primary {
  background-color: var(--themecolor) !important;
}

body .avatar-sm {
  font-size: 1rem !important;
  line-height: 1rem !important;
}

body .navbar .navbar-item .nav-item.dropdown .nav-link:hover span,
body.dark .navbar .navbar-item .nav-item.dropdown .nav-link:hover span {
  color: #fff !important;
}

body .btn {
  text-transform: uppercase;
}

.text-highlight {
  color: #222;
}

.dark .text-highlight {
  color: #e0e6ed;
}

body .btn-primary,
body.dark .btn-primary {
  background-color: var(--themecolor) !important;
  border-color: var(--themecolor) !important;
}

body .form-check.form-check-primary .form-check-input:checked {
  background-color: var(--themecolor) !important;
  border-color: var(--themecolor) !important;
}

body .badge-primary {
  background-color: var(--themecolor) !important;
}

.bg-grey {
  background-color: #666 !important;
}

body .card.card-hover:hover {
  background: #fafafa;
}

body.dark .card.card-hover:hover {
  background: #151931;
}

body.dark .card-footer .badge-light-primary {
  color: #ffffff;
  background-color: #3b3f5c;
  border: 1px solid #3b3f5c;
}

body.dark .card-footer .badge-light-success {
  color: #ffffff;
  background-color: #2f9d4e;
  border: 1px solid #2f9d4e;
}

body.dark .card-footer .badge, .card-footer .badge {
  font-size: 0.8rem;
}

body #sidebar ul.menu-categories li.menu ul.submenu > li a:before {
  height: 1px !important;
  width: 10px !important;
  left: 0 !important;
  border-radius: 0 !important;
}

body #sidebar ul.menu-categories ul.submenu > li a {
  margin-left: 25px !important;
  padding-left: 25px !important;
}

body #sidebar ul.menu-categories li.menu ul.submenu > li.active a {
  color: var(--themecolor) !important;
}

body .footer-wrapper .footer-section p {
  letter-spacing: 0 !important;
}

a.racecar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  text-decoration: none !important;
  border: 0 none !important;
  font-size: 14px;
}

body .widget {
    height: 100%;
}

.widget-icons-main {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}

.widget-icons {
  line-height: 1rem;
  color: #0e1726;
}

.dark .widget-icons {
  line-height: 1rem;
  color: #ebedf2;
}

body .widget.widget-activity-five .widget-heading h5,
body .widget-four .widget-heading h5 {
  font-size: 19px !important;
}


/* RESPONSIVE NAV */
.sidebar-mobile-spacer {
    height: 107px;
}

body .header-container,
body.dark .header-container {
  z-index: 99999;
}

body .secondary-nav {
  z-index: 9999 !important;
}


/* BREADCRUMBS */
body .breadcrumb .breadcrumb-item {
  font-weight: 600;
}

body.dark .breadcrumb .breadcrumb-item {
  color: #d3d3d3;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item.active a {
  color: #515365;
}

body.dark .breadcrumb .breadcrumb-item.active a {
  color: #e0e6ed;
}

/* VEHICLES STOCK */
body.dark .list-group-item.active.sucess, .list-group-item.active.sucess, body.dark .list-group-item.active.sucess:hover, .list-group-item.active.sucess:hover {
  background-color: #08954e !important;
}

body.dark .list-group-item.active.error, .list-group-item.active.error, body.dark .list-group-item.active.error:hover, .list-group-item.active.error:hover {
  background-color: #d22e37 !important;
}

body.dark .list-group.list-group-icons-meta .list-group-item .media .media-body h6 {
  color: #ffffff;
}

body.dark .avatar-sm a i {
  font-size: 1rem;
}

.avatar-sm a i {
  font-size: 1rem;
  color: #fff;
}

body.dark .list-group.list-group-icons-meta .list-group-item .media .media-body h6 {
  color: #fff !important;
}

body.dark .list-group.list-group-icons-meta .list-group-item.active .media .media-body h6, .list-group.list-group-icons-meta .list-group-item.active .media .media-body h6 {
  font-size: 13px;
}

body.dark .card-footer .list-group.list-group-icons-meta .list-group-item .media svg {
  width: 16px;
  height: 16px;
}



body.dark .list-group-item {
  border: 1px solid #3b3f5c;
}

.card-footer .vehicle-stock-spec p {
  font-size: 0.85rem;
  font-weight: 400;
  margin-bottom: 5px;
}

body.dark .card-footer .vehicle-stock-spec p {
  color: #fff;
}

.edit-inventory-item {
  position: absolute;
  top: 10px;
  right: 10px;
}

/*body.dark .edit-inventory-item .media .avatar .avatar-title {
  background-color: #ffffff21 !important;
  backdrop-filter: blur(33px);
  background-blend-mode: overlay;
  border: 0px !important;
}*/

.inventory-item-sale-status {
  position: absolute;
  top: 10px;
  left: 10px;
}

  .inventory-item-sale-status.badge:hover {
      transform: none !important;
  }

body.dark .edit-inventory-item .avatar .avatar-title, .edit-inventory-item .avatar .avatar-title {
  background-color: #00ab55 !important;
}


body.dark .inventory-item-sale-status.badge-dark, .inventory-item-sale-status.badge-dark {
  color: #fff;
  background-color: #506690 !important;
}

.card-body p.subtitle {
    font-size: 13px !important;
}

.hover-item {
  transition: all 0.3s ease-out;
}

  .hover-item:hover {
    -webkit-transition: all 0.3s ease-out;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }





.enquiries-read {
  background: #10142a !important;
}