table, th, td, tr {
  color:black !important;
  border: 0.1px solid black !important; 
}
.desig-background{
  background-image: url('./img/pattern.jpg');
  background-position: bottom;
  background-size: cover;
}
td{
  
  /* font-size: 1.3vw; */
   /* margin-left: 2vw; */
    font-weight:300;
  }
  
  thead{
    /* margin: 30rem !important; */
    font-weight: 500;
  }

.mybackground{
  
   background-image: url('./img/pattern.jpg');
   background-position: bottom;
  background-size: cover; 
}

.add-emp-background{
  
  background-image: url('./img/pattern.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.add-vendor-bg{
  background-image: url('./img/pattern.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.emp-list-bg{
  background-color: beige;
}

.emp-detail-bg{
  background-color: rgb(38, 250, 246);
}

.img-container{
  width: 20vw;
  height: 10vw;
  

}
.img-container img{
  width: 100%;
  height: 100%;
  
}

.img-container1{
  width: 20vw;
  height: 20vw;
  border-radius: 50%;
  overflow: hidden;
 

}
.img-container1 img{
  width: 100%;
  height: 100%;
  
}

.btn-secondary{
  width: 100px;
  margin-left: 1.2vw !important;
  border-radius: 5px !important;
  border: none;
  color: black;
  
}

.buttons-pdf{
  background-color: rgb(247, 194, 58) !important;
}
.buttons-excel{
  background-color: rgb(21, 117, 7) !important;
}
.buttons-print{
  background-color: rgb(15, 252, 217) !important;
}

#mytable{
  min-height: 10vh;
  width: 78vw;
  overflow-y: auto;
}