.active > .page-link, .page-link.active {
    z-index: 3;
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
    color: #fff;
}

.table th {
  color: #404040;
  font-weight: 500 !important;
}

.font-pemprov {
  color: #fa510a !important;
}

.swal2-container button {
  color: #fff !important;
}

.btn-icon {
    width: 45px;
    height: 45px;
    padding: 0;
}

.w-120px {
  width: 120px;
}

.select2-container .select2-selection--single {
    border-color: #efefef;
    border-radius: .25rem !important;
    height: 27px !important;
    padding: 10px;
}

.badge {
    font-size: 14px !important;
}

.knowledgebase-search2 {
    align-items: center;
    bottom: 10%;
    display: flex;
    position: absolute;
}

.knowledgebase-search2 .form-inline {
    background-color: var(--white);
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-top: 10px;
    padding: 6px 48px;
    position: relative;
    width: 500px
}

.knowledgebase-search2 .form-inline ::-moz-placeholder {
    color: #ccc
}

.knowledgebase-search2 .form-inline ::placeholder {
    color: #ccc
}

.knowledgebase-search2 .form-inline svg {
    left: 20px;
    position: absolute;
    top: 10px;
    width: 20px;
    stroke: #ccc
}