/* BEGIN: FIX SHADDOW OF THE VERY FIRST IMAGE (.img-fluid) */
.figure-img-absolute-fix {
	box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4) ;
}

.image-img-fluid-fix {
	box-shadow: none !important;
	margin: 4px !important;
}
/* END: FIX SHADDOW OF THE VERY FIRST IMAGE (.img-fluid) */

/*BEGIN: CSS FOR TOAST MESSAGES*/
.progress {
    animation: toastProgress 5s 
        ease-in-out forwards;
}
.alert { 
    position: fixed; 
    top: 25px; 
    right: 25px; 
    max-width: 300px;
    padding: 0.5rem; 
    border-radius: 4px; 
    box-shadow: -1px 1px 10px
        rgba(0, 0, 0, 0.3); 
    z-index: 1023; 
    animation: slideInRight 0.3s 
            ease-in-out forwards, 
        fadeOut 0.5s ease-in-out 
            forwards 5s; 
    transform: translateX(110%); 
    cursor:pointer;opacity:.9
} 

@keyframes slideInRight { 
    0% { 
        transform: translateX(110%); 
    } 
  
    75% { 
        transform: translateX(-10%); 
    } 
  
    100% { 
        transform: translateX(0%); 
    } 
} 
  
@keyframes toastProgress { 
    0% { 
        width: 100%; 
    } 
  
    100% { 
        width: 0%; 
    } 
}

/*END: CSS FOR TOAST MESSAGES*/