/*.lelieu-lightbox-trigger img {
    max-width: 100%;
    border-radius: ;
}*/
.lightbox-opened {
    z-index: 1000;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding: 24px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 10000000000;
}
.lightbox-opened img {
    box-shadow: 0 0 6px 3px #333;
    height: auto;
    max-width: 80vw;
    width: auto;
    object-fit: contain;
    position: relative;
    border-radius: 5px;
    max-height: 80vh;
    background-color: white;
}

@media only screen and (max-width: 768px)  {
    .lightbox-opened img {
        width: 100vw;
        object-fit: contain;
    }
  }
.lightbox-opened .img-container{
 position: relative;
}
.lightbox-opened .img-container:after {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    color: #eee;
    content: "x";
    font-family: sans-serif;
    padding: 6px 12px;
    position: absolute;
  top:0; right: 0;
    text-transform: uppercase;
}
html.noscroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
html.noscroll #find-distributor-fab .tooltip-content{
    opacity: 0 !important;
}

/*.lightbox-opened::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.lightbox-opened::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.lightbox-opened::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.33, var(--color-primary)),
							
									   color-stop(0.66, var(--color-primary)));
  box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
}*/