.page-item.active .page-link {
    z-index: inherit;
    color: #fff!important
}

.page-item.active .page-link:hover {
    color: #fff!important
}

a.paginator-active-page, a.paginator-active-page:focus {
    color: white!important;
    border: 1px solid #dee2e6!important;
}

.text-info {
    color: #8d358d!important;
}

.bg-info {
    background-color: #8d358d!important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #692469!important;
}

a.text-info:focus, a.text-info:hover {
    color: #692469!important;
}

.table td, .table th, .table thead th {
    border: 0;
}

/** Bootstrap bug : the bg appears over the modal. Annoying. */
.modal-backdrop{
    display: none;
    visibility: hidden;
}

.modal-bg{
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.hide{
    display: none;
}

.show{
    display: block;
}

.cursor-pointer{
  cursor: default!important;
}

.dropdown-menu {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}