.backgroundBlack
{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #00000082;
  visibility: hidden;
  z-index: 9999999;
  user-select: none;

}
.img_loader
{ 
  width: 50px;
}

.action
{
  position: relative; 
  background: #343a40; 
  color:white;
  width: auto;
  margin:7px ;
  padding: 7px; 
  border-radius: 5px; 
  cursor: default;

}
.action:hover
 {
  background-color: #1a1d1f;
 }

 .add
 {
  color: #ff9638;
 }
 .logout
 {
  color: #cdcecf;
 }
 .logout:hover
 {
  color: #ec7306;
 }
 .nav-item{
  color: white;
 }

 .modal-backdrop.show{
  height: 100%;

 }

 .border-info {
    border-color: #b7bec0;
}

.card{
  border-color: #b7bec0;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.page-item.active .page-link:hover{
    z-index: 1;
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.page-item{
  cursor: pointer;
}

 input[type=checkbox] {
     cursor: pointer;
  }

 input[type=checkbox]:after {
  content: " ";
  background-color: #343a40;
  color: red;
  display: inline-block;
  visibility: visible;
 }

 input[type=checkbox]:checked:after {
   content: "\2714";
 }