.app-header {
	background: #673ab7 !important;
}

.side-header {
	/*background: #17a2b8 !important;*/
}

.app-sidebar {
	background: #673ab7 !important;
}

.side-menu__item, .side-menu__icon, .slide-item {
	color: #c2c7d0 !important;
}

.side-menu__item,
.slide-item {
	border-radius: 10px;
}

.sidebar-mini .side-menu {
	margin-top: 30px !important;
}

.side-menu__item.active .side-menu__icon {
	color: white !important;
}

.side-menu__item.active {
	/*background: var(--primary-bg-color);*/
	background-color: rgba(255,255,255,.1);
	color: white !important;
}

.side-menu__item:hover,
.side-menu__item:focus,
.slide-item.active,
.slide-item:hover,
.slide-item:focus {
	/*background: var(--primary-bg-color);*/
	background-color: rgba(255,255,255,.1);
	color: white !important;
}

.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label {
	color: white !important;
}

.app-sidebar__toggle, .fullscreen-button {
	color: #fff !important;
}

.card-header {
	background: #673ab7 !important;
  color: #fff !important;
}

.table-hover tbody th {
	background: #6c757d !important;	
  color: #fff !important;
}

.modal-content {
	border: none !important;
}

.modal-header {
	background: #673ab7 !important;
	color: white !important;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #08032D;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

body {
  margin: 0;
}

canvas {
  display: block;
  vertical-align: bottom;
}

input[type=number] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}