#sidebar {
  background-image: linear-gradient(to top, #34722ccc 54%, #f8f6e0 145%);
}

#sidebar .sidebar-header {
  padding: 35px 0 0 0;
  /* background-color: #020403; */
}

.fp-card-header, .fp-card-footer {
  color: var(--f-card-header-slanic)
}

.home-numbers-container {
  color: var(--f-card-header-slanic);
}

.page-title {
  color: var(--primary-button);
}

.form-check-input:checked {
  background-color: var(--primary-button);
}

.btn-primary {
  background-color: var(--primary-button);
}

.btn-primary:hover {
  color: var(--primary-button);
  background-color: #e2e0e0;
}

/*btn-primary:disabled {*/
/*    background-color: ;*/
/*}*/

#sidebarCollapse:hover {
  color: var(--primary-button);
}

.navbar-right li > *:hover {
  color: var(--primary-button);
}

table.dataTable.no-footer {
  border-bottom: 1px solid var(--primary-button);
}

.input-box:focus-within .input-label {
  color: var(--primary-button) !important;
}

.dropdown-item:hover {
  color: var(--primary-button);
}

@keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: var(--primary-button);
  }
}

@-o-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: var(--primary-button);
  }
}

@-ms-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: var(--primary-button);
  }
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: var(--primary-button);
  }
}

@-moz-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: var(--primary-button);
  }
}

.input-box.focus .input-label {
  color: var(--primary-button);
}

.btn-tomberon {
  background-color: var(--primary-button);
}

.col-auto.titlu-categorie.subtitlu + .col {
  border-left: 3px solid var(--primary-button);
}

.col-auto.titlu-categorie.subtitlu {
  color: var(--primary-button);
}

.active-da:checked + label {
  color: var(--primary-button);
}

#coverLogin {
  background-image: url(../images/login/loginPhoto.jpg);
  background-size: cover;
  background-position: 20% 29%;
}

.btn-primary {
  border-radius: 3px;
  padding: 5px 15px;
  border: none;
  transition: all .2s;
  background: linear-gradient(90deg, #e2e0e0 50%, var(--primary-button) 50%) right;
  color: white;
  background-size: 200% 100%;
}

.btn-primary:hover {
  border: none;
  background-position: left;
  color: var(--primary-button);
}

h2.title-login {
  color: #3a8057;
}

.btn-autentif {
  background-color: var(--button-slanic);
}

.btn-autentif:hover {
  background-color: var(--button-slanic-hover);
}