* {box-sizing: border-box;}

.image-preview {
  position: relative;
  /* //width: 50%; */
  max-width: 200px;
}
.image-preview1{
  position: relative;
  width: 100%;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  cursor: pointer;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.image-preview:hover .overlay,.image-preview1:hover .overlay {
  opacity: 1;
}
.list-selected{
  background-color: #ddd;
  border-right: 3px solid green;
}
.list-group-item:hover{
  background-color: #f1f1f1;;  
}
.list-group-item{
  cursor: pointer;
  padding:10px;
}

.pending {
  color: #F29339;
  font-weight: bold;
  
}
.confirmed {
  color: #09f061;
  font-weight: bold;
}
.canceled {
color: #c52476;
font-weight: bold;
}
.rejected {
 color: #ff0000;
 font-weight: bold;
}
.complete {
  color: green;
  font-weight: bold;
 }
 .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
  border: 2px solid springgreen;
  border-style: ridge;
}