.photo-preview{
    width:100%;
    height:100%;
    z-index:999999999999999;
    position:fixed;
}
.photo-over-light{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(63, 81, 181, 0.3);
    top:0px;
    bottom:0px;
    opacity:0.5;
    z-index:999999999999999;
}
.photo-view-light{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    bottom:0px;
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:999999999999999;
}
.photo-view-light img{
    max-height:80%;
    max-width:80%;
    margin-bottom:2%;
    margin-top:30px;
    

}
.pagination-left{
    position:absolute;
    font-size:30px;
    color:black;
    left:10px;
    font-weight:bolder;
}
.pagination-right{
    position:absolute;
    font-size:30px;
    color:black;
    right:10px;
    font-weight:bolder;
}
.pagination-bottom{
    position:absolute;
    font-size:20px;
    color:black;
    bottom:10px;
    font-weight:bolder;
}
.text-photo-preview{
    position:absolute;
    font-size:20px;
    color:black;
    bottom:10px;
    left:10px;
    font-weight:bolder;
}
.light-button-close{
    position:absolute;
    font-size:30px;
    top:0px;
}
.photo-preview{
    display:none;
}
.photo-img-light-container{
    width: 100%;
    height:100%;
    max-height: 90%;
    max-height:90%;
    position: relative;
}