/*Disable Text Selection (CSS)*/
body {
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */
}

/*Or apply only to specific elements:*/
.no-select {
  user-select: none;
}



/*Overlay Transparent Layer on Images*/
/*<div class="image-wrapper">*/
/*  <img src="image.jpg">*/
/*  <div class="overlay"></div>*/
/*</div>*/
.image-wrapper {
  position: relative;
  display: inline-block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  pointer-events: all; /* <-- This ensures the overlay captures clicks */
  cursor: default; /* optional, just to show normal cursor */
}
/*This blocks right-click on the image.*/


#toastmessge {
    position: fixed;
    /*for bottom */
    bottom: 30px;           /* bottom of the screen */
    left: 50%;              /* center horizontally */
    
    
    /*at the center-top*/
    /*top: 30px;*/
    /*left: 50%;*/
    transform: translateX(-50%);  /* center horizontally */
    
    
    /*at the center of the screen*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    
    background-color: #28a745;
    color: white;
    padding: 12px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
}
    
#toastmessge.show {
    opacity: 1;
    pointer-events: auto;
}