.bold-link{
  font-size: larger;
  font-weight: normal;
  color:white
}
 
.bold-link :hover{
  color:salmon;
}

.footer-copy{
  margin: auto;
}

.welcome{
  width: 100%;
  height: 500px;
  padding: 5px 5px 5px 5px;
  background-color: dimgray;
  margin: 5px 0px 5px 0px;
    background-image: url('../img/apps/retail_back.jpg');
}

.message{
  color: white;
  position: relative;
  top:30px;
  left:100px;
  
}

.head_note{
  font-size: 70px;
  text-shadow: 3px 3px 7px rgb(50, 3, 70);
}
.foot_note{
  font-weight: bold;
  font-style: italic;
  text-shadow: 3px 3px 7px rgb(50, 3, 70);
}

.paddress{
  color: aliceblue;
  font-size: 20px;
  font-style: italic;
  padding: 0 2px 0 15px;
}

.custom_container{
  width: 100%;
  padding:5px 5px 5px 5px;
}

.lform
{
  padding: 40px 40px 40px 40px;
  border: 2px solid rgb(149, 10, 184);
  border-radius: 3px;
}

.space{
  margin-bottom: 10px;
}

.table_data
{
    overflow:auto;
  padding: 20px 10px 10px 10px;
}
#img_prv{
  width: 365px;
  height: 365px;
  border: 2px solid rgb(132, 7, 163);
  border-radius: 5px;
}

#prd_img{
  width: 100%;
  height: 100%;
}

.paginate_button
{
  padding: 5px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 2px;
  border: 2px solid blueviolet;
}
.paginate_button:hover{
  background-color: rgb(161, 90, 241);
}

.paginate_button.current
{
  background-color: rgb(194, 109, 236);
}

#dataTable thead
{
  background-color: rgb(75, 6, 105);
  color: white;
}
#dataTable tbody td
{
  font-weight: bold;
}

#notifications
{
  overflow: auto;
  height: 500px;
  border-radius: 5px;
  background-color: white;
}
.box
{
  border: 2px solid blue;
  font-weight: bold;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  margin-bottom: 5px;
}