#gallery-viewer{

    position:fixed; 
    top:0;
    left:0;
    width:100%; 
    height:100%;
    background-color:rgba(0, 0, 0, 0.863);
}

#image_count_display{


    color: white;
    padding: 4px;
    text-align: center;
    width:130px;
    background-color: rgb(29, 29, 29);
    border-radius: 16px;
    font-size: 12px;

}


.on-page-gallery-viewer-thumbnail{


    height:66px; 
    width:100%; 
    margin-left: 2px !important;
    margin-right: 2px;
    /* height: 76px;  */
    object-fit: cover;
    border: 2px solid transparent;

}

.gallery-viewer-thumbnail-selected{

    border: 4px solid #f3952a;

}


#on-page-gallery-main-image{

 
    /* background-color: aqua; */
    /* width:100%;  */
    /* max-height:420px;
    max-width:420px;
    min-height:420px;
    min-width:420px; */
    height:460px;
    width:100%;
    object-fit: contain;

}

.gallery-viewer-disable-click{

    pointer-events:none;

}

.gallery-image{

    width:100%;
}

.gallery-image:hover{

    width:101%;
    cursor: pointer;
}