/* Page-sidebar */
.page-logo,
.page-sidebar,
.nav-footer,
.bg-brand-gradient {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(52, 58, 64, 1)),
    to(transparent)
  );
  background-image: linear-gradient(270deg, rgba(52, 58, 64, 1), transparent);
  background-color: #343a40;
}

/*  radio*/

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1.125rem;
  height: 1.15969rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #1dc9a0;
  background-color: #1dc9a0;
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem transparent;
  box-shadow: 0 0 0 0.2rem transparent;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #1dc9a0;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #1dc9a0;
  background-color: #1dc9a0;
  border-color: #1dc9a0;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #1dc9a0;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #1dc9a0;
}

/* Pagination */
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #212529;
  background-color: transparent;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #967bbd;
  text-decoration: none;
  background-color: #f3f3f3;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem transparent;
  box-shadow: 0 0 0 0.2rem transparent;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #2f2fed;
  background-color: #ebebf2;
  border-color: #ebebf2;
}

.pagination .page-link:hover {
  background-color: #2f2fed !important;
  color: #fff;
}

.pagination .page-item:first-child:not(.active) .page-link,
.pagination .page-item:last-child:not(.active) .page-link,
.pagination .page-item.disabled .page-link {
  background: transparent;
}