.btn-warning {
  color: #020310 !important;
  background-color: #ffaf00 !important;
  border-color: #ffaf00 !important;
}

.btn-danger {
  background-color: #E02126 !important;
  border-color: #E02126 !important;
}

.btn-primary {
  background-color: #100DD1 !important;
  border-color: #100DD1 !important;
}


.btn-success {
  background-color: #00b894 !important;
  border-color: #00b894 !important;
}

.btn-info {
  background-color: #21d6f1 !important;
  border-color: #21d6f1 !important;
  color: #ffffff !important;
}

.bg-primary,
.badge-primary {
  background-color: #100DD1 !important;
}



.btn-dark {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #ffffff !important ;
}

.bg-dark,
.badge-dark {
  background-color: #000 !important;
}
.border-dark {
  border-color: #000 !important;
}
.text-dark{
  color: #000 !important;  
}




.btn-rose {
  background-color: #ef39a3 !important;
  border-color: #ef39a3 !important;
  color: #ffffff !important ;
}

.bg-rose,
.badge-rose {
  background-color: #ef39a3 !important;
}
.border-rose {
  border-color: #ef39a3 !important;
}
.text-rose{
  color: #ef39a3 !important;  
}

.bg-danger,
.badge-danger {
  background-color: #E02126 !important;
}
.border-danger {
    border-color: #E02126 !important;
}


.bg-warning,
.badge-warning {
  background-color: #ffaf00 !important;
  color: #020310;
}
.border-warning {
    border-color: #ffaf00 !important;
}


.bg-info,
.badge-info {
  background-color: #21d6f1 !important;
}

.bg-success,
.badge-success {
  background-color: #00b894 !important;
}

.suha-offcanvas-wrap {
    width: 240px !important;
    border-right: 0 !important;
    background: #000000  !important;
    background: -o-linear-gradient(right, #000000, #5a3e00) !important;
    background: -webkit-gradient(linear, right top, left top, from(#000000), to(#5a3e00)) !important;
    background: linear-gradient(to left, #000000 , #5a3e00) !important;
}


.user-data-card input.form-control{
    box-shadow:0 0 5px #ffaf0052 !important;
    padding:20px
}


.pagination {
    --bs-pagination-color: var(--bs-red) !important;
    --bs-pagination-active-bg: var(--bs-red) !important;
    --bs-pagination-active-border-color: var(--bs-red) !important;
}