:root {
  --nodo-green: #0a698e;
  --nodo-green-dark: #534e4ee0;
  --nodo-lime: #2cd0ed;
  --nodo-lime-soft: #538b8f;
  --nodo-black: #050800;
  --nodo-panel: rgba(5, 12, 0, 0.94);
}

html,
body {
  background-color: var(--nodo-black) !important;
  color: #f2ffe8 !important;
}

body {
  background-image: url("../img/background.jpg") !important;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

#js-particles {
  background: transparent !important;
  pointer-events: none;
}

#sidebar-wrapper {
  background: var(--nodo-panel) !important;
  border-right: 1px solid rgba(10, 196, 180, 0.35);
}

#sidebar-wrapper .sidebar-heading {
  color: var(--nodo-lime) !important;
  font-weight: 700;
  letter-spacing: 0.03em;
}

#sidebar-wrapper .list-group-item {
  color: #e8ffd4 !important;
  background: transparent !important;
  border-color: rgba(8, 115, 119, 0.267) !important;
}

#sidebar-wrapper .list-group-item:hover,
#sidebar-wrapper .list-group-item:focus {
  color: #061000 !important;
  background: var(--nodo-lime) !important;
}

#page-content-wrapper .navbar {
  background: rgba(22, 22, 21, 0.9) !important;
  border-bottom: 1px solid rgba(17, 160, 170, 0.397);
}

a,
.text-primary {
  color: var(--nodo-lime) !important;
}

.btn-primary,
.bg-primary {
  background-color: var(--nodo-green) !important;
  border-color: var(--nodo-green) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--nodo-lime) !important;
  border-color: var(--nodo-lime) !important;
  color: #061000 !important;
}

.btn-warning {
  color: #061000 !important;
  background-color: var(--nodo-lime) !important;
  border-color: var(--nodo-lime) !important;
  font-weight: 700;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--nodo-lime-soft) !important;
  border-color: var(--nodo-lime-soft) !important;
  color: #061000 !important;
}

.card,
.modal-content {
  border-color: rgba(7, 182, 173, 0.397) !important;
}

.card-header,
.card-header-warning {
  background: linear-gradient(135deg, var(--nodo-green-dark), var(--nodo-green)) !important;
  color: #efffdc !important;
}

.form-control,
select,
textarea {
  color: #efffdc !important;
  background-color: rgba(26, 27, 26, 0.78) !important;
  border-color: rgba(120, 219, 214, 0.35) !important;}

.form-control:focus,
select:focus,
textarea:focus {
  border-color: var(--nodo-lime) !important;
  box-shadow: 0 0 0 0.2rem rgba(5, 138, 179, 0.2) !important;
}

::placeholder {
  color: #b9d6a1 !important;
}

.footer,
.footer a {
  color: var(--nodo-lime) !important;
}